.cmdk-mask{display:none;position:fixed;inset:0;background:#1a1a1a80;z-index:400;align-items:flex-start;justify-content:center;padding-top:12vh}.cmdk-mask.show{display:flex}.cmdk-panel{background:var(--surface);border-radius:14px;width:min(640px,92vw);max-height:70vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.cmdk-input-wrap{display:flex;align-items:center;gap:.65rem;padding:.95rem 1.1rem;border-bottom:1px solid var(--border)}.cmdk-input-wrap input{flex:1;border:none;outline:none;font:inherit;font-size:.95rem;background:transparent;color:var(--text)}.cmdk-esc-hint{font-size:.65rem;padding:2px 7px;border-radius:4px;background:var(--surface-warm);color:var(--text-dim);font-family:JetBrains Mono,monospace}.cmdk-results{flex:1;overflow-y:auto;padding:.4rem 0}.cmdk-empty{padding:2rem 1.5rem;text-align:center;font-size:.85rem;color:var(--text-dim)}.cmdk-group-label{padding:.5rem 1.1rem .3rem;font-size:.7rem;font-weight:600;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.cmdk-item{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.1rem;font-size:.85rem;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.cmdk-item:hover,.cmdk-item.selected{background:var(--surface-warm);border-left-color:var(--accent)}.cmdk-item.selected{color:var(--accent)}.cmdk-item .icn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-warm);border-radius:6px;flex-shrink:0;color:var(--text-muted)}.cmdk-item.selected .icn{color:var(--accent)}.cmdk-item .body{flex:1;min-width:0}.cmdk-item .body .label{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item .body .meta{font-size:.7rem;color:var(--text-dim);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-foot{padding:.5rem 1.1rem;font-size:.7rem;color:var(--text-dim);border-top:1px solid var(--border)}#auth-splash{position:fixed;inset:0;background:#faf9f7;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-family:Space Grotesk,sans-serif}#auth-splash.hidden{display:none}#auth-splash .logo{font-size:1.5rem;font-weight:700}#auth-splash .logo .accent{color:#b07c4a}#auth-splash .hint{font-size:.85rem;color:#999;font-family:Inter,sans-serif}#auth-splash .spinner{width:32px;height:32px;border-radius:50%;border:3px solid #e5e2dd;border-top-color:#b07c4a;animation:qn-spin .8s linear infinite}@keyframes qn-spin{to{transform:rotate(360deg)}}.qn-sub-mask{position:fixed;inset:0;z-index:90000;background:#14120e8c;display:none;align-items:center;justify-content:center;padding:1rem}.qn-sub-mask.show{display:flex}.qn-sub-panel{background:var(--surface, #faf9f7);border:1px solid var(--border, #e5e2dd);border-radius:14px;max-width:720px;width:100%;padding:1.2rem 1.4rem 1.1rem;box-shadow:0 16px 48px #0000002e;font-family:Space Grotesk,Inter,sans-serif}.qn-sub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.qn-sub-head h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text, #2a2520)}.qn-sub-close{background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--text-dim, #8a8278);padding:0 .3rem}.qn-sub-close:hover{color:var(--accent, #b07c4a)}.qn-sub-tip{font-size:.78rem;color:var(--text-muted, #6e6960);margin:0 0 .85rem}.qn-sub-tip b{color:var(--accent, #b07c4a)}.qn-sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem}.qn-sub-cell{border:1px solid var(--border, #e5e2dd);border-radius:10px;padding:.6rem .55rem .55rem;cursor:pointer;background:var(--surface-warm, #fff);transition:border-color .15s,transform .15s,box-shadow .15s;text-align:center;position:relative}.qn-sub-cell:hover{border-color:var(--accent, #b07c4a);transform:translateY(-1px);box-shadow:0 4px 14px #b07c4a1f}.qn-sub-cell.busy{opacity:.55;pointer-events:none}.qn-sub-cell.is-default:before{content:"推荐";position:absolute;top:6px;right:6px;font-size:.6rem;background:var(--accent, #b07c4a);color:#fff;padding:1px 6px;border-radius:8px;letter-spacing:.04em}.qn-sub-thumb{width:100%;height:60px;border-radius:6px;background:linear-gradient(135deg,#2a2520,#1a1714);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;position:relative;overflow:hidden;font-family:Inter,sans-serif}.qn-sub-thumb-text{text-shadow:0 0 0 transparent}.qn-sub-cell-name{font-size:.82rem;font-weight:600;color:var(--text, #2a2520);margin-bottom:2px}.qn-sub-cell-tag{font-size:.65rem;color:var(--text-dim, #8a8278);line-height:1.25;min-height:2.4em}.qn-sub-foot{margin-top:.85rem;min-height:1.3em}.qn-sub-status{font-size:.78rem;color:var(--text-muted, #6e6960);text-align:center}.qn-sub-status.err{color:#c2493a}.qn-sub-status.ok{color:#4a8a3a}@media(max-width:480px){.qn-sub-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg: #faf9f7;--bg-dark: #1a1a1a;--surface: #ffffff;--surface-warm: #f0ede8;--accent: #b07c4a;--accent-hover: #c8915c;--text: #1a1a1a;--text-muted: #666;--text-dim: #999;--border: #e5e2dd}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,.font-heading{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.studio-shell{display:flex;min-height:100vh}.studio-sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:0;height:100vh}.studio-main{flex:1;min-width:0;padding:2rem 2.5rem 4rem}.sidebar-logo{padding:.5rem .75rem 1.5rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.sidebar-logo .accent{color:var(--accent)}.sidebar-section{display:flex;flex-direction:column;gap:2px;padding:.5rem 0}.sidebar-section+.sidebar-section{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:8px;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--surface-warm);color:var(--text)}.nav-link.active{background:var(--surface-warm);color:var(--accent);font-weight:600}.nav-link svg{flex-shrink:0;opacity:.85}.nav-link.active svg{color:var(--accent)}.sidebar-footer{margin-top:auto;padding:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.65rem}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.user-meta{flex:1;min-width:0}.user-meta .name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .credits{font-size:.7rem;color:var(--text-dim);margin-top:1px}.user-meta .credits b{color:var(--accent);font-weight:600}.user-meta .credits b.qn-low{color:#d97706}.user-meta .credits b.qn-danger{color:#dc2626}.qn-quota-warn{display:none;margin-top:3px;font-size:.65rem;line-height:1.2;padding:2px 6px;border-radius:4px;background:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qn-quota-warn.qn-danger{background:#dc26261a;color:#b91c1c;border-color:#dc262640}.qn-quota-warn.show{display:block}.lang-switcher{display:flex;align-items:center;gap:4px;padding:.4rem .75rem;font-size:.75rem;color:var(--text-dim)}.lang-btn{padding:2px 6px;border-radius:4px;transition:color .15s}.lang-btn:hover{color:var(--accent)}.lang-btn.active{color:var(--accent);font-weight:600}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-dark);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.85rem;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transition:all .25s ease;max-width:90vw;text-align:center;z-index:999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.login-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,var(--accent),var(--accent-hover));color:#fff;text-align:center;padding:.5rem 1rem;font-size:.8rem;z-index:100;display:none}.login-banner.show{display:block}.login-banner a{text-decoration:underline;font-weight:600;margin-left:.4rem}.mobile-bar{display:none;position:sticky;top:0;z-index:90;background:var(--surface);border-bottom:1px solid var(--border);padding:.6rem .85rem;align-items:center;gap:.6rem}.mobile-bar .hamb{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-warm)}.mobile-bar .hamb svg{color:var(--text)}.mobile-bar .brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.95rem}.mobile-bar .brand .accent{color:var(--accent)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:199}.sidebar-backdrop.show{display:block}@media(max-width:768px){.studio-shell{flex-direction:column}.mobile-bar{display:flex}.studio-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:200;transform:translate(-100%);transition:transform .25s ease;width:280px;height:100vh;box-shadow:2px 0 20px #00000026}.studio-sidebar.open{transform:translate(0)}.studio-main{padding:1rem}.qn-modal{width:95vw!important;max-height:90vh;overflow-y:auto}.param-menu{max-height:60vh;overflow-y:auto}}@media(max-width:480px){body{font-size:17.6px}h1,.font-heading{font-size:1.2em}h2{font-size:1.15em}.studio-sidebar{width:85vw;max-width:320px}.nav-link{min-height:44px;padding:.7rem .85rem;font-size:.92rem}.mobile-bar .hamb{width:44px;height:44px}.studio-main{padding:.85rem}.qn-modal{width:100vw!important;max-width:100vw!important;height:auto;max-height:92vh;border-radius:14px 14px 0 0;padding:1.2rem 1.1rem 1rem!important}.qn-modal-mask{align-items:flex-end;padding:0}.qn-sub-panel{width:100vw;max-width:100vw;border-radius:14px 14px 0 0;padding:1.1rem 1rem 1rem}.qn-sub-mask{align-items:flex-end;padding:0}.qn-sub-close{font-size:2rem;min-width:44px;min-height:44px}button,.btn-primary,.btn-secondary,.generate-btn,.qn-prompt-enhance-btn,.panel-btn,.tab-btn,.btn-loadmore,.hist-actions button,.hist-actions a{min-height:44px}input[type=text],input[type=url],input[type=email],input[type=search],textarea,select{min-height:44px;font-size:16px}.cmdk-mask{padding-top:4vh;align-items:flex-start}.cmdk-panel{width:100vw;max-height:92vh;border-radius:14px 14px 0 0}}