[data-studio-os=auth],[data-studio-os=teaching]{--studio-paper:#f3f2ed;--studio-paper-2:#ebe9e2;--studio-card:#fbfbf8;--studio-ink:#20242e;--studio-muted:#687080;--studio-line:#d8d8d2;--studio-indigo:#4f5fbd;--studio-indigo-2:#6877d8;--studio-soft-indigo:#e4e5ef;--studio-green:#23845c;--studio-amber:#aa6d19;--studio-red:#b33e48;--studio-radius-card:10px;--studio-radius-control:8px;--studio-ease:cubic-bezier(.23,1,.32,1);--studio-duration-fast:160ms;--studio-duration-base:200ms;--studio-duration-slow:240ms;font-family:Avenir Next,Noto Sans SC,Microsoft YaHei,sans-serif}[data-studio-os=teaching]{--background:var(--studio-paper);--foreground:var(--studio-ink);--card:var(--studio-card);--card-foreground:var(--studio-ink);--popover:var(--studio-card);--popover-foreground:var(--studio-ink);--primary:var(--studio-indigo);--primary-foreground:#fff;--secondary:var(--studio-paper-2);--secondary-foreground:#344492;--muted:#e8e9e2;--muted-foreground:var(--studio-muted);--accent:var(--studio-indigo-2);--accent-foreground:#fff;--border:var(--studio-line);--input:var(--studio-line);--ring:var(--studio-indigo-2);color:var(--studio-ink)}[data-studio-os=creation]{--studio-dark:#0b0e14;--studio-dark-2:#111620;--studio-dark-3:#171e2a;--studio-dark-line:#2b3444;--studio-dark-text:#edf1f7;--studio-dark-muted:#8c97a8;--studio-dark-indigo:#7d84ed;--studio-paper:var(--studio-dark);--studio-paper-2:var(--studio-dark-3);--studio-card:var(--studio-dark-2);--studio-ink:var(--studio-dark-text);--studio-muted:var(--studio-dark-muted);--studio-line:var(--studio-dark-line);--studio-indigo:var(--studio-dark-indigo);--studio-indigo-2:#9da6ff;--studio-soft-indigo:var(--studio-dark-3);--studio-radius-card:10px;--studio-radius-control:8px;--studio-ease:cubic-bezier(.23,1,.32,1);--studio-duration-fast:160ms;--studio-duration-base:200ms;--studio-duration-slow:240ms;--background:var(--studio-dark);--foreground:var(--studio-dark-text);--card:var(--studio-dark-2);--card-foreground:var(--studio-dark-text);--popover:var(--studio-dark-2);--popover-foreground:var(--studio-dark-text);--primary:var(--studio-dark-indigo);--primary-foreground:#fff;--secondary:var(--studio-dark-3);--secondary-foreground:var(--studio-dark-text);--muted:var(--studio-dark-3);--muted-foreground:var(--studio-dark-muted);--accent:var(--studio-dark-indigo);--accent-foreground:#fff;--border:var(--studio-dark-line);--input:var(--studio-dark-line);--ring:var(--studio-dark-indigo);color:var(--studio-dark-text);color-scheme:dark}[data-studio-os=creation].app-shell-bg{min-height:100dvh;background:var(--studio-dark)}[data-studio-os=teaching].app-shell-bg{min-height:100dvh;background:var(--studio-paper)}[data-studio-os=teaching] .header-shell{background:var(--studio-card);border-bottom:1px solid var(--studio-line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=teaching] .sidebar-shell{background:var(--studio-card);border-right:1px solid var(--studio-line);box-shadow:none;color:var(--studio-ink)}[data-studio-os=creation] .header-shell{background:rgba(11,14,20,.92);border-bottom:1px solid var(--studio-dark-line);box-shadow:none;color:var(--studio-dark-text);backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=creation] .sidebar-shell{background:rgba(10,13,19,.98);border-right:1px solid var(--studio-dark-line);box-shadow:none;color:var(--studio-dark-text)}[data-studio-os=creation] .studio-navigation-rail,[data-studio-os=creation] .studio-workspace-main,[data-studio-os=creation] .studio-workspace-offset,[data-studio-os=teaching] .studio-navigation-rail,[data-studio-os=teaching] .studio-workspace-main,[data-studio-os=teaching] .studio-workspace-offset{transition-timing-function:var(--studio-ease);transition-duration:.22s}[data-studio-os=creation] .studio-navigation-rail,[data-studio-os=teaching] .studio-navigation-rail{transition-property:width}[data-studio-os=creation] .studio-workspace-offset,[data-studio-os=teaching] .studio-workspace-offset{transition-property:left}[data-studio-os=creation] .studio-workspace-main,[data-studio-os=teaching] .studio-workspace-main{transition-property:margin-left}[data-studio-os=creation] .header-shell .bg-white\/70{background:var(--studio-dark-3)!important}[data-studio-os=creation] .view-stage{color:var(--studio-dark-text)}[data-studio-os=creation] .view-stage .admin-board,[data-studio-os=creation] .view-stage .glass,[data-studio-os=creation] .view-stage .list-item-card,[data-studio-os=creation] .view-stage .metric-card,[data-studio-os=creation] .view-stage .page-card,[data-studio-os=creation] .view-stage .workspace-board{background:var(--studio-dark-2);border:1px solid var(--studio-dark-line);border-radius:var(--studio-radius-card);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=creation] .view-stage [class*=bg-background]:not([data-slot=button]):not([data-slot=tabs-trigger]):not([role=tab]){background-color:#0c1119!important}[data-studio-os=creation] .view-stage [class*=bg-muted]{background-color:var(--studio-dark-3)!important}[data-studio-os=creation] .view-stage [class*=border-border]{border-color:var(--studio-dark-line)!important}[data-studio-os=creation] .view-stage .gradient-accent,[data-studio-os=creation] .view-stage .gradient-primary{background:#6e74da;border-color:#6e74da;box-shadow:none}[data-studio-os=creation] .view-stage .gradient-accent:hover,[data-studio-os=creation] .view-stage .gradient-primary:hover{background:#8188ef}[data-studio-os=creation] .studio-navigation-panel,[data-studio-os=teaching] .studio-navigation-panel{font-family:Avenir Next,Noto Sans SC,Microsoft YaHei,sans-serif}[data-studio-os=creation] .studio-navigation-brand,[data-studio-os=teaching] .studio-navigation-brand{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--studio-line);padding:0 14px 0 18px}[data-studio-os=creation] .studio-navigation-brand--collapsed,[data-studio-os=teaching] .studio-navigation-brand--collapsed{flex-direction:column;justify-content:center;gap:6px;padding:8px 7px}[data-studio-os=creation] .studio-navigation-brand{border-color:var(--studio-dark-line)}.studio-navigation-brand__identity{display:flex;min-width:0;align-items:center;gap:10px}.studio-navigation-brand__identity--collapsed{flex:0 0 auto;justify-content:center}.studio-navigation-brand__identity--collapsed .studio-navigation-brand__logo{height:30px;width:30px;border-radius:9px}.studio-navigation-brand__logo{display:grid;height:38px;width:38px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:var(--studio-indigo);color:#fff}.studio-navigation-brand__logo img{height:100%;width:100%;object-fit:contain;padding:4px}.studio-navigation-brand__name{overflow:hidden;color:var(--studio-ink);font-size:13px;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.studio-navigation-brand__mode{margin-top:3px;color:var(--studio-muted);font-size:9px;letter-spacing:.14em;line-height:1.2;white-space:nowrap}[data-studio-os=creation] .studio-navigation-brand__name{color:var(--studio-dark-text)}[data-studio-os=creation] .studio-navigation-brand__mode{color:var(--studio-dark-muted)}.studio-rail-toggle{height:28px;width:28px;flex:0 0 auto;border:1px solid var(--studio-line);border-radius:7px;color:var(--studio-muted)}[data-studio-os=creation] .studio-navigation-brand--collapsed .studio-rail-toggle,[data-studio-os=teaching] .studio-navigation-brand--collapsed .studio-rail-toggle{height:24px;width:24px;border-radius:7px;padding:0}.studio-rail-toggle:hover{background:var(--studio-paper-2);color:var(--studio-ink)}[data-studio-os=creation] .studio-rail-toggle{border-color:var(--studio-dark-line);color:var(--studio-dark-muted)}[data-studio-os=creation] .studio-rail-toggle:hover{background:var(--studio-dark-3);color:var(--studio-dark-text)}.studio-mode-switch{display:flex;gap:3px;margin:14px;padding:3px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-paper-2)}.studio-mode-switch--collapsed{flex-direction:row;margin-inline:12px}.studio-mode-switch--collapsed .studio-mode-switch__button{min-width:0;padding-inline:0}.studio-mode-switch__button{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;gap:5px;height:29px;border:0;border-radius:6px;background:transparent;color:var(--studio-muted);cursor:pointer;font-size:10px;transition:color var(--studio-duration-fast) var(--studio-ease),background-color var(--studio-duration-fast) var(--studio-ease),transform var(--studio-duration-fast) var(--studio-ease)}.studio-mode-switch__button:hover{color:var(--studio-ink)}.studio-mode-switch__button--active{background:var(--studio-card);color:var(--studio-indigo);font-weight:700}.studio-mode-switch__button:active{transform:scale(.97)}.studio-mode-switch__button:disabled{cursor:not-allowed;opacity:.42}[data-studio-os=creation] .studio-mode-switch{border-color:var(--studio-dark-line);background:var(--studio-dark-2)}[data-studio-os=creation] .studio-mode-switch__button{color:var(--studio-dark-muted)}[data-studio-os=creation] .studio-mode-switch__button:hover{color:var(--studio-dark-text)}[data-studio-os=creation] .studio-mode-switch__button--active{background:var(--studio-dark-3);color:#adb4ff}.studio-navigation-menu{display:grid;gap:2px}.studio-navigation-item{display:flex;height:40px;width:100%;align-items:center;justify-content:flex-start;gap:10px;border:1px solid transparent;border-radius:7px;padding:0 11px;color:var(--studio-muted);font-size:11px;transition:color var(--studio-duration-fast) var(--studio-ease),background-color var(--studio-duration-fast) var(--studio-ease),border-color var(--studio-duration-fast) var(--studio-ease),transform var(--studio-duration-fast) var(--studio-ease)}.studio-navigation-item:hover{background:var(--studio-paper-2);color:var(--studio-ink);transform:translateY(-1px)}.studio-navigation-item--active{border-color:transparent;background:var(--studio-soft-indigo);color:#344492;font-weight:650}.studio-navigation-item--collapsed{justify-content:center;padding-inline:0}.studio-navigation-item--child{height:36px;padding-inline:10px;font-size:10px}.studio-navigation-submenu{display:grid;gap:3px;margin:2px 0 4px 14px;border-left:1px solid var(--studio-line);padding-left:7px}[data-studio-os=creation] .studio-navigation-item{color:var(--studio-dark-muted)}[data-studio-os=creation] .studio-navigation-item:hover{background:var(--studio-dark-3);color:var(--studio-dark-text)}[data-studio-os=creation] .studio-navigation-item--active{border-color:var(--studio-dark-line);background:var(--studio-dark-3);color:#b3b9ff}[data-studio-os=creation] .studio-navigation-submenu{border-color:var(--studio-dark-line)}.studio-navigation-footer{display:grid;gap:7px;border-top:1px solid var(--studio-line);padding:12px 14px 14px}[data-studio-os=creation] .studio-navigation-footer{border-color:var(--studio-dark-line)}.studio-navigation-footer__role{overflow:hidden;color:var(--studio-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}[data-studio-os=creation] .studio-navigation-footer__role{color:var(--studio-dark-muted)}.studio-navigation-logout{min-height:34px;justify-content:flex-start;gap:9px;border-radius:8px;color:var(--studio-muted);font-size:10px}.studio-navigation-logout:hover{background:var(--studio-paper-2);color:var(--studio-ink)}[data-studio-os=creation] .studio-navigation-logout{color:var(--studio-dark-muted)}[data-studio-os=creation] .studio-navigation-logout:hover{background:var(--studio-dark-3);color:var(--studio-dark-text)}[data-studio-os=teaching] .sidebar-shell .text-white{color:var(--studio-ink)!important}[data-studio-os=teaching] .sidebar-shell [class~="text-white/45"],[data-studio-os=teaching] .sidebar-shell [class~="text-white/72"]{color:var(--studio-muted)!important}[data-studio-os=teaching] .sidebar-shell [class~="border-white/12"],[data-studio-os=teaching] .sidebar-shell [class~="border-white/8"]{border-color:var(--studio-line)!important}[data-studio-os=teaching] .sidebar-shell .gradient-accent{background:var(--studio-soft-indigo);border-color:#d4d7ea;box-shadow:none;color:#344492!important}[data-studio-os=teaching] .sidebar-shell .bg-white\/10,[data-studio-os=teaching] .sidebar-shell .bg-white\/6,[data-studio-os=teaching] .sidebar-shell .hover\:bg-white\/10:hover,[data-studio-os=teaching] .sidebar-shell .hover\:bg-white\/6:hover{background:var(--studio-paper-2)!important}[data-studio-os=teaching] .sidebar-shell .ring-white\/15{--tw-ring-color:var(--studio-line)!important}[data-studio-os=teaching] .sidebar-shell .rounded-xl{border-radius:var(--studio-radius-control)}[data-studio-os=teaching] .header-shell .bg-white\/70{background:var(--studio-paper-2)!important}[data-studio-os=teaching] .view-stage{color:var(--studio-ink)}[data-studio-os=teaching] .view-stage .admin-board,[data-studio-os=teaching] .view-stage .glass,[data-studio-os=teaching] .view-stage .list-item-card,[data-studio-os=teaching] .view-stage .metric-card,[data-studio-os=teaching] .view-stage .page-card,[data-studio-os=teaching] .view-stage .workspace-board{background:var(--studio-card);border:1px solid var(--studio-line);border-radius:var(--studio-radius-card);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=teaching] .view-stage .glass{transition:background-color var(--studio-duration-base) var(--studio-ease),border-color var(--studio-duration-base) var(--studio-ease),transform var(--studio-duration-fast) var(--studio-ease)}[data-studio-os=teaching] .view-stage .card-hover:hover,[data-studio-os=teaching] .view-stage .glass:hover{border-color:#a8abc0;box-shadow:none;transform:translateY(-1px)}[data-studio-os=teaching] .view-stage [class*=bg-background]:not([data-slot=button]):not([data-slot=tabs-trigger]):not([role=tab]){background-color:#f7f6f1!important}[data-studio-os=teaching] .view-stage [class*=bg-muted]{background-color:var(--studio-paper-2)!important}[data-studio-os=teaching] .view-stage [class*=border-border]{border-color:var(--studio-line)!important}[data-studio-os=teaching] .view-stage [class*=rounded-2xl],[data-studio-os=teaching] .view-stage [class*=rounded-3xl]{border-radius:var(--studio-radius-control)}[data-studio-os=teaching] .view-stage .gradient-accent,[data-studio-os=teaching] .view-stage .gradient-primary{background:var(--studio-indigo);border-color:var(--studio-indigo);box-shadow:none}[data-studio-os=teaching] .view-stage .gradient-accent:hover,[data-studio-os=teaching] .view-stage .gradient-primary:hover{background:#5d6cca}[data-studio-os=teaching] .view-stage [class*=text-brand-cyan],[data-studio-os=teaching] .view-stage [class*=text-brand-purple]{color:var(--studio-indigo)!important}[data-studio-os=teaching] .view-stage .status-completed,[data-studio-os=teaching] .view-stage .status-pending,[data-studio-os=teaching] .view-stage .status-progress,[data-studio-os=teaching] .view-stage .status-warning{background:var(--studio-paper-2);border:1px solid var(--studio-line);color:var(--studio-muted)}[data-studio-os=teaching] .view-stage .status-completed{color:var(--studio-green)}[data-studio-os=teaching] .view-stage .status-warning{color:var(--studio-amber)}[data-studio-os=teaching] .view-stage [role=combobox],[data-studio-os=teaching] .view-stage button,[data-studio-os=teaching] .view-stage input,[data-studio-os=teaching] .view-stage textarea{border-radius:var(--studio-radius-control)}[data-studio-os=teaching] .view-stage [role=combobox]:focus-visible,[data-studio-os=teaching] .view-stage button:focus-visible,[data-studio-os=teaching] .view-stage input:focus-visible,[data-studio-os=teaching] .view-stage textarea:focus-visible{outline:2px solid var(--studio-indigo-2);outline-offset:2px;box-shadow:0 0 0 2px rgba(104,119,216,.14)}[data-studio-os=teaching] .view-stage [role=progressbar]{background:#dfe1e7}[data-studio-os=teaching] .view-stage [role=progressbar]>div{background:var(--studio-indigo)}.studio-os-dialog{border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-card);box-shadow:0 20px 50px rgba(32,36,46,.14);backdrop-filter:none;-webkit-backdrop-filter:none}.studio-page-intro{margin-bottom:1.25rem}.studio-page-intro__kicker{color:var(--studio-indigo);font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.studio-page-intro h2{margin-top:.5rem;color:var(--studio-ink);font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:700;letter-spacing:-.035em;line-height:1.12}.studio-page-intro p{max-width:42rem;margin-top:.5rem;color:var(--studio-muted);font-size:12px;line-height:1.7}@media (max-width:640px){[data-studio-os=auth] .studio-login-story{min-height:auto;padding:2rem 1.25rem}[data-studio-os=auth] .studio-login-story h1{font-size:2.35rem}[data-studio-os=auth] .studio-login-story p{font-size:13px}[data-studio-os=auth] .studio-login-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:2rem}[data-studio-os=auth] .studio-login-card{min-height:auto;padding:2rem 1.25rem 2.5rem}.studio-page-intro{margin-bottom:1rem}}[data-studio-os=auth]{--background:var(--studio-paper);--foreground:var(--studio-ink);--primary:var(--studio-indigo);--ring:var(--studio-indigo-2);min-height:100dvh;color:var(--studio-ink)}[data-studio-os=auth].auth-scene{align-items:stretch;justify-content:stretch;padding:0;background:var(--studio-paper)}[data-studio-os=auth] .auth-orb{display:none}[data-studio-os=auth] .studio-login-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:100dvh;width:100%}[data-studio-os=auth] .studio-login-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,6rem);background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 46%),var(--studio-paper)}[data-studio-os=auth] .studio-login-story:after{content:"";width:min(32rem,72%);height:1px;margin-top:3rem;background:var(--studio-line)}[data-studio-os=auth] .studio-login-kicker,[data-studio-os=auth] .studio-login-step-label{color:var(--studio-indigo);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}[data-studio-os=auth] .studio-login-story h1{max-width:680px;margin:1.15rem 0 1.25rem;color:var(--studio-ink);font-size:clamp(2.6rem,5.5vw,5rem);font-weight:700;letter-spacing:-.055em;line-height:1.03}[data-studio-os=auth] .studio-login-story p{max-width:34rem;color:var(--studio-muted);font-size:14px;line-height:1.85}[data-studio-os=auth] .studio-login-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:42rem;margin-top:3rem}[data-studio-os=auth] .studio-login-step{border-top:1px solid var(--studio-line);padding-top:.75rem}[data-studio-os=auth] .studio-login-step strong{display:block;margin-top:.45rem;color:var(--studio-ink);font-size:14px;font-weight:650}[data-studio-os=auth] .studio-login-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;padding:clamp(2rem,6vw,5.5rem);border:0;border-left:1px solid var(--studio-line);border-radius:0;background:#0b0e14;color:#edf1f7;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=auth] .studio-login-card [data-slot=card-content],[data-studio-os=auth] .studio-login-card [data-slot=card-header]{width:min(100%,28rem);margin-inline:auto}[data-studio-os=auth] .studio-login-card [data-slot=card-header]{padding:0 0 2rem;text-align:left}[data-studio-os=auth] .studio-login-card [data-slot=card-content]{padding:0}[data-studio-os=auth] .studio-login-card .studio-os-brand-mark{margin:0 0 1.5rem}[data-studio-os=auth] .studio-login-card [data-slot=card-title]{color:#edf1f7;font-size:1.5rem;letter-spacing:-.03em}[data-studio-os=auth] .studio-login-card .text-muted-foreground,[data-studio-os=auth] .studio-login-card [data-slot=card-description]{color:#8c97a8}[data-studio-os=auth] .studio-login-card label{color:#c2c9d4;font-size:11px}[data-studio-os=auth] .studio-login-card input{height:44px;border:1px solid #2b3444;border-radius:var(--studio-radius-control);background:#0c1119;color:#edf1f7;box-shadow:none;backdrop-filter:none}[data-studio-os=auth] .studio-login-card input::placeholder{color:#687384}[data-studio-os=auth] .studio-login-card input:focus-visible{border-color:var(--studio-indigo-2);outline:2px solid rgba(104,119,216,.5);outline-offset:1px;box-shadow:0 0 0 2px rgba(104,119,216,.14)}[data-studio-os=auth] .studio-os-primary-button{min-height:44px;border:1px solid #6e74da;border-radius:var(--studio-radius-control);background:#6e74da;color:#fff;box-shadow:none;transition:background-color var(--studio-duration-fast) var(--studio-ease),transform var(--studio-duration-fast) var(--studio-ease)}[data-studio-os=auth] .studio-os-primary-button:hover{background:#8188ef}[data-studio-os=auth] .studio-os-primary-button:active{transform:scale(.97)}[data-studio-os=auth] .studio-os-secondary-button{min-height:42px;border:1px solid #2b3444;border-radius:var(--studio-radius-control);color:#c2c9d4}[data-studio-os=auth] .studio-os-secondary-button:hover{background:#171e2a;color:#edf1f7}[data-studio-os=auth] .studio-login-card button:focus-visible{outline:2px solid #9da6ff;outline-offset:2px}[data-studio-os=auth] .studio-login-card .gradient-text{background:none;color:#edf1f7;-webkit-text-fill-color:currentColor}[data-studio-os=auth] .studio-os-brand-mark{display:flex;height:42px;width:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:var(--studio-indigo);padding:.35rem;box-shadow:none}[data-studio-os=auth] .studio-os-brand-mark img{height:100%;width:100%;object-fit:contain}@media (max-width:920px){[data-studio-os=auth] .studio-login-layout{grid-template-columns:minmax(0,1fr)}[data-studio-os=auth] .studio-login-story{min-height:42dvh;padding:2.5rem 2rem}[data-studio-os=auth] .studio-login-story h1{font-size:clamp(2.35rem,9vw,4rem)}[data-studio-os=auth] .studio-login-steps{margin-top:2rem}[data-studio-os=auth] .studio-login-card{min-height:58dvh;border-top:1px solid var(--studio-line);border-left:0;padding:2.5rem 2rem}}@media (max-width:640px){[data-studio-os=auth] .studio-login-story{min-height:auto;padding:2rem 1.25rem}[data-studio-os=auth] .studio-login-story h1{font-size:2.35rem}[data-studio-os=auth] .studio-login-story p{font-size:13px}[data-studio-os=auth] .studio-login-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:2rem}[data-studio-os=auth] .studio-login-card{min-height:auto;padding:2rem 1.25rem 2.5rem}}@media (prefers-reduced-motion:reduce){[data-studio-os] *,[data-studio-os] :after,[data-studio-os] :before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}[data-studio-os=teaching] [data-dashboard-layout=student]{--student-paper:#f9fafc;--student-surface:#ffffff;--student-subtle:#f9fafc;--student-line:#e2e7ee;--student-ink:#20242e;--student-muted:#687080;--student-indigo:#4f5fbd;display:flex;flex-direction:column;gap:24px}[data-studio-os=teaching] [data-dashboard-layout=student]>*{margin-top:0!important}[data-studio-os=teaching] .student-dashboard__hero{overflow:hidden;border:1px solid var(--student-line);border-top:3px solid var(--student-indigo);border-radius:10px;background:var(--student-surface);box-shadow:0 8px 20px rgb(32 36 46/5%)}[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]{padding:0}[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]>.grid>div:first-child{min-width:0;padding:32px;background:var(--student-surface)}[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]>.grid>div:last-child{min-width:0;border-color:var(--student-line);background:var(--student-subtle);padding:26px}[data-studio-os=teaching] .student-dashboard__hero h2{max-width:48rem;color:var(--student-ink);font-size:clamp(1.7rem,2.7vw,2.35rem);font-weight:700;letter-spacing:-.045em;line-height:1.13}[data-studio-os=teaching] .student-dashboard__hero p{color:var(--student-muted)}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3{gap:0;margin-top:28px;border-top:1px solid var(--student-line);border-bottom:1px solid var(--student-line)}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3>div{min-height:88px;border:0;border-right:1px solid var(--student-line);border-radius:0;background:transparent!important;padding:14px 16px}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3>div:last-child{border-right:0}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3 p:nth-child(2){margin-top:8px;color:var(--student-ink)!important;font-size:1.45rem;line-height:1}[data-studio-os=teaching] .student-dashboard__insights,[data-studio-os=teaching] .student-dashboard__showcase{gap:24px}[data-studio-os=teaching] .student-dashboard__insights>*,[data-studio-os=teaching] .student-dashboard__showcase>*{min-width:0;border:1px solid var(--student-line);border-radius:10px;background:var(--student-surface);box-shadow:none}[data-studio-os=teaching] .student-dashboard__insights [data-slot=card-header],[data-studio-os=teaching] .student-dashboard__showcase [data-slot=card-header]{border-bottom:1px solid var(--student-line);padding:18px 20px 14px}[data-studio-os=teaching] .student-dashboard__insights [data-slot=card-content],[data-studio-os=teaching] .student-dashboard__showcase [data-slot=card-content]{padding:18px 20px}[data-studio-os=teaching] [data-dashboard-layout=student] :is(.rounded-2xl,.rounded-3xl){border-radius:8px}[data-studio-os=teaching] [data-dashboard-layout=student] :is([class*="bg-background/"],[class*=bg-background]){background:var(--student-paper)!important}[data-studio-os=teaching] [data-dashboard-layout=student] :is(.border-border\/50,.border-border\/60,.border-border\/70){border-color:var(--student-line)!important}[data-studio-os=teaching] .student-dashboard__assignments{border:1px solid var(--student-line);border-radius:10px;background:var(--student-surface);box-shadow:none}[data-studio-os=teaching] .student-dashboard__assignments [data-slot=card-header]{border-bottom:1px solid var(--student-line);padding:20px 22px 16px}[data-studio-os=teaching] .student-dashboard__assignments [data-slot=card-content]{padding:18px 22px 22px}[data-studio-os=teaching] [data-dashboard-layout=student] [data-slot=card-title]{color:var(--student-ink);letter-spacing:-.025em}[data-studio-os=teaching] [data-dashboard-layout=student] [data-slot=card-description]{color:var(--student-muted)}[data-studio-os=teaching] [data-dashboard-layout=student] button:not([role=combobox]):hover{border-color:rgb(79 95 189/42%);background:var(--student-subtle)}@media (max-width:920px){[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]>.grid>div:last-child{border-top:1px solid var(--student-line)}}@media (max-width:640px){[data-studio-os=teaching] [data-dashboard-layout=student]{gap:16px}[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]>.grid>div:first-child,[data-studio-os=teaching] .student-dashboard__hero>[data-slot=card-content]>.grid>div:last-child{padding:20px}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3{grid-template-columns:1fr}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3>div{border-right:0;border-bottom:1px solid var(--student-line)}[data-studio-os=teaching] .student-dashboard__hero .grid.sm\:grid-cols-3>div:last-child{border-bottom:0}}[data-studio-os=teaching] .teacher-dashboard{--teacher-dashboard-surface:#ffffff;--teacher-dashboard-subtle:#f9fafc;--teacher-dashboard-line:#e2e7ee;--teacher-dashboard-accent:#4f5fbd;gap:20px}[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card,[data-studio-os=teaching] .teacher-dashboard>.grid:nth-child(2)>*,[data-studio-os=teaching] .teacher-dashboard>.grid:nth-child(3)>.page-card,[data-studio-os=teaching] .teacher-dashboard>.page-card:last-child{border:1px solid var(--teacher-dashboard-line);border-radius:10px;background:var(--teacher-dashboard-surface);box-shadow:none}[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card:first-child{border-top:2px solid var(--teacher-dashboard-accent);overflow:hidden}[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card:first-child>div>div>div:first-child{background:var(--teacher-dashboard-surface)}[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card:first-child>div>div>div:last-child{border-color:var(--teacher-dashboard-line);background:var(--teacher-dashboard-subtle)}[data-studio-os=teaching] .teacher-dashboard .metric-card,[data-studio-os=teaching] .teacher-dashboard .page-card-muted{border:1px solid var(--teacher-dashboard-line);border-radius:8px;background:#f9fafc;box-shadow:none}[data-studio-os=teaching] .teacher-dashboard .metric-card .text-orange-500,[data-studio-os=teaching] .teacher-dashboard .metric-card [class*=text-brand]{color:var(--teacher-dashboard-accent)!important}[data-studio-os=teaching] .teacher-dashboard .gradient-primary{background:var(--teacher-dashboard-accent);border-color:var(--teacher-dashboard-accent);box-shadow:none}[data-studio-os=teaching] .teacher-dashboard .gradient-primary:hover{background:#5d6cca}[data-studio-os=teaching] .teacher-dashboard .list-item-card{border-color:var(--teacher-dashboard-line);border-radius:8px;background:#ffffff;box-shadow:none;transition:border-color .16s var(--studio-ease),background-color .16s var(--studio-ease)}[data-studio-os=teaching] .teacher-dashboard .list-item-card:hover{border-color:rgba(79,95,189,.42);background:#fafbff}[data-studio-os=teaching] .teacher-dashboard>.grid:nth-child(2)>*{min-width:0}[data-studio-os=teaching] .teacher-dashboard>.grid:nth-child(3)>.page-card,[data-studio-os=teaching] .teacher-dashboard>.page-card:last-child{overflow:hidden}[data-studio-os=teaching] .teacher-dashboard>.grid:nth-child(3)>.page-card>div:first-child,[data-studio-os=teaching] .teacher-dashboard>.page-card:last-child>div:first-child{border-bottom:1px solid var(--teacher-dashboard-line)}[data-studio-os=teaching] .teacher-dashboard [class*=bg-background]{background:#ffffff!important}[data-studio-os=teaching] .teacher-dashboard [class*=border-border]{border-color:var(--teacher-dashboard-line)!important}[data-studio-os=teaching] .teacher-dashboard [role=progressbar]{background:#dfe1e7}[data-studio-os=teaching] .teacher-dashboard [role=progressbar]>div{background:var(--teacher-dashboard-accent)}[data-studio-os=teaching] .teacher-dashboard button:not([role=combobox]):hover{border-color:rgba(79,95,189,.42)}@media (max-width:640px){[data-studio-os=teaching] .teacher-dashboard{gap:16px}[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card:first-child>div>div>div:first-child,[data-studio-os=teaching] .teacher-dashboard>.grid:first-child>.page-card:first-child>div>div>div:last-child{padding:18px}}[data-studio-os=teaching] .admin-dashboard{--admin-dashboard-surface:#ffffff;--admin-dashboard-subtle:#f9fafc;--admin-dashboard-line:#e2e7ee;--admin-dashboard-accent:#4f5fbd;gap:20px}[data-studio-os=teaching] .admin-dashboard>.grid>.page-card,[data-studio-os=teaching] .admin-dashboard>.page-card{border:1px solid var(--admin-dashboard-line);border-radius:10px;background:var(--admin-dashboard-surface);box-shadow:none}[data-studio-os=teaching] .admin-dashboard>.page-card:first-child{border-top:2px solid var(--admin-dashboard-accent);overflow:hidden}[data-studio-os=teaching] .admin-dashboard .metric-card,[data-studio-os=teaching] .admin-dashboard .page-card-muted{border:1px solid var(--admin-dashboard-line);border-radius:8px;background:#f9fafc;box-shadow:none}[data-studio-os=teaching] .admin-dashboard .list-item-card{border-color:var(--admin-dashboard-line);border-radius:8px;background:#ffffff;box-shadow:none;transition:border-color .16s var(--studio-ease),background-color .16s var(--studio-ease)}[data-studio-os=teaching] .admin-dashboard .list-item-card:hover{border-color:rgba(79,95,189,.42);background:#fafbff}[data-studio-os=teaching] .admin-dashboard .text-slate-900{color:var(--studio-ink)!important}[data-studio-os=teaching] .admin-dashboard .text-slate-500,[data-studio-os=teaching] .admin-dashboard .text-slate-600,[data-studio-os=teaching] .admin-dashboard .text-slate-700{color:var(--studio-muted)!important}[data-studio-os=teaching] .admin-dashboard .border-slate-200,[data-studio-os=teaching] .admin-dashboard .border-slate-300{border-color:var(--admin-dashboard-line)!important}[data-studio-os=teaching] .admin-dashboard .bg-slate-50{background:var(--admin-dashboard-subtle)!important}[data-studio-os=teaching] .admin-dashboard [class*=bg-background]{background:#ffffff!important}[data-studio-os=teaching] .admin-dashboard [class*=border-border]{border-color:var(--admin-dashboard-line)!important}[data-studio-os=teaching] .admin-dashboard [class*=rounded-2xl],[data-studio-os=teaching] .admin-dashboard [class*=rounded-3xl]{border-radius:8px}[data-studio-os=teaching] .admin-dashboard .metric-card .text-emerald-600,[data-studio-os=teaching] .admin-dashboard .metric-card [class*=text-brand]{color:var(--admin-dashboard-accent)!important}[data-studio-os=teaching] .admin-dashboard .bg-slate-900{background:var(--admin-dashboard-accent)!important}@media (max-width:640px){[data-studio-os=teaching] .admin-dashboard{gap:16px}[data-studio-os=teaching] .admin-dashboard>.page-card:first-child>div{padding:18px}}[data-studio-os=creation] .creation-studio{--creation-surface:#111620;--creation-surface-raised:#171e2a;--creation-stage:#070a0f;--creation-line:#2b3444;--creation-text:#edf1f7;--creation-muted:#8c97a8;--creation-accent:#7d84ed;--creation-accent-soft:#9da6ff;gap:20px;color:var(--creation-text)}[data-studio-os=creation] .creation-studio .glass,[data-studio-os=creation] .creation-studio .page-card,[data-studio-os=creation] .creation-studio [class*=bg-card]{border-color:var(--creation-line);border-radius:10px;background:var(--creation-surface);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=creation] .creation-studio [class*=bg-background],[data-studio-os=creation] .creation-studio [class*=bg-white]{background:var(--creation-surface-raised)!important}[data-studio-os=creation] .creation-studio [class*=border-border],[data-studio-os=creation] .creation-studio [class*=border-white]{border-color:var(--creation-line)!important}[data-studio-os=creation] .creation-studio [class*=text-foreground]{color:var(--creation-text)!important}[data-studio-os=creation] .creation-studio [class*=text-muted-foreground]{color:var(--creation-muted)!important}[data-studio-os=creation] .creation-studio [class*=bg-muted]{background:var(--creation-surface-raised)!important}[data-studio-os=creation] .creation-studio [role=combobox],[data-studio-os=creation] .creation-studio input,[data-studio-os=creation] .creation-studio textarea{border-color:var(--creation-line);background:#0c1119;color:var(--creation-text)}[data-studio-os=creation] .creation-studio input::placeholder,[data-studio-os=creation] .creation-studio textarea::placeholder{color:var(--creation-muted)}[data-studio-os=creation] .creation-studio [role=combobox]:focus-visible,[data-studio-os=creation] .creation-studio input:focus,[data-studio-os=creation] .creation-studio textarea:focus{border-color:var(--creation-accent);outline:2px solid rgba(157,166,255,.24);outline-offset:2px;box-shadow:none}[data-studio-os=creation] .creation-studio [role=tablist]{border:1px solid var(--creation-line);border-radius:9px;background:var(--creation-surface)}[data-studio-os=creation] .creation-studio [role=tab]{color:var(--creation-muted)}[data-studio-os=creation] .creation-studio [role=tab][data-state=active]{border-color:var(--creation-accent);background:var(--creation-accent)!important;color:#fff!important}[data-studio-os=creation] .creation-studio .gradient-accent,[data-studio-os=creation] .creation-studio .gradient-primary{border-color:#6e74da;background:#6e74da;box-shadow:none}[data-studio-os=creation] .creation-studio .gradient-accent:hover,[data-studio-os=creation] .creation-studio .gradient-primary:hover{background:#8188ef}[data-studio-os=creation] .creation-studio [role=progressbar]{background:#252d3a}[data-studio-os=creation] .creation-studio [role=progressbar]>div{background:var(--creation-accent)}[data-studio-os=creation] .creation-studio .bg-primary\/\[0\.035\],[data-studio-os=creation] .creation-studio .border-primary\/10{border-color:rgba(125,132,237,.28);background:rgba(125,132,237,.1)}[data-studio-os=creation] .creation-studio button:not([role=tab]):hover{border-color:rgba(157,166,255,.58)}[data-studio-os=creation] .creation-studio .animate-pulse-glow{animation-duration:2.4s}@media (max-width:920px){[data-studio-os=creation] .creation-studio{gap:16px}[data-studio-os=creation] .creation-studio [role=tablist]{max-width:100%;overflow-x:auto}}@media (max-width:640px){[data-studio-os=creation] .creation-studio{gap:12px}[data-studio-os=creation] .creation-studio .glass,[data-studio-os=creation] .creation-studio .page-card,[data-studio-os=creation] .creation-studio [class*=bg-card]{border-radius:8px}}[data-studio-os=teaching] .resource-center-page,[data-studio-os=teaching] .teaching-work-library{--learning-surface:rgba(251,251,248,.92);--learning-subtle:rgba(235,233,226,.72);--learning-line:rgba(216,216,210,.92);--learning-accent:#4f5fbd}[data-studio-os=teaching] .resource-center-page>.space-y-6,[data-studio-os=teaching] .teaching-work-library>.space-y-5{gap:20px}[data-studio-os=teaching] .resource-center-page .page-card,[data-studio-os=teaching] .resource-center-page .workspace-board,[data-studio-os=teaching] .teaching-work-library .page-card,[data-studio-os=teaching] .teaching-work-library .workspace-board{border-color:var(--learning-line);border-radius:10px;background:var(--learning-surface);box-shadow:none}[data-studio-os=teaching] .resource-center-page>.space-y-6>.page-card:first-of-type,[data-studio-os=teaching] .teaching-work-library>.space-y-5>.page-card:first-child{border-top:2px solid var(--learning-accent)}[data-studio-os=teaching] .teaching-work-library .grid .group.relative{border-color:var(--learning-line);border-radius:10px;background:var(--learning-surface);box-shadow:none;transition:border-color .16s var(--studio-ease),transform .16s var(--studio-ease)}[data-studio-os=teaching] .teaching-work-library .grid .group.relative:hover{border-color:rgba(79,95,189,.46);transform:translateY(-1px);box-shadow:none}[data-studio-os=teaching] .teaching-work-library .grid .group.relative [class*=bg-muted]{background:var(--learning-subtle)}[data-studio-os=teaching] .teaching-work-library .grid .group.relative [class*=bg-background]{background:rgba(251,251,248,.88)!important}[data-studio-os=teaching] .resource-center-page [class*=border-border],[data-studio-os=teaching] .teaching-work-library [class*=border-border]{border-color:var(--learning-line)!important}[data-studio-os=teaching] .resource-center-page [class*=bg-background],[data-studio-os=teaching] .teaching-work-library [class*=bg-background]{background:rgba(251,251,248,.82)!important}[data-studio-os=teaching] .resource-center-page [role=combobox],[data-studio-os=teaching] .resource-center-page input,[data-studio-os=teaching] .teaching-work-library [role=combobox],[data-studio-os=teaching] .teaching-work-library input{border-color:var(--learning-line);background:var(--learning-subtle)}[data-studio-os=teaching] .resource-center-page .admin-pane,[data-studio-os=teaching] .resource-center-page .uniform-card{border-color:var(--learning-line);border-radius:10px;background:rgba(251,251,248,.82);box-shadow:none}[data-studio-os=teaching] .resource-center-page .admin-pane:hover,[data-studio-os=teaching] .resource-center-page .uniform-card:hover{border-color:rgba(79,95,189,.46);box-shadow:none}[data-studio-os=teaching] .resource-center-page [class*=bg-muted]{background:var(--learning-subtle)!important}[data-studio-os=teaching] .resource-center-page .gradient-primary,[data-studio-os=teaching] .teaching-work-library .gradient-primary{background:var(--learning-accent);border-color:var(--learning-accent);box-shadow:none}[data-studio-os=teaching] .resource-center-page .gradient-primary:hover,[data-studio-os=teaching] .teaching-work-library .gradient-primary:hover{background:#5d6cca}[data-studio-os=teaching] .resource-center-page [role=dialog] [class*=bg-background],[data-studio-os=teaching] .teaching-work-library [role=dialog] [class*=bg-background]{background:var(--learning-surface)!important}@media (max-width:640px){[data-studio-os=teaching] .resource-center-page>.space-y-6,[data-studio-os=teaching] .teaching-work-library>.space-y-5{gap:16px}}[data-studio-os=teaching] .review-workspace{--review-surface:rgba(251,251,248,.94);--review-subtle:rgba(235,233,226,.78);--review-line:rgba(216,216,210,.92);--review-accent:#4f5fbd;background-color:var(--studio-paper);color:var(--studio-ink)}[data-studio-os=teaching] .review-workspace>header{border-color:var(--review-line);background:var(--review-surface)}[data-studio-os=teaching] .review-workspace>.mx-auto{max-width:1800px}[data-studio-os=teaching] .review-workspace .review-room-status,[data-studio-os=teaching] .review-workspace aside>*,[data-studio-os=teaching] .review-workspace details{border-color:var(--review-line);border-radius:10px;background:var(--review-surface);box-shadow:none}[data-studio-os=teaching] .review-workspace .review-content-grid{align-items:start}[data-studio-os=teaching] .review-workspace .review-media-stage{border-color:rgba(34,38,50,.92);border-radius:12px;box-shadow:0 16px 36px rgba(24,27,38,.16)}@media (min-width:1280px){[data-studio-os=teaching] .review-workspace .review-content-grid>aside{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}}[data-studio-os=teaching] .review-workspace details>summary{background:var(--review-surface)}[data-studio-os=teaching] .review-workspace details>div{border-color:var(--review-line)}[data-studio-os=teaching] .review-workspace details [class*=bg-muted]{background:var(--review-subtle)!important}[data-studio-os=teaching] .review-workspace aside [class*=border-b],[data-studio-os=teaching] .review-workspace aside [class*=border-t]{border-color:var(--review-line)!important}[data-studio-os=teaching] .review-workspace input,[data-studio-os=teaching] .review-workspace textarea{border-color:var(--review-line);background:rgba(243,242,237,.74);color:var(--studio-ink)}[data-studio-os=teaching] .review-workspace input:focus,[data-studio-os=teaching] .review-workspace textarea:focus{border-color:var(--studio-indigo-2);outline:2px solid rgba(104,119,216,.14);outline-offset:2px;box-shadow:none}[data-studio-os=teaching] .review-workspace .rounded-xl.border.bg-card,[data-studio-os=teaching] .review-workspace .rounded-xl.border.bg-muted\/50{border-color:var(--review-line);background:var(--review-subtle)}[data-studio-os=teaching] .review-workspace [class*=bg-background]{background:var(--review-surface)!important}[data-studio-os=teaching] .review-workspace [class*=border-border]{border-color:var(--review-line)!important}[data-studio-os=teaching] .review-workspace button:hover{border-color:rgba(79,95,189,.42)}[data-studio-os=teaching] .review-workspace .gradient-accent,[data-studio-os=teaching] .review-workspace .gradient-primary{border-color:var(--review-accent);background:var(--review-accent);box-shadow:none}@media (max-width:640px){[data-studio-os=teaching] .review-workspace>header{padding:16px}[data-studio-os=teaching] .review-workspace>.mx-auto.space-y-4{padding:12px}[data-studio-os=teaching] .review-workspace .review-content-grid{gap:12px}}body[data-studio-os=teaching]{--background:#f3f2ed;--foreground:#20242e;--card:#fbfbf8;--card-foreground:#20242e;--popover:#fbfbf8;--popover-foreground:#20242e;--primary:#4f5fbd;--primary-foreground:#fff;--secondary:#ebe9e2;--secondary-foreground:#344492;--muted:#e8e9e2;--muted-foreground:#687080;--accent:#e4e5ef;--accent-foreground:#344492;--border:#d8d8d2;--input:#d8d8d2;--ring:#6877d8;--studio-scroll-track:#ebe9e2;--studio-scroll-thumb:#b9bbc7;color-scheme:light}body[data-studio-os=creation]{--background:#0b0e14;--foreground:#edf1f7;--card:#111620;--card-foreground:#edf1f7;--popover:#111620;--popover-foreground:#edf1f7;--primary:#7d84ed;--primary-foreground:#fff;--secondary:#171e2a;--secondary-foreground:#edf1f7;--muted:#171e2a;--muted-foreground:#8c97a8;--accent:#171e2a;--accent-foreground:#b3b9ff;--border:#2b3444;--input:#2b3444;--ring:#9da6ff;--studio-scroll-track:#111620;--studio-scroll-thumb:#3a465a;color-scheme:dark}body[data-studio-os=auth]{--background:#f3f2ed;--foreground:#20242e;--card:#111620;--card-foreground:#edf1f7;--popover:#111620;--popover-foreground:#edf1f7;--primary:#7d84ed;--primary-foreground:#fff;--secondary:#171e2a;--secondary-foreground:#edf1f7;--muted:#171e2a;--muted-foreground:#8c97a8;--accent:#171e2a;--accent-foreground:#b3b9ff;--border:#2b3444;--input:#2b3444;--ring:#9da6ff;--studio-scroll-track:#f3f2ed;--studio-scroll-thumb:#b9bbc7;color-scheme:light}body[data-studio-os=auth],body[data-studio-os=creation],body[data-studio-os=teaching]{scrollbar-color:var(--studio-scroll-thumb) var(--studio-scroll-track);scrollbar-width:thin}body[data-studio-os=creation] ::-webkit-scrollbar,body[data-studio-os=teaching] ::-webkit-scrollbar{width:8px;height:8px}body[data-studio-os=creation] ::-webkit-scrollbar-track,body[data-studio-os=teaching] ::-webkit-scrollbar-track{background:var(--studio-scroll-track)}body[data-studio-os=creation] ::-webkit-scrollbar-thumb,body[data-studio-os=teaching] ::-webkit-scrollbar-thumb{border:2px solid var(--studio-scroll-track);border-radius:999px;background:var(--studio-scroll-thumb)}body[data-studio-os=creation] ::-webkit-scrollbar-thumb:hover,body[data-studio-os=teaching] ::-webkit-scrollbar-thumb:hover{background:var(--ring)}body[data-studio-os=auth] ::-webkit-scrollbar-thumb:hover{background:var(--ring)}body[data-studio-os=creation] [data-slot=button],body[data-studio-os=teaching] [data-slot=button]{border-radius:8px;box-shadow:none;transition:background-color .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1),color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}body[data-studio-os=creation] [data-slot=button]:not(:disabled):hover,body[data-studio-os=teaching] [data-slot=button]:not(:disabled):hover{box-shadow:none;transform:none}body[data-studio-os=creation] [data-slot=button]:active:not(:disabled),body[data-studio-os=teaching] [data-slot=button]:active:not(:disabled){transform:scale(.98)}body[data-studio-os=creation] [data-slot=button][data-variant=outline],body[data-studio-os=teaching] [data-slot=button][data-variant=outline]{border-color:var(--border);background:color-mix(in srgb,var(--card) 86%,transparent)}body[data-studio-os=creation] [data-slot=button][data-variant=ghost]:hover,body[data-studio-os=teaching] [data-slot=button][data-variant=ghost]:hover{background:var(--accent);color:var(--accent-foreground)}body[data-studio-os=creation] [data-slot=input],body[data-studio-os=creation] [data-slot=textarea],body[data-studio-os=teaching] [data-slot=input],body[data-studio-os=teaching] [data-slot=textarea]{border-color:var(--input);border-radius:8px;background:color-mix(in srgb,var(--card) 72%,transparent);box-shadow:none}body[data-studio-os=creation] [data-slot=input]:focus-visible,body[data-studio-os=creation] [data-slot=textarea]:focus-visible,body[data-studio-os=teaching] [data-slot=input]:focus-visible,body[data-studio-os=teaching] [data-slot=textarea]:focus-visible{border-color:var(--ring);outline:2px solid color-mix(in srgb,var(--ring) 24%,transparent);outline-offset:2px;box-shadow:none}body[data-studio-os=creation] [data-slot=card],body[data-studio-os=teaching] [data-slot=card]{border-color:var(--border);border-radius:10px;box-shadow:none}body[data-studio-os=auth] [data-slot=badge],body[data-studio-os=creation] [data-slot=badge],body[data-studio-os=teaching] [data-slot=badge]{border-radius:6px;box-shadow:none}body[data-studio-os=creation] [data-slot=badge][data-variant=outline],body[data-studio-os=creation] [data-slot=badge][data-variant=secondary]{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}body[data-studio-os=teaching] [data-slot=dialog-overlay],body[data-studio-os=teaching] [data-slot=sheet-overlay]{background:rgba(32,36,46,.38);backdrop-filter:blur(3px)}body[data-studio-os=creation] [data-slot=dialog-overlay],body[data-studio-os=creation] [data-slot=sheet-overlay]{background:rgba(3,5,9,.72);backdrop-filter:blur(4px)}body[data-studio-os=auth] [data-slot=dialog-overlay]{background:rgba(3,5,9,.58);backdrop-filter:blur(4px)}body[data-studio-os=creation] [data-slot=dialog-content],body[data-studio-os=creation] [data-slot=sheet-content],body[data-studio-os=teaching] [data-slot=dialog-content],body[data-studio-os=teaching] [data-slot=sheet-content]{border-color:var(--border);border-radius:12px;background:var(--card);color:var(--card-foreground);box-shadow:0 24px 70px rgba(15,23,42,.2)}body[data-studio-os=creation] [data-slot=dialog-content],body[data-studio-os=creation] [data-slot=sheet-content]{box-shadow:0 28px 90px rgba(0,0,0,.46)}body[data-studio-os=auth] [data-slot=dialog-content]{border-color:#2b3444;background:#111620;color:#edf1f7;box-shadow:0 28px 90px rgba(0,0,0,.42)}body[data-studio-os=creation] [data-slot=select-trigger],body[data-studio-os=teaching] [data-slot=select-trigger]{border-color:var(--input);border-radius:8px;background:color-mix(in srgb,var(--card) 76%,transparent);box-shadow:none}body[data-studio-os=creation] [data-slot=select-content],body[data-studio-os=teaching] [data-slot=select-content]{border-color:var(--border);border-radius:9px;background:var(--popover);color:var(--popover-foreground);box-shadow:0 18px 50px rgba(15,23,42,.18)}body[data-studio-os=creation] [data-slot=select-item][data-highlighted],body[data-studio-os=teaching] [data-slot=select-item][data-highlighted]{background:var(--accent);color:var(--accent-foreground)}body[data-studio-os=teaching] [data-slot=scroll-area-thumb]{background:#b9bbc7}body[data-studio-os=creation] [data-slot=scroll-area-thumb]{background:#3a465a}body[data-studio-os=creation] [data-slot=toast],body[data-studio-os=teaching] [data-slot=toast]{border-color:var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:none}body[data-studio-os=creation] [data-slot=toast]{box-shadow:0 20px 64px rgba(0,0,0,.42)}body[data-studio-os=teaching] .view-stage .bg-gray-50,body[data-studio-os=teaching] .view-stage .bg-slate-100,body[data-studio-os=teaching] .view-stage .bg-slate-50,body[data-studio-os=teaching] .view-stage [class*=bg-white]{background:var(--card)!important}body[data-studio-os=teaching] .view-stage .bg-slate-900,body[data-studio-os=teaching] .view-stage .bg-slate-950{background:#20242e!important}body[data-studio-os=teaching] .view-stage .text-gray-900,body[data-studio-os=teaching] .view-stage .text-slate-900{color:var(--foreground)!important}body[data-studio-os=teaching] .view-stage .text-gray-500,body[data-studio-os=teaching] .view-stage .text-gray-600,body[data-studio-os=teaching] .view-stage .text-slate-500,body[data-studio-os=teaching] .view-stage .text-slate-600,body[data-studio-os=teaching] .view-stage .text-slate-700{color:var(--muted-foreground)!important}body[data-studio-os=teaching] .view-stage [class*=border-gray],body[data-studio-os=teaching] .view-stage [class*=border-slate]{border-color:var(--border)!important}body[data-studio-os=creation] .view-stage .bg-gray-50,body[data-studio-os=creation] .view-stage .bg-slate-100,body[data-studio-os=creation] .view-stage .bg-slate-50,body[data-studio-os=creation] .view-stage [class*=bg-white]{background:var(--card)!important}body[data-studio-os=creation] .view-stage .text-gray-900,body[data-studio-os=creation] .view-stage .text-slate-900{color:var(--foreground)!important}body[data-studio-os=creation] .view-stage .text-gray-500,body[data-studio-os=creation] .view-stage .text-gray-600,body[data-studio-os=creation] .view-stage .text-slate-500,body[data-studio-os=creation] .view-stage .text-slate-600,body[data-studio-os=creation] .view-stage .text-slate-700{color:var(--muted-foreground)!important}body[data-studio-os=creation] .view-stage [class*=border-gray],body[data-studio-os=creation] .view-stage [class*=border-slate]{border-color:var(--border)!important}body[data-studio-os=creation] .view-stage .admin-pane,body[data-studio-os=creation] .view-stage .page-card-muted,body[data-studio-os=creation] .view-stage .uniform-card,body[data-studio-os=creation] .view-stage .workspace-board,body[data-studio-os=teaching] .view-stage .admin-pane,body[data-studio-os=teaching] .view-stage .page-card-muted,body[data-studio-os=teaching] .view-stage .uniform-card,body[data-studio-os=teaching] .view-stage .workspace-board{border-color:var(--border);background:var(--card);box-shadow:none}body[data-studio-os=creation] .view-stage [data-slot=table-header],body[data-studio-os=teaching] .view-stage [data-slot=table-header]{background:color-mix(in srgb,var(--muted) 72%,transparent)}body[data-studio-os=creation] .view-stage [data-slot=table-row]:hover,body[data-studio-os=teaching] .view-stage [data-slot=table-row]:hover{background:var(--accent)}[data-studio-os=creation] .view-stage [data-slot=tabs-list],[data-studio-os=teaching] .view-stage [data-slot=tabs-list]{border:1px solid var(--border);background:var(--muted)}[data-studio-os=creation] .view-stage [data-slot=tabs-trigger]:is(:hover,[data-state=active]),[data-studio-os=teaching] .view-stage [data-slot=tabs-trigger]:is(:hover,[data-state=active]){border-color:color-mix(in srgb,var(--primary) 62%,var(--border) 38%);background:var(--primary)!important;background-color:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:0 3px 8px color-mix(in srgb,var(--primary) 24%,transparent)}body[data-studio-os=creation] .view-stage [class*=shadow-],body[data-studio-os=teaching] .view-stage [class*=shadow-]{box-shadow:none!important}body[data-studio-os=creation] .view-stage a:focus-visible,body[data-studio-os=creation] .view-stage button:focus-visible,body[data-studio-os=teaching] .view-stage a:focus-visible,body[data-studio-os=teaching] .view-stage button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){body[data-studio-os=creation] [data-slot=button],body[data-studio-os=teaching] [data-slot=button]{transition:none}}[data-studio-os=creation] .workspace-page,[data-studio-os=teaching] .workspace-page{display:grid;min-width:0;gap:20px}[data-studio-os=creation] .workspace-page-header,[data-studio-os=teaching] .workspace-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.workspace-page-header__copy{min-width:0}.workspace-page-header__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}[data-studio-os=creation] .workspace-section,[data-studio-os=teaching] .workspace-section{min-width:0}[data-studio-os=creation] .workspace-toolbar,[data-studio-os=teaching] .workspace-toolbar{display:grid;min-width:0;align-items:end;gap:12px}[data-studio-os=creation] .workspace-toolbar>*,[data-studio-os=teaching] .workspace-toolbar>*{min-width:0}@media (max-width:720px){[data-studio-os=creation] .workspace-page-header,[data-studio-os=teaching] .workspace-page-header{align-items:flex-start;flex-direction:column;gap:14px}.workspace-page-header__actions{width:100%;justify-content:flex-start}}[data-studio-os=teaching] .credits-overview,[data-studio-os=teaching] .resource-overview{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 10px 28px rgba(36,39,54,.04)}[data-studio-os=teaching] .credits-overview>[class*=p-0],[data-studio-os=teaching] .resource-overview>[class*=p-0]{min-width:0}[data-studio-os=teaching] .credits-stat,[data-studio-os=teaching] .resource-stat{min-width:0;border:1px solid rgba(216,216,210,.86);border-radius:10px;background:rgba(243,242,237,.72)}[data-studio-os=teaching] .credits-side-panel,[data-studio-os=teaching] .resource-side-panel{border-color:rgba(216,216,210,.9);background:rgba(243,242,237,.68)}[data-studio-os=teaching] .credits-history{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 8px 22px rgba(36,39,54,.035)}[data-studio-os=teaching] .credits-history .rounded-2xl,[data-studio-os=teaching] .credits-history .rounded-xl{border:1px solid rgba(216,216,210,.72);background:rgba(243,242,237,.6)}[data-studio-os=teaching] .teaching-actions-panel,[data-studio-os=teaching] .teaching-stats-grid .uniform-stat-card{border:1px solid rgba(216,216,210,.92);border-radius:12px;background:rgba(251,251,248,.94);box-shadow:none}[data-studio-os=teaching] .teaching-management-board{overflow:hidden;border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 10px 28px rgba(36,39,54,.04)}[data-studio-os=teaching] .recharge-card{border-radius:14px;background:rgba(251,251,248,.96);box-shadow:0 12px 32px rgba(36,39,54,.06)}[data-studio-os=teaching] .work-library-overview{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 8px 22px rgba(36,39,54,.035)}[data-studio-os=teaching] .work-library-overview .studio-section-toolbar{align-items:flex-start;gap:18px;padding:20px 22px}[data-studio-os=teaching] .work-library-overview .studio-section-toolbar__actions{max-width:100%;justify-content:flex-end}[data-studio-os=teaching] .account-management-view .account-stat,[data-studio-os=teaching] .assignment-management-page .assignment-stat{border:1px solid rgba(216,216,210,.92);border-radius:12px;background:rgba(251,251,248,.94);box-shadow:none}[data-studio-os=teaching] .account-management-view .account-table-panel,[data-studio-os=teaching] .account-management-view .account-toolbar,[data-studio-os=teaching] .assignment-management-page .assignment-list-panel,[data-studio-os=teaching] .assignment-management-page .assignment-toolbar{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:none}[data-studio-os=teaching] .assignment-management-page .assignment-item{border:1px solid rgba(216,216,210,.8);border-radius:12px;background:rgba(251,251,248,.82);box-shadow:none}[data-studio-os=teaching] .assignment-management-page .assignment-item:hover{border-color:rgba(79,95,189,.42);box-shadow:0 8px 20px rgba(36,39,54,.05)}[data-studio-os=teaching] .approval-detail,[data-studio-os=teaching] .approval-list,[data-studio-os=teaching] .approval-overview{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 8px 22px rgba(36,39,54,.035)}[data-studio-os=teaching] .approval-stat{border:1px solid rgba(216,216,210,.82);border-radius:10px;background:rgba(243,242,237,.72)}[data-studio-os=teaching] .account-management-view .account-table-panel table{min-width:960px}[data-studio-os=teaching] .admin-model-provider-page>.admin-model-overview,[data-studio-os=teaching] .admin-resource-page>*,[data-studio-os=teaching] .admin-system-page>*{min-width:0}[data-studio-os=teaching] .admin-model-provider-page .admin-model-overview{border:1px solid rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 8px 22px rgba(36,39,54,.035)}[data-studio-os=teaching] .admin-model-provider-page .studio-model-tabs__list{border:1px solid rgba(216,216,210,.92);border-radius:10px;background:rgba(243,242,237,.72);box-shadow:none}[data-studio-os=teaching] .admin-model-provider-page .studio-model-tabs__trigger{min-height:36px;white-space:nowrap}[data-studio-os=teaching] .admin-resource-page,[data-studio-os=teaching] .admin-system-page{gap:20px}[data-studio-os=teaching] .review-export-page>.rounded-xl,[data-studio-os=teaching] .review-export-page>[class*=border],[data-studio-os=teaching] .review-playlist-page>.rounded-xl,[data-studio-os=teaching] .review-playlist-page>[class*=border],[data-studio-os=teaching] .review-share-page>.rounded-xl,[data-studio-os=teaching] .review-share-page>[class*=border]{border-color:rgba(216,216,210,.92);border-radius:14px;background:rgba(251,251,248,.94);box-shadow:0 8px 22px rgba(36,39,54,.035)}[data-studio-os=teaching] .review-playlist-page>.grid,[data-studio-os=teaching] .review-share-page>.grid{align-items:start}[data-studio-os=teaching] .review-playlist-page button,[data-studio-os=teaching] .review-share-page button{min-height:36px}[data-studio-os=teaching] .recharge-card>div{gap:24px}[data-studio-os=teaching] .recharge-card [class*=aspect-square],[data-studio-os=teaching] .recharge-card img{border-radius:12px}[data-studio-os=creation] .sub-admin-credits-tabs,[data-studio-os=teaching] .sub-admin-credits-tabs{gap:4px;border:1px solid color-mix(in srgb,var(--border) 88%,#8b92c8 12%);border-radius:12px;background:color-mix(in srgb,var(--card) 88%,#e9ebf8 12%);box-shadow:0 4px 12px rgba(36,39,54,.045)}[data-studio-os=creation] .sub-admin-credits-tabs [data-slot=tabs-trigger],[data-studio-os=teaching] .sub-admin-credits-tabs [data-slot=tabs-trigger]{min-height:34px;border:1px solid transparent;border-radius:8px;color:var(--muted-foreground);font-size:12px;font-weight:650;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}[data-studio-os=creation] .sub-admin-credits-tabs [data-slot=tabs-trigger]:hover,[data-studio-os=teaching] .sub-admin-credits-tabs [data-slot=tabs-trigger]:hover{background:color-mix(in srgb,var(--background) 72%,#dfe3fb 28%);color:var(--foreground)}[data-studio-os=creation] .sub-admin-credits-tabs [data-slot=tabs-trigger][data-state=active],[data-studio-os=teaching] .sub-admin-credits-tabs [data-slot=tabs-trigger][data-state=active]{border-color:color-mix(in srgb,var(--studio-indigo,#4f5fbd) 62%,var(--border) 38%);background:var(--studio-indigo,#4f5fbd);color:#fff;box-shadow:0 4px 10px rgba(79,95,189,.22)}[data-studio-os=creation] .sub-admin-credits-tabs [data-slot=tabs-trigger]:focus-visible,[data-studio-os=teaching] .sub-admin-credits-tabs [data-slot=tabs-trigger]:focus-visible{outline:2px solid color-mix(in srgb,var(--studio-indigo,#4f5fbd) 60%,transparent);outline-offset:1px}[data-studio-os=creation] .account-management-view .account-stats,[data-studio-os=teaching] .account-management-view .account-stats{gap:12px;overflow:visible}[data-studio-os=creation] .account-management-view .account-stat,[data-studio-os=teaching] .account-management-view .account-stat{min-height:104px;border:1px solid color-mix(in srgb,var(--border) 88%,#8b92c8 12%);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,#eef0ff 6%);box-shadow:0 8px 20px rgba(36,39,54,.045);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}[data-studio-os=creation] .account-management-view .account-stat:hover,[data-studio-os=teaching] .account-management-view .account-stat:hover{border-color:color-mix(in srgb,var(--border) 55%,var(--studio-indigo,#4f5fbd) 45%);box-shadow:0 12px 24px rgba(36,39,54,.08);transform:translateY(-1px)}[data-studio-os=creation] .account-management-view .account-stat [data-slot=card-content],[data-studio-os=teaching] .account-management-view .account-stat [data-slot=card-content]{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:18px 20px}[data-studio-os=creation] .account-management-view .account-stat p:first-child,[data-studio-os=teaching] .account-management-view .account-stat p:first-child{color:var(--muted-foreground);font-size:11px;font-weight:650;letter-spacing:.02em}[data-studio-os=creation] .account-management-view .account-stat p:last-child,[data-studio-os=teaching] .account-management-view .account-stat p:last-child{margin-top:8px;color:var(--foreground);font-size:28px;font-variant-numeric:tabular-nums;line-height:1}[data-studio-os=creation] .account-management-view .account-table-panel,[data-studio-os=creation] .account-management-view .account-toolbar,[data-studio-os=teaching] .account-management-view .account-table-panel,[data-studio-os=teaching] .account-management-view .account-toolbar{border-color:color-mix(in srgb,var(--border) 88%,#8b92c8 12%);box-shadow:0 8px 22px rgba(36,39,54,.04)}@media (max-width:720px){[data-studio-os=teaching] .credits-overview .xl\\:border-l,[data-studio-os=teaching] .resource-overview .xl\\:border-l{border-left:0}[data-studio-os=teaching] .credits-history,[data-studio-os=teaching] .credits-overview,[data-studio-os=teaching] .resource-overview,[data-studio-os=teaching] .teaching-management-board{border-radius:11px}}[data-studio-os=teaching] .entity-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:12px;min-width:0;padding:12px;border:1px solid var(--studio-line,#d8d8d2);border-radius:10px;background:var(--studio-paper-2,#ebe9e2)}[data-studio-os=teaching] .entity-filter-row>*{min-width:0}[data-studio-os=teaching] .teacher-filter-row{grid-template-columns:minmax(0,1fr) minmax(170px,190px) minmax(170px,190px)}[data-studio-os=teaching] .teacher-filter-row .entity-filters{height:100%}[data-studio-os=teaching] .entity-filter-row__context,[data-studio-os=teaching] .entity-filter-row__search,[data-studio-os=teaching] .entity-filters{min-width:0}[data-studio-os=teaching] .entity-filter-row .entity-filters{border:0;padding:0}[data-studio-os=teaching] .entity-filter-row .entity-filter-row__context{align-self:end}[data-studio-os=teaching] .entity-filters{grid-template-columns:minmax(0,1fr) 150px;border-color:var(--studio-line,#d8d8d2);border-radius:8px;background:var(--studio-paper-2,#ebe9e2)}[data-studio-os=teaching] .entity-filter-row__context>[data-slot=select-trigger],[data-studio-os=teaching] .entity-filters [data-slot=input],[data-studio-os=teaching] .entity-filters [data-slot=select-trigger]{width:100%;min-width:0;height:36px;border-color:var(--studio-line,#d8d8d2);border-radius:7px;background:var(--studio-card,#fbfbf8)}[data-studio-os=teaching] .entity-filter-row .entity-filters{border-color:transparent;background:transparent}[data-studio-os=teaching] .academic-entity-table{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--studio-line,#d8d8d2);border-radius:12px;background:var(--studio-card,#fbfbf8);box-shadow:none}[data-studio-os=teaching] .view-stage [data-slot=card].academic-entity-table{overflow-x:auto;overflow-y:hidden}[data-studio-os=teaching] .academic-entity-table table{min-width:760px;width:100%;table-layout:fixed}[data-studio-os=teaching] .academic-entity-table th{height:44px;background:var(--studio-paper-2,#ebe9e2);color:var(--studio-muted,#687080);font-size:11px;font-weight:600;letter-spacing:.02em}[data-studio-os=teaching] .academic-entity-table td{height:56px;border-color:var(--studio-line,#d8d8d2);overflow-wrap:anywhere;white-space:normal}[data-studio-os=teaching] .academic-entity-table td:last-child>div{min-width:0;max-width:100%;align-items:center;flex-wrap:nowrap;white-space:nowrap}[data-studio-os=teaching] .academic-entity-table td:last-child>div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-studio-os=teaching] .academic-entity-table td:last-child,[data-studio-os=teaching] .academic-entity-table th:last-child{width:190px}[data-studio-os=teaching] .entity-filter-row__context>span,[data-studio-os=teaching] .entity-filters label{display:block;margin-bottom:6px;color:var(--studio-muted,#687080);font-size:11px;line-height:1.2}@media (max-width:900px){[data-studio-os=teaching] .entity-filter-row{grid-template-columns:minmax(0,1fr)}[data-studio-os=teaching] .teacher-filter-row{grid-template-columns:minmax(0,1fr) minmax(170px,190px)}[data-studio-os=teaching] .teacher-filter-row .entity-filter-row__search{grid-column:1/-1}}@media (max-width:560px){[data-studio-os=teaching] .entity-filters,[data-studio-os=teaching] .teacher-filter-row{grid-template-columns:minmax(0,1fr)}[data-studio-os=teaching] .teacher-filter-row .entity-filter-row__search{grid-column:auto}}[data-studio-os=creation] .view-stage,[data-studio-os=teaching] .view-stage{font-family:Avenir Next,Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:-.005em}[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=teaching] .view-stage .studio-page-main{width:100%;min-height:min(720px,calc(100dvh - 120px));margin-inline:auto;padding:18px 22px 22px;animation:studio-surface-in .22s cubic-bezier(.23,1,.32,1) both}[data-studio-os=creation] .view-stage .studio-page-main>:is(h1,h2),[data-studio-os=teaching] .view-stage .studio-page-main>:is(h1,h2){font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:720;letter-spacing:-.035em;line-height:1.12}[data-studio-os=creation] .view-stage .studio-page-main>:is(p,div)>:is(h1,h2),[data-studio-os=teaching] .view-stage .studio-page-main>:is(p,div)>:is(h1,h2){letter-spacing:-.03em}[data-studio-os=creation] .view-stage .studio-page-main>div:first-child p,[data-studio-os=teaching] .view-stage .studio-page-main>div:first-child p{max-width:52rem;margin-top:6px;color:var(--muted-foreground);font-size:11px;line-height:1.65}[data-studio-os=creation] .view-stage [data-slot=card],[data-studio-os=teaching] .view-stage [data-slot=card]{overflow:hidden;border-width:1px;border-style:solid}[data-studio-os=creation] .view-stage [data-slot=card-header],[data-studio-os=teaching] .view-stage [data-slot=card-header]{min-height:48px;padding:13px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}[data-studio-os=creation] .view-stage [data-slot=card-title],[data-studio-os=teaching] .view-stage [data-slot=card-title]{color:var(--foreground);font-size:12px;font-weight:720;line-height:1.4}[data-studio-os=creation] .view-stage [data-slot=card-description],[data-studio-os=teaching] .view-stage [data-slot=card-description]{color:var(--muted-foreground);font-size:10px;line-height:1.6}[data-studio-os=creation] .view-stage [data-slot=card-content],[data-studio-os=teaching] .view-stage [data-slot=card-content]{padding:14px 16px}[data-studio-os=creation] .view-stage [data-slot=card-footer],[data-studio-os=teaching] .view-stage [data-slot=card-footer]{padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}[data-studio-os=creation] .view-stage :is(label,[data-slot=label]),[data-studio-os=teaching] .view-stage :is(label,[data-slot=label]){color:var(--muted-foreground);font-size:10px;font-weight:650;letter-spacing:.01em}[data-studio-os=creation] .view-stage [data-slot=input],[data-studio-os=creation] .view-stage [data-slot=textarea],[data-studio-os=teaching] .view-stage [data-slot=input],[data-studio-os=teaching] .view-stage [data-slot=textarea]{min-height:36px;padding:8px 10px;font-size:12px;line-height:1.45}[data-studio-os=creation] .view-stage [data-slot=textarea],[data-studio-os=teaching] .view-stage [data-slot=textarea]{min-height:88px;resize:vertical}[data-studio-os=creation] .view-stage [data-slot=button],[data-studio-os=teaching] .view-stage [data-slot=button]{min-height:34px;font-size:11px;font-weight:650;letter-spacing:.005em}[data-studio-os=creation] .view-stage [data-slot=button] svg,[data-studio-os=teaching] .view-stage [data-slot=button] svg{width:14px;height:14px}[data-studio-os=creation] .view-stage [data-slot=table-container],[data-studio-os=teaching] .view-stage [data-slot=table-container]{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--card) 84%,transparent)}[data-studio-os=creation] .view-stage [data-slot=table],[data-studio-os=teaching] .view-stage [data-slot=table]{font-size:11px}[data-studio-os=creation] .view-stage [data-slot=table-head],[data-studio-os=teaching] .view-stage [data-slot=table-head]{height:38px;color:var(--muted-foreground);font-size:9px;font-weight:720;letter-spacing:.05em;text-transform:uppercase}[data-studio-os=creation] .view-stage [data-slot=table-cell],[data-studio-os=teaching] .view-stage [data-slot=table-cell]{height:44px;border-color:color-mix(in srgb,var(--border) 76%,transparent);color:var(--foreground)}[data-studio-os=creation] .view-stage [data-slot=table-row]:hover,[data-studio-os=teaching] .view-stage [data-slot=table-row]:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}[data-studio-os=teaching] .view-stage :is(.studio-review-surface,.studio-recharge-surface) :is(.rounded-lg,.rounded-xl,.rounded-2xl){border-radius:8px}[data-studio-os=teaching] .view-stage .studio-recharge-surface{display:grid;place-items:center;min-height:calc(100dvh - 140px)}[data-studio-os=teaching] .view-stage .studio-recharge-surface [data-slot=card]{max-width:760px;border-radius:10px}[data-studio-os=teaching] .view-stage .studio-recharge-surface [data-slot=card-content]{gap:26px;padding:32px}[data-studio-os=teaching] .view-stage .studio-recharge-surface img,[data-studio-os=teaching] .view-stage .studio-recharge-surface>:is(div,section){border-color:var(--border)}[data-studio-os=teaching] .view-stage :is(.text-brand-purple,.text-brand-cyan,.text-indigo-600,.text-indigo-700){color:var(--primary)!important}[data-studio-os=teaching] .view-stage :is(.text-green-500,.text-green-600,.text-emerald-600){color:var(--studio-green,#23845c)!important}[data-studio-os=teaching] .view-stage :is(.text-orange-500,.text-amber-600){color:var(--studio-amber,#aa6d19)!important}[data-studio-os=teaching] .view-stage :is(.bg-green-500,.bg-emerald-500){border:1px solid #b9deca;background:#dcece4!important;color:#23845c!important}[data-studio-os=teaching] .view-stage :is(.bg-orange-500,.bg-amber-500){border:1px solid #ead5b2;background:#f3e8d6!important;color:#aa6d19!important}[data-studio-os=teaching] .view-stage :is(.bg-red-500,.bg-red-600){border:1px solid #e8bec2;background:#f5e3e4!important;color:#b33e48!important}[data-studio-os=teaching] .view-stage :is(.bg-indigo-50,.bg-indigo-100,.bg-purple-50){background:var(--studio-soft-indigo,#e4e5ef)!important}[data-studio-os=teaching] .view-stage :is(.border-indigo-100,.border-indigo-200,.border-purple-200){border-color:#d4d7ea!important}[data-studio-os=teaching] .view-stage :is([class*=from-white],[class*=via-slate],[class*=to-slate],[class*=from-slate],[class*=to-white]){background-image:none!important;background-color:var(--card)!important}[data-studio-os=teaching] .header-shell :is(.glass,[class*=backdrop-blur]){border:1px solid var(--border);background:color-mix(in srgb,var(--card) 96%,transparent)!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=teaching] [data-slot=dialog-content] :is([class*=from-white],[class*=via-slate],[class*=to-slate],[class*=bg-white]){background-image:none!important;background-color:var(--card)!important}[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=creation] .view-stage .studio-review-surface{color:var(--foreground)}[data-studio-os=creation] .view-stage .studio-page-main [data-slot=card],[data-studio-os=creation] .view-stage .studio-review-surface [data-slot=card]{background:var(--card);border-color:var(--border)}[data-studio-os=creation] .view-stage :is(.bg-green-500,.bg-emerald-500){border:1px solid #2b7565;background:#153e37!important;color:#b2ead8!important}[data-studio-os=creation] .view-stage :is(.bg-orange-500,.bg-amber-500){border:1px solid #785a32;background:#3d2d18!important;color:#f0c47d!important}[data-studio-os=creation] .view-stage :is(.bg-red-500,.bg-red-600){border:1px solid #7f3b45;background:#3d1e27!important;color:#f5a3aa!important}[data-studio-os=creation] .view-stage :is(.bg-indigo-50,.bg-indigo-100,.bg-purple-50){background:var(--secondary)!important}[data-studio-os=creation] .view-stage :is(.border-indigo-100,.border-indigo-200,.border-purple-200){border-color:var(--border)!important}[data-studio-os=creation] .view-stage :is([class*=from-white],[class*=via-slate],[class*=to-slate],[class*=from-slate],[class*=to-white]){background-image:none!important;background-color:var(--card)!important}[data-studio-os=creation] .header-shell :is(.glass,[class*=backdrop-blur]){border:1px solid var(--border);background:color-mix(in srgb,var(--card) 96%,transparent)!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}[data-studio-os=creation] [data-slot=dialog-content] :is([class*=from-white],[class*=via-slate],[class*=to-slate],[class*=bg-white]){background-image:none!important;background-color:var(--card)!important;color:var(--foreground)}[data-studio-os=creation] .view-stage .studio-page-main :is(.text-slate-900,.text-slate-800,.text-gray-900){color:var(--foreground)!important}[data-studio-os=creation] .view-stage .studio-page-main :is(.text-slate-700,.text-slate-600,.text-slate-500,.text-gray-600){color:var(--muted-foreground)!important}@keyframes studio-surface-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=teaching] .view-stage .studio-page-main{min-height:calc(100dvh - 108px);padding:14px 12px 18px}[data-studio-os=teaching] .view-stage .studio-recharge-surface [data-slot=card-content]{padding:20px 16px}}@media (prefers-reduced-motion:reduce){[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=teaching] .view-stage .studio-page-main{animation:none}}[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=teaching] .view-stage .studio-page-main{animation:studio-page-enter .22s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;will-change:opacity,transform}[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card],[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]{animation:studio-card-enter .22s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;will-change:opacity,transform}[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(2),[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(2){animation-delay:35ms}[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(3),[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(3){animation-delay:70ms}[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(4),[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(4){animation-delay:105ms}[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(n+5),[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]:nth-child(n+5){animation-delay:.14s}@media (hover:hover) and (pointer:fine){[data-studio-os=creation] [data-slot=button],[data-studio-os=teaching] [data-slot=button]{transition:background-color var(--studio-duration-fast,.16s) var(--studio-ease,cubic-bezier(.23,1,.32,1)),border-color var(--studio-duration-fast,.16s) var(--studio-ease,cubic-bezier(.23,1,.32,1)),color var(--studio-duration-fast,.16s) var(--studio-ease,cubic-bezier(.23,1,.32,1)),transform var(--studio-duration-fast,.16s) var(--studio-ease,cubic-bezier(.23,1,.32,1))}}[data-studio-os=creation] [data-slot=button]:active:not(:disabled),[data-studio-os=teaching] [data-slot=button]:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:.11s}[data-studio-os=creation] .studio-navigation-submenu,[data-studio-os=teaching] .studio-navigation-submenu{transform-origin:top left;animation:studio-submenu-enter .18s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both}[data-studio-os=creation] [data-slot=dialog-overlay],[data-studio-os=teaching] [data-slot=dialog-overlay]{animation:studio-overlay-in .2s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both}[data-studio-os=creation] [data-slot=dialog-content],[data-studio-os=teaching] [data-slot=dialog-content]{animation:studio-dialog-in .22s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;will-change:opacity,scale}[data-studio-os=creation] [data-slot=dialog-content][data-state=closed],[data-studio-os=teaching] [data-slot=dialog-content][data-state=closed]{animation:studio-dialog-out .16s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both}[data-studio-os=creation] [data-slot=select-content],[data-studio-os=teaching] [data-slot=select-content]{animation:studio-popover-in .17s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;transform-origin:var(--radix-select-content-transform-origin,center top)}body[data-studio-os=creation] [data-slot=toast],body[data-studio-os=teaching] [data-slot=toast]{opacity:0;transform:translateX(16px);transition:opacity .18s var(--studio-ease,cubic-bezier(.23,1,.32,1)),transform .18s var(--studio-ease,cubic-bezier(.23,1,.32,1));animation:none!important}body[data-studio-os=creation] [data-slot=toast][data-state=open],body[data-studio-os=teaching] [data-slot=toast][data-state=open]{opacity:1;transform:translateX(0)}body[data-studio-os=creation] [data-slot=toast][data-state=closed],body[data-studio-os=teaching] [data-slot=toast][data-state=closed]{opacity:0;transform:translateX(16px)}body[data-studio-os=creation] [data-slot=toast][data-swipe=move],body[data-studio-os=teaching] [data-slot=toast][data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x));transition:none}body[data-studio-os=creation] [data-slot=toast][data-swipe=end],body[data-studio-os=teaching] [data-slot=toast][data-swipe=end]{transform:translateX(var(--radix-toast-swipe-end-x))}@keyframes studio-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-card-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-submenu-enter{0%{opacity:0;transform:translateY(-4px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes studio-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes studio-dialog-in{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes studio-dialog-out{0%{opacity:1;scale:1}to{opacity:0;scale:.985}}@keyframes studio-popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){[data-studio-os=creation] .view-stage .studio-page-main,[data-studio-os=creation] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card],[data-studio-os=teaching] .view-stage .studio-page-main,[data-studio-os=teaching] .view-stage :is(.grid,.space-y-3,.space-y-4,.space-y-5,.space-y-6)>[data-slot=card]{animation:studio-fade-in .16s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;transform:none}[data-studio-os=creation] .studio-navigation-submenu,[data-studio-os=teaching] .studio-navigation-submenu{animation:studio-fade-in .14s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;transform:none}[data-studio-os=creation] [data-slot=dialog-content],[data-studio-os=teaching] [data-slot=dialog-content]{animation:studio-fade-in .16s var(--studio-ease,cubic-bezier(.23,1,.32,1)) both;transform:translate(-50%,-50%)}[data-studio-os=creation] [data-slot=dialog-content][data-state=closed],[data-studio-os=teaching] [data-slot=dialog-content][data-state=closed]{animation:none}}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}