:root{--bg0: #10140f;--bg1: #171d16;--panel: #1b221a;--panel-2: #222a20;--ink: #eef3ea;--muted: #9aada0;--accent: #7dd3a0;--accent-2: #d4a373;--line: rgba(238, 243, 234, .12);--danger: #f0a8a0;--topbar-h: 56px;--sidebar-w: 220px;--sidebar-w-collapsed: 64px;--font-display: "Fraunces", "Songti SC", serif;--font-body: "Instrument Sans", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:linear-gradient(165deg,var(--bg0),var(--bg1))}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:#10140feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-brand{display:flex;align-items:center;gap:10px;font-size:.95rem}.brand-mark{flex-shrink:0;display:block}.topbar-brand strong{font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em}.topbar-sep,.topbar-sub,.topbar-user{color:var(--muted);font-size:.88rem}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.shell-body{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);flex-shrink:0;padding:16px 10px;border-right:1px solid var(--line);background:#1b221ae6;overflow:auto;transition:width .16s ease}.shell.is-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.nav-group+.nav-group{margin-top:18px}.nav-group-label{padding:4px 12px 8px;color:var(--muted);font-size:.75rem;letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px 12px;text-align:left;color:var(--muted);background:transparent;border:0;border-radius:0}.nav-item:hover{color:var(--ink);background:#ffffff0a}.nav-item.active{color:var(--bg0);background:var(--accent);font-weight:600}.nav-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:currentColor;opacity:.7}.shell.is-collapsed .nav-item{justify-content:center;padding:12px 0}.workspace{flex:1;min-width:0;overflow:auto;padding:24px 28px 48px}.workspace-header{margin-bottom:22px}.workspace-header h1{margin:0 0 8px;font-size:1.35rem;font-weight:600}.workspace-header p{margin:0;color:var(--muted);line-height:1.55}.muted{color:var(--muted);line-height:1.6}.section h2{margin:0 0 16px;font-size:1.05rem;font-weight:600}.banner{padding:12px 14px;margin-bottom:20px;border:1px solid var(--line);background:#0000002e}.banner.error,.error-text{color:var(--danger)}.template-list{display:grid;gap:10px}.template-row{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:18px 16px;color:inherit;background:#ffffff08;border:1px solid var(--line);transition:border-color .16s ease,background .16s ease}.template-row:hover{background:#7dd3a014;border-color:#7dd3a059}.template-row p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.meta{flex-shrink:0;color:var(--muted);font-size:.8rem;align-self:center}.form{display:grid;gap:14px;max-width:520px}.field{display:grid;gap:8px}.field span{font-size:.9rem;color:var(--muted)}.field input,.field textarea,.field select{width:100%;padding:10px 12px;color:var(--ink);background:#00000040;border:1px solid var(--line);outline:none}.field input[type=color]{height:42px;padding:4px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7dd3a08c}.primary{margin-top:8px;padding:12px 18px;color:#0e1512;background:var(--accent);border:0;font-weight:600}.primary:disabled{opacity:.6;cursor:wait}.linkish{margin-bottom:12px;padding:0;color:var(--accent-2);background:none;border:0}.job-card{padding:18px 16px;border:1px solid var(--line);background:#ffffff08}.preview-wrap{margin:14px 0;display:grid;gap:12px}.preview-video{width:min(360px,100%);max-height:640px;background:#000;border:1px solid var(--line)}.link-btn{display:inline-block;text-decoration:none;text-align:center}.break{word-break:break-all}.ghost{padding:8px 12px;color:var(--ink);background:#ffffff0a;border:1px solid var(--line)}.ghost.danger{color:var(--danger)}.table{display:grid;gap:8px;margin-bottom:28px}.table-row{display:flex;justify-content:space-between;gap:12px;padding:14px 12px;border:1px solid var(--line);background:#ffffff08}.row-actions{display:flex;gap:8px;align-items:center}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}.login-brand strong{display:block;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em}.login-brand span{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.login-panel{width:min(420px,100%);margin:40px auto;padding:24px;border:1px solid var(--line);background:#ffffff08}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.step-chip{padding:6px 10px;color:var(--muted);border:1px solid var(--line);font-size:.82rem}.step-chip.active{color:var(--bg0);background:var(--accent);border-color:transparent}@media(max-width:860px){.sidebar{position:absolute;z-index:20;height:calc(100% - var(--topbar-h));box-shadow:8px 0 24px #00000059}.shell.is-collapsed .sidebar{width:0;padding:0;border:0;overflow:hidden}.template-row,.table-row{flex-direction:column}}