.vtu-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 14px 14px;display:grid}.vtu-assets label{border:1px solid var(--app-line);border-radius:8px;gap:7px;padding:10px;display:grid}.vtu-assets progress{width:100%}@media (max-width:800px){.vtu-assets{grid-template-columns:1fr}}.vtu-draft-assets{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.vtu-assets label small{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}@media (max-width:800px){.vtu-draft-assets{grid-template-columns:1fr}}.v-content-admin-overlay--tutorials{background:var(--app-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials{box-sizing:border-box;border-color:var(--app-line);width:min(1180px,100vw - 48px);height:min(880px,100dvh - 48px);color:var(--foreground);font-family:var(--font-ui);background:#121416;border-radius:12px;grid-template-rows:58px minmax(0,1fr)}.v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials>header{box-sizing:border-box;border-bottom:1px solid var(--app-line);background:#121416;padding:0 20px}.v-content-admin-panel--tutorials>header b{color:var(--foreground);font-size:14px}.v-content-admin-panel--tutorials>header small{color:var(--app-muted);font-size:10px}.v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials>header>button{border-color:var(--app-line);background:var(--app-control);color:var(--foreground);place-items:center;display:grid}.v-content-admin-panel--tutorials>header svg{width:16px;height:16px}.v-content-admin-panel--tutorials>div{min-height:0;overflow:hidden}.v-content-admin-panel--tutorials .vtu-shell{height:100%;min-height:0;color:var(--foreground);background:#121416;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0}.vtu-shell .vtu-content{align-content:start;gap:16px;min-height:0;padding:18px 20px 24px;display:grid;overflow-y:auto}.vtu-shell .vex-intro{font-size:11px;line-height:1.7}.vtu-shell .vex-create,.vtu-shell .vex-list{border-color:var(--app-line);background:#1b1e22;border-radius:10px;padding:16px}.vtu-shell .vex-section-heading{align-items:center}.vtu-shell .vex-section-heading h2{font-size:18px;line-height:1.4}.vtu-shell .vex-section-heading small{font-size:11px}.vtu-shell .vex-category-create h2,.vtu-shell .vex-list h2{font-size:15px}.vtu-shell .vex-fields{gap:12px}.vtu-shell .vex-fields label{font-size:11px}.vtu-shell .vex-fields :is(input,select,textarea){border-color:var(--app-line);background:var(--app-control);color:var(--foreground);border-radius:7px}.vtu-shell .vex-fields :is(input,select,textarea):focus-visible{outline:2px solid var(--app-accent);outline-offset:1px}.vtu-shell .vex-fields .vtu-form-select{min-width:0;color:var(--app-muted);gap:6px;font-size:11px;display:grid}.vtu-shell .vtu-form-menu{width:100%;min-width:0;position:relative}.vtu-shell .vtu-form-menu>button{box-sizing:border-box;border:1px solid var(--app-line);background:var(--app-control);width:100%;min-height:40px;color:var(--foreground);font:600 11px var(--font-ui);text-align:right;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.vtu-shell .vtu-form-menu>button:hover,.vtu-shell .vtu-form-menu>button[aria-expanded=true]{border-color:var(--app-accent);background:var(--app-control-hover)}.vtu-shell .vtu-form-menu>button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.vtu-shell .vtu-form-menu .vf-menu-label{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.vtu-shell .vtu-form-menu .vf-menu-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vtu-shell .vtu-form-menu svg{width:16px;height:16px;color:var(--app-accent);flex:none}.vtu-shell .vtu-form-menu .vf-filter-panel{z-index:120;box-sizing:border-box;direction:rtl;width:100%;min-width:0;max-width:none;max-height:min(280px,100dvh - 130px);position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto}.vtu-shell .vtu-orientation-menu .vf-filter-panel{top:auto;bottom:calc(100% + 5px)}.vtu-shell .vtu-form-menu .vf-filter-panel-search{z-index:2;border:1px solid var(--app-line);background:var(--app-control);min-height:34px;color:var(--app-muted);border-radius:6px;align-items:center;gap:7px;margin:0 0 5px;padding:0 8px;display:flex;position:sticky;top:0}.vtu-shell .vtu-form-menu .vf-filter-panel-search input{box-sizing:border-box;width:100%;min-width:0;min-height:30px;color:var(--foreground);font:10px var(--font-ui);outline:0;flex:1;padding:0;background:0 0!important;border:0!important}.vtu-shell .vtu-form-menu .vf-filter-panel>button{width:100%;min-height:36px;color:var(--foreground);font:600 10px var(--font-ui);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.vtu-shell .vtu-form-menu .vf-filter-panel>button:hover,.vtu-shell .vtu-form-menu .vf-filter-panel>button:focus-visible{background:var(--app-menu-hover-bg);outline:0}.vtu-shell .vtu-form-menu .vf-filter-panel>button[aria-checked=true]{color:var(--app-accent)}.vtu-shell .vtu-form-menu .vf-filter-panel-empty{color:var(--app-muted);margin:6px;font-size:10px}.vtu-shell .vtu-multi-menu .vf-filter-panel>button[role=menuitemcheckbox] .vf-menu-label>svg,.vtu-shell .vtu-multi-menu>button .vf-menu-label>svg{color:var(--vtu-option-color,var(--app-accent));width:18px;height:18px}.vtu-shell .vtu-multi-menu .vf-filter-panel>button[role=menuitemcheckbox] .vf-menu-label>.vtu-model-logo,.vtu-shell .vtu-multi-menu>button .vf-menu-label>.vtu-model-logo{filter:none;width:20px;height:20px;display:block;overflow:visible}html[data-theme] body .vtu-shell .vtu-multi-menu .vf-filter-panel>button[role=menuitemcheckbox] .vf-menu-label>svg.vihan-icon,html[data-theme] body .vtu-shell .vtu-multi-menu>button .vf-menu-label>svg.vihan-icon{color:var(--vtu-option-color,var(--app-accent))!important}.vtu-shell .vtu-multi-menu .vf-filter-panel>button[role=menuitemcheckbox][aria-checked=true]{background:color-mix(in srgb,var(--app-accent) 10%,transparent)}.vtu-shell .vtu-multi-menu .vtu-multi-empty{border:1px solid var(--app-muted);border-radius:50%;flex:none;width:14px;height:14px}.vtu-shell .vtu-multi-menu .vtu-multi-clear{margin-top:5px;border-top:1px solid var(--app-line)!important;min-height:32px!important;color:var(--app-muted)!important;justify-content:center!important}.vtu-shell .vtu-multi-menu .vf-filter-panel{overscroll-behavior:contain}.vtu-shell .vtu-editor-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;padding:3px 0 6px}.vtu-shell .vtu-draft-files{border-top:1px solid var(--app-line);gap:9px;margin-top:4px;padding-top:15px;display:grid}.vtu-shell .vtu-draft-files h3{margin:0;font-size:14px}.vtu-shell .vtu-draft-files p{color:var(--app-muted);margin:0;font-size:10px}.vtu-shell .vtu-kind-field{border:1px solid var(--app-line);border-radius:9px;gap:9px;min-width:0;margin:0;padding:12px;display:grid}.vtu-shell .vtu-kind-field legend{color:var(--foreground);padding:0 6px;font-size:11px;font-weight:700}.vtu-shell .vtu-kind-field>div{flex-wrap:wrap;gap:8px;display:flex}.vtu-shell .vtu-kind-field label{border:1px solid color-mix(in srgb,currentColor 40%,var(--app-line));background:var(--app-control);cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-width:104px;padding:8px 10px;display:flex}.vtu-shell .vtu-kind-field input{accent-color:currentColor;width:14px;height:14px;min-height:0;margin:0}.vtu-shell .vtu-kind-field svg{width:17px;height:17px}.vtu-shell .vtu-kind-field small{color:var(--app-muted);font-size:10px}.vtu-shell .vtu-assets{gap:10px;margin:0}.vtu-shell .vtu-assets label{background:var(--app-control);font-size:11px}.vtu-shell .vtu-assets .vtu-upload{cursor:pointer;align-content:start;min-width:0;position:relative}.vtu-shell .vtu-upload-title{color:var(--foreground);font-size:11px;font-weight:600}.vtu-shell .vtu-upload input[type=file]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vtu-shell .vtu-upload-action{border:1px solid var(--app-line);background:var(--app-surface);min-height:34px;color:var(--foreground);border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.vtu-shell .vtu-upload-action svg{width:16px;height:16px;color:var(--app-accent)}.vtu-shell .vtu-upload:hover .vtu-upload-action,.vtu-shell .vtu-upload:focus-within .vtu-upload-action{border-color:var(--app-accent);background:var(--app-control-hover)}.vtu-shell .vtu-upload:focus-within{outline:2px solid var(--app-accent);outline-offset:2px}.vtu-shell .vtu-upload small{text-align:right;direction:ltr;min-width:0}.vtu-shell .vex-card{background:var(--app-control);border-radius:8px}.vtu-shell .vex-card>.vex-fields{padding:0 14px 14px}.vtu-shell .vex-card summary{align-items:center;gap:12px;list-style:none}.vtu-shell .vex-card summary::-webkit-details-marker{display:none}.vtu-shell .vex-card summary em{flex:none}.vtu-shell .vex-card>.vtu-assets{margin:0 14px 14px}.vtu-shell .vtu-footer{border-top:1px solid var(--app-line);background:#121416;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex}.vtu-shell .vtu-footer span{color:var(--app-muted);font-size:11px}.vtu-shell .vtu-footer button{min-width:150px;min-height:40px;font-size:11px;font-weight:700}.vtu-shell .vtu-footer button:disabled{opacity:1;border-color:var(--app-line);background:var(--app-control);color:var(--app-muted)}html[data-theme=light] .v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials,html[data-theme=light] .v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials>header,html[data-theme=light] .v-content-admin-panel--tutorials .vtu-shell,html[data-theme=light] .vtu-shell .vtu-footer{background:var(--app-surface)}html[data-theme=light] .vtu-shell .vex-create,html[data-theme=light] .vtu-shell .vex-list{background:var(--app-panel)}@media (max-width:760px){.v-content-admin-overlay--tutorials .v-content-admin-panel--tutorials{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.vtu-shell .vtu-content{padding:14px}.vtu-shell .vex-section-heading{flex-direction:column;align-items:start}.vtu-shell .vtu-footer{padding:10px 14px}}@media (max-width:480px){.vtu-shell .vtu-footer span{display:none}.vtu-shell .vtu-footer button{width:100%}}.vtu-create-intro{justify-content:space-between;align-items:center;gap:12px;display:flex}.vtu-create-intro a{border:1px solid var(--app-line);background:var(--app-control);color:var(--foreground);border-radius:7px;flex:none;padding:8px 11px;font-size:11px;text-decoration:none}.vtu-create-intro a:hover,.vtu-create-intro a:focus-visible{border-color:var(--app-accent);color:var(--app-accent)}.vtu-admin-page{box-sizing:border-box;min-height:100%;color:var(--foreground);font-family:var(--font-ui);align-content:start;gap:18px;padding:10px clamp(20px,2.2vw,36px) 36px;display:grid}.vtu-admin-header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:16px;padding:8px 0 16px;display:flex}.vtu-admin-header h1{margin:0;font-size:28px;line-height:1.4}.vtu-admin-header a{border:1px solid var(--app-line);background:var(--app-control);min-height:40px;color:var(--foreground);border-radius:8px;place-items:center;padding:0 14px;font-size:11px;text-decoration:none;display:grid}.vtu-admin-header a:hover,.vtu-admin-header a:focus-visible{border-color:var(--app-accent);color:var(--app-accent)}.vtu-admin-list{border:1px solid var(--app-line);background:var(--app-panel);border-radius:10px;min-width:0;padding:16px}.vtu-admin-toolbar{color:var(--app-muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;font-size:11px;display:flex}.vtu-admin-create{border:1px solid var(--app-accent);background:var(--app-accent);min-height:40px;color:var(--app-on-primary);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.vtu-admin-create svg{width:17px;height:17px}.vtu-admin-table-scroll{border:1px solid var(--app-line);border-radius:8px;overflow-x:auto}.vtu-admin-table{border-collapse:collapse;table-layout:fixed;background:var(--app-surface);width:100%;min-width:1080px}.vtu-admin-table col.title{width:20%}.vtu-admin-table col.slug{width:16%}.vtu-admin-table col.category,.vtu-admin-table col.kind{width:13%}.vtu-admin-table col.duration{width:9%}.vtu-admin-table col.status{width:13%}.vtu-admin-table col.action{width:16%}.vtu-admin-table th,.vtu-admin-table td{box-sizing:border-box;border-bottom:1px solid var(--app-line);text-align:right;text-overflow:ellipsis;white-space:nowrap;padding:10px 9px;overflow:hidden}.vtu-admin-table thead th{background:var(--app-control);color:var(--app-muted);font-size:10px;font-weight:700}.vtu-admin-table tbody td{font-size:9px}.vtu-admin-table tbody td b{font-size:10px}.vtu-admin-table tbody tr:hover{background:var(--app-control-hover)}.vtu-admin-table tbody tr:last-child td{border-bottom:0}.vtu-admin-filters th{padding:7px 9px;background:var(--app-surface)!important}.vtu-admin-filters th:has(.vtu-column-filter){overflow:visible}.vtu-admin-filters th:has(.vtu-column-filter [aria-expanded=true]){z-index:20;position:relative}.vtu-column-search{box-sizing:border-box;border:1px solid var(--app-line);background:var(--app-control);width:100%;height:34px;color:var(--app-muted);border-radius:6px;align-items:center;gap:7px;padding:0 8px;display:flex}.vtu-column-search:focus-within{border-color:var(--app-accent);outline:2px solid var(--app-accent);outline-offset:1px}.vtu-column-search svg{flex:none;width:13px;height:13px}.vtu-column-search input{box-sizing:border-box;width:100%;min-width:0;height:30px;color:var(--foreground);font:9px var(--font-ui);background:0 0;border:0;outline:0;padding:0}.vtu-column-search input::placeholder{color:var(--app-muted)}.vtu-column-filter{text-align:right;width:100%;min-width:0;position:relative}.vtu-column-filter>button{box-sizing:border-box;border:1px solid var(--app-line);background:var(--app-control);width:100%;height:34px;min-height:34px;color:var(--foreground);font:9px var(--font-ui);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;padding:0 7px;display:flex}.vtu-column-filter>button:hover,.vtu-column-filter>button[aria-expanded=true]{border-color:var(--app-accent);background:var(--app-control-hover)}.vtu-column-filter>button:focus-visible{outline:2px solid var(--app-accent);outline-offset:1px}.vtu-column-filter .vf-menu-label{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.vtu-column-filter .vf-menu-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vtu-column-filter svg{flex:none;width:13px;height:13px}.vtu-column-filter .vf-filter-panel{z-index:100;box-sizing:border-box;text-align:right;direction:rtl;width:max(100%,180px);max-height:270px;position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto}.vtu-column-filter .vf-filter-panel-search{z-index:2;border:1px solid var(--app-line);background:var(--app-control);height:32px;color:var(--app-muted);border-radius:6px;align-items:center;gap:7px;margin-bottom:5px;padding:0 7px;display:flex;position:sticky;top:0}.vtu-column-filter .vf-filter-panel-search input{width:100%;min-width:0;height:28px;color:var(--foreground);font:9px var(--font-ui);background:0 0;border:0;outline:0;flex:1;padding:0}.vtu-column-filter .vf-filter-panel>button{width:100%;min-height:32px;color:var(--foreground);font:9px var(--font-ui);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:7px;padding:5px 7px;display:flex}.vtu-column-filter .vf-filter-panel>button:hover,.vtu-column-filter .vf-filter-panel>button:focus-visible{background:var(--app-menu-hover-bg);outline:0}.vtu-column-filter .vf-filter-panel>button[aria-checked=true]{color:var(--app-accent)}.vtu-column-filter .vf-filter-panel-empty{color:var(--app-muted);margin:6px;font-size:9px}@media (min-width:1200px){.vtu-admin-table-scroll{overflow:visible}}.vtu-admin-table td[dir=ltr]{text-align:left;direction:ltr}.vtu-status{border-radius:6px;padding:5px 8px;font-size:9px;font-style:normal;display:inline-block}.vtu-status.published{background:color-mix(in srgb,var(--app-success) 16%,var(--app-panel));color:var(--app-success)}.vtu-status.draft,.vtu-status.deleting{background:color-mix(in srgb,var(--app-warning) 16%,var(--app-panel));color:var(--app-warning)}.vtu-row-actions{align-items:center;gap:5px;display:flex}.vtu-row-actions button{border:1px solid var(--app-line);background:var(--app-control);min-height:34px;color:var(--foreground);font:10px var(--font-ui);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.vtu-row-actions button:hover,.vtu-row-actions button:focus-visible{border-color:var(--app-accent);color:var(--app-accent)}.vtu-row-actions button.danger{color:var(--app-danger)}.vtu-row-actions button.danger:hover,.vtu-row-actions button.danger:focus-visible{border-color:var(--app-danger);background:color-mix(in srgb,var(--app-danger) 10%,var(--app-control))}.vtu-row-actions button:disabled{opacity:.55;cursor:not-allowed}.vtu-row-actions button svg{width:14px;height:14px}.vtu-admin-empty{color:var(--app-muted);text-align:center!important;padding:28px!important;font-size:11px!important}.vtu-admin-pagination{justify-content:center;align-items:center;gap:14px;margin-top:14px;font-size:11px;display:flex}.vtu-admin-pagination button{border:1px solid var(--app-line);background:var(--app-control);min-height:34px;color:var(--foreground);cursor:pointer;border-radius:7px;padding:0 12px}.vtu-admin-pagination button:disabled{color:var(--app-muted);cursor:not-allowed}.vtu-admin-message{border:1px solid var(--app-line);background:var(--app-panel);border-radius:8px;margin:0;padding:10px 12px;font-size:11px}.vtu-admin-overlay{z-index:2200;background:var(--app-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.vtu-admin-drawer{inset-block:0;border-right:1px solid var(--app-line);background:var(--app-panel);width:min(860px,100vw - 74px);height:100%;color:var(--foreground);box-shadow:20px 0 70px color-mix(in srgb,var(--app-shadow-color) 65%,transparent);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;left:0;overflow:hidden}.vtu-admin-drawer>header{border-bottom:1px solid var(--app-line);justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.vtu-admin-drawer>header span{gap:5px;min-width:0;display:grid}.vtu-admin-drawer>header h2{margin:0;font-size:20px}.vtu-admin-drawer>header small{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vtu-admin-drawer>header button{border:1px solid var(--app-line);background:var(--app-control);width:38px;height:38px;color:var(--foreground);cursor:pointer;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.vtu-admin-drawer>header button svg{width:17px;height:17px}.vtu-admin-drawer-body{align-content:start;gap:18px;padding:20px 22px;display:grid;overflow-y:auto}.vtu-admin-drawer .vex-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.vtu-admin-drawer .vtu-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.vtu-admin-drawer-assets{gap:10px;display:grid}.vtu-admin-drawer-assets h3{margin:0;font-size:14px}.vtu-admin-delete{border:1px solid color-mix(in srgb,var(--app-danger) 55%,var(--app-line));background:color-mix(in srgb,var(--app-danger) 12%,var(--app-panel));min-height:40px;color:var(--app-danger);font:11px var(--font-ui);cursor:pointer;border-radius:8px;justify-self:start;align-items:center;gap:7px;padding:0 12px;display:flex}.vtu-admin-delete svg{width:17px;height:17px}.vtu-admin-drawer>footer{border-top:1px solid var(--app-line);background:var(--app-panel);justify-content:flex-end;align-items:center;gap:9px;padding:12px 22px;display:flex}.vtu-admin-drawer>footer button{border:1px solid var(--app-line);background:var(--app-control);min-height:40px;color:var(--foreground);font:11px var(--font-ui);cursor:pointer;border-radius:8px;padding:0 14px}.vtu-admin-drawer>footer button.primary{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-on-primary);font-weight:700}.vtu-admin-drawer>footer button:disabled{color:var(--app-muted);cursor:not-allowed}@media (max-width:800px){.vtu-admin-drawer{width:100vw}.vtu-admin-drawer .vex-fields,.vtu-admin-drawer .vtu-assets,.vtu-shell .vtu-editor-fields{grid-template-columns:1fr}.vtu-create-intro{flex-direction:column;align-items:stretch}}