:root{--color-bg: #090b10;--color-bg-elevated: #12151c;--color-surface: #181c26;--color-surface-hover: #1e2430;--color-border: rgba(255, 255, 255, .07);--color-text: #eef0f5;--color-text-muted: #7d8599;--color-primary: #5b6cf7;--color-primary-hover: #7b8aff;--color-primary-glow: rgba(91, 108, 247, .28);--color-accent: #2dd4bf;--color-danger: #f87171;--color-success: #4ade80;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .35);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--header-height: 64px;--sidebar-width: 240px;--workspace-tabs-height: 56px;--max-content: 1280px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary-hover);text-decoration:none}a:hover{text-decoration:underline}button,input{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:var(--header-height);border-bottom:1px solid var(--color-border);background:#0c0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.app-header-inner{max-width:var(--max-content);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;color:var(--color-text);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:grid;place-items:center;font-size:.75rem;font-weight:800;color:#fff}.app-main{flex:1;max-width:var(--max-content);width:100%;margin:0 auto;padding:32px 24px 48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){color:var(--color-text);border-color:#ffffff26}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.form-field input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-field input::placeholder,.form-field textarea::placeholder{color:#4a5166;opacity:1}.field-hint{margin:-4px 0 6px;font-size:.75rem;line-height:1.45;color:#5c6378;font-style:normal}.model-pill{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#2dd4bf1a;color:var(--color-accent);border:1px solid rgba(45,212,191,.22);flex-shrink:0;height:fit-content}.create-page-header{display:flex;align-items:flex-start;gap:14px}.create-page-header h1{margin:0 0 6px;font-size:1.375rem;font-weight:700}.callout-info{padding:14px 18px;border-radius:var(--radius-md);background:#5b6cf714;border:1px solid rgba(91,108,247,.2);font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.callout-info strong{color:var(--color-text)}.dashboard-hero-card{padding:28px 32px;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(91,108,247,.06) 100%)}.dashboard-section-title{margin:0 0 14px;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.model-section{padding:22px 24px}.model-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.model-section-desc{font-size:.8125rem}.quick-link-card{display:block;padding:22px 24px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s}.quick-link-card:hover{text-decoration:none;border-color:#5b6cf759;background:var(--color-surface-hover)}.quick-link-card h3{margin:0 0 6px}.inline-code{font-size:.85em;padding:2px 6px;border-radius:4px;background:var(--color-bg-elevated);color:var(--color-accent)}.app-shell.with-sidebar .app-main{background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(91,108,247,.06),transparent),var(--color-bg)}.form-card{padding:28px 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-upload-row{display:flex;flex-wrap:wrap;gap:8px}.media-upload-error{margin-top:8px;margin-bottom:0}.media-upload-name{margin:0 0 8px;font-size:.875rem;font-weight:600;color:var(--color-text);word-break:break-all}.media-upload-url{margin:8px 0 0;font-size:.6875rem;word-break:break-all;line-height:1.4}.media-upload-preview{margin-top:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.media-preview-image{max-width:100%;max-height:220px;border-radius:var(--radius-sm);display:block}.media-preview-video{width:100%;max-height:240px;border-radius:var(--radius-sm);background:#000}.media-preview-audio{width:100%;margin-top:4px}.media-preview-thumb{max-height:120px;margin-top:8px}.media-upload-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.media-upload-list-item{padding:12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.media-upload-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.media-ref-total{margin:-8px 0 12px;font-size:.8125rem}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}.alert-error{background:#f871711f;border:1px solid rgba(248,113,113,.35);color:var(--color-danger)}.alert-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--color-success)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);pointer-events:none}.auth-page:after{content:"";position:absolute;width:500px;height:500px;bottom:-180px;left:-120px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:420px;padding:40px 36px;position:relative;z-index:1}.auth-card h1{margin:0 0 8px;font-size:1.5rem;font-weight:700}.auth-card .subtitle{margin:0 0 28px;color:var(--color-text-muted);font-size:.9375rem}.auth-footer{margin-top:24px;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.dashboard-hero{margin-bottom:32px}.dashboard-hero h1{margin:0 0 8px;font-size:1.75rem}.dashboard-hero p{margin:0;color:var(--color-text-muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.feature-tile{padding:24px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:border-color .2s,transform .2s}.feature-tile:hover{border-color:#6366f166;transform:translateY(-2px)}.feature-tile h3{margin:0 0 8px;font-size:1.0625rem}.feature-tile p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.user-menu{display:flex;align-items:center;gap:12px}.user-name{font-size:.875rem;color:var(--color-text-muted)}.app-header-inner{gap:16px;flex-wrap:wrap}.app-nav{display:flex;flex-wrap:wrap;gap:4px 8px;flex:1;justify-content:center}.nav-link{padding:8px 12px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:var(--color-text);text-decoration:none;background:#ffffff0d}.nav-link.active{color:var(--color-text);background:#6366f133}.muted{color:var(--color-text-muted)}.page-stack{display:flex;flex-direction:column;gap:24px}.page-header h1{margin:0 0 8px;font-size:1.5rem}.page-header p{margin:0}.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-columns{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 960px){.page-columns{grid-template-columns:1fr 380px;align-items:start}.page-columns .form-card{grid-column:1}.page-columns .task-panel{grid-column:2;position:sticky;top:calc(var(--header-height) + 16px)}}.form-card{padding:28px}.form-field textarea,.form-field select{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font-size:1rem;outline:none;width:100%;resize:vertical}.form-field textarea:focus,.form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 16px}.hint{font-weight:400;font-size:.75rem;color:var(--color-text-muted)}.btn-sm{padding:6px 12px;font-size:.8125rem}.mode-tabs{display:flex;gap:8px}.mode-tab{padding:10px 18px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;font-weight:600;font-size:.875rem}.mode-tab.active{border-color:var(--color-primary);color:var(--color-text);background:#6366f126}.tips-card{padding:20px 24px}.tips-card-wide{max-width:100%}.tips-card h3{margin:0 0 12px;font-size:1rem}.tips-list{margin:0;padding-left:1.25rem;color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.task-panel{padding:24px}.task-panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.task-panel-head h3{margin:0;flex:1;font-size:1.0625rem}.task-panel-foot{margin:16px 0 0;font-size:.8125rem}.task-meta{display:flex;gap:16px;font-size:.8125rem;color:var(--color-text-muted);margin-top:12px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#4ade8026;color:var(--color-success)}.badge-error{background:#f8717126;color:var(--color-danger)}.badge-pending{background:#818cf826;color:var(--color-primary-hover)}.video-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.video-player{width:100%;max-height:360px;border-radius:var(--radius-sm);background:#000}.table-wrap{overflow-x:auto;padding:0}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-muted);font-weight:600;background:var(--color-bg-elevated)}.data-table tbody tr:hover{background:#ffffff05}.cell-ellipsis{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-error{max-width:220px;font-size:.8125rem;color:var(--color-danger)}.cell-nowrap{white-space:nowrap}.pad{padding:24px}.tac{text-align:center}.link-btn{font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:16px}.detail-meta{padding:24px}.detail-dl{display:grid;grid-template-columns:100px 1fr;gap:12px 16px;margin:0;font-size:.875rem}.detail-dl dt{color:var(--color-text-muted);margin:0}.detail-dl dd{margin:0}.pre-wrap{white-space:pre-wrap;word-break:break-word}.feature-tile-link{display:block;text-decoration:none;color:inherit;position:relative}.feature-tile-link:hover{text-decoration:none}.tile-tag{position:absolute;top:16px;right:16px;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);letter-spacing:.04em}@media (max-width: 900px){.app-nav{order:3;width:100%;justify-content:flex-start}}.app-shell.with-sidebar{flex-direction:row;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:60}.sidebar-brand{padding:20px 16px;border-bottom:1px solid var(--color-border)}.sidebar-brand .brand-text{font-size:1rem}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-section{margin:16px 8px 6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sidebar-tree{margin-top:10px}.sidebar-tree-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,color .15s}.sidebar-tree-toggle:hover{color:var(--color-text);background:#ffffff0d}.sidebar-tree-toggle-nested{padding-left:28px;font-size:.8125rem;font-weight:600;color:var(--color-accent)}.sidebar-chevron{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;opacity:.65;transition:transform .2s;flex-shrink:0}.sidebar-tree-toggle.open>.sidebar-chevron{transform:rotate(90deg)}.sidebar-tree-children{margin-left:4px;padding-left:8px;border-left:1px solid var(--color-border)}.sidebar-tree-branch{margin-top:2px}.sidebar-tree-leaves{display:flex;flex-direction:column;gap:2px;padding:4px 0 8px 8px}.sidebar-link-leaf{padding:8px 12px 8px 36px;font-size:.8125rem}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:background .15s,color .15s}.sidebar-link:hover{color:var(--color-text);background:#ffffff0d;text-decoration:none}.sidebar-link.active{color:var(--color-text);background:#6366f138}.sidebar-icon{font-size:.75rem;opacity:.7}.sidebar-foot{padding:16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.sidebar-balance{padding:12px 14px;border-radius:var(--radius-md);background:#5b6cf71a;border:1px solid rgba(91,108,247,.22)}.sidebar-balance-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.sidebar-balance-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sidebar-balance-refresh{border:none;background:transparent;color:var(--color-primary-hover);font-size:.75rem;font-weight:600;cursor:pointer;padding:2px 4px}.sidebar-balance-refresh:hover:not(:disabled){text-decoration:underline}.sidebar-balance-refresh:disabled{opacity:.5;cursor:not-allowed}.sidebar-balance-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1.2}.sidebar-balance-hint{margin:6px 0 0;font-size:.6875rem;line-height:1.3}.sidebar-balance-error{margin:0;font-size:.75rem;color:var(--color-danger)}.sidebar-logout{width:100%}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-shell.with-sidebar .app-main{max-width:none;flex:1}.workspace-tabs-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:0 24px;height:var(--workspace-tabs-height);background:#0c0e14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.workspace-tabs-model{display:flex;align-items:center;gap:12px;flex-shrink:0}.workspace-model-badge{font-size:.75rem;font-weight:700;padding:5px 10px;border-radius:6px;background:#2dd4bf1f;color:var(--color-accent);border:1px solid rgba(45,212,191,.25)}.workspace-tabs-label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.workspace-tabs{display:flex;gap:6px;overflow-x:auto;flex:1}.workspace-tab{padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:all .15s}.workspace-tab:hover{color:var(--color-text);background:#ffffff0d;text-decoration:none}.workspace-tab.active{color:var(--color-text);background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 1px #6366f140}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width: 768px){.app-shell.with-sidebar{flex-direction:column}.app-sidebar{width:100%;height:auto;position:relative;max-height:none}.sidebar-nav{flex-direction:row;flex-wrap:wrap;max-height:200px}.sidebar-section{width:100%}.sidebar-foot{flex-direction:row;align-items:center;justify-content:space-between}.sidebar-logout{width:auto}}