:root,.themescope{--bg:#f6f6f4;--surface:#fff;--surface-2:#f0efec;--text:#1d1d1b;--muted:#6b6a66;--line:#e2e0db;--al:#d93636;--ad:#f87171;--bd:#d03a37;--brand:color-mix(in srgb, var(--al) 80%, #000);--btn:var(--al);--brand-ink:#fff;--brand-soft:color-mix(in srgb, var(--brand) 9%, var(--surface));--brand-grad:linear-gradient(160deg, var(--btn) 0%, color-mix(in srgb, var(--btn) 84%, #000) 100%);--danger:#c62828;--danger-soft:#fdecec;--danger-btn:#c62828;--ok:#176b39;--ok-soft:#e5f4ea;--ok-btn:#1f7a45;--warn:#8f5400;--warn-soft:#fdf1dc;--info:#2557c7;--info-soft:#e8eefb;--info-btn:#2557c7;--ai:#6b3fd4;--ai-soft:#efe9fc;--ai-grad:linear-gradient(160deg, #6f43d8 0%, #5b31c0 100%);--spk-0:#b43a0a;--spk-1:#1d4ed8;--spk-2:#166534;--spk-3:#7e22ce;--spk-4:#be185d;--spk-5:#0e7490;--radius:14px;--shadow:0 1px 2px #1414120f, 0 6px 20px #1414120f;--shadow-up:0 2px 4px #14141214, 0 12px 28px #1414121a;--ease:cubic-bezier(.2, .7, .2, 1);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-accent=orange]{--al:#b45309;--ad:#fb923c;--bd:#c2410c}[data-accent=green]{--al:#15803d;--ad:#4ade80;--bd:#15803d}[data-accent=teal]{--al:#0f766e;--ad:#2dd4bf;--bd:#0f766e}[data-accent=blue]{--al:#2563eb;--ad:#60a5fa;--bd:#2563eb}[data-accent=purple]{--al:#7e22ce;--ad:#c084fc;--bd:#9333ea}[data-accent=pink]{--al:#be185d;--ad:#f472b6;--bd:#db2777}[data-accent=slate]{--al:#475569;--ad:#94a3b8;--bd:#475569}:root[data-theme=dark],.themescope[data-theme=dark]{--bg:#141413;--surface:#1e1e1c;--surface-2:#282826;--text:#f1f0ec;--muted:#a3a29c;--line:#34332f;--brand:var(--ad);--btn:var(--bd);--brand-soft:color-mix(in srgb, var(--brand) 14%, var(--surface));--danger:#ff8a80;--danger-soft:#3a1d1c;--danger-btn:#c62828;--ok:#4cc27c;--ok-soft:#173123;--warn:#f0a83a;--warn-soft:#382a12;--info:#7aa2ff;--info-soft:#1b2440;--ai:#a98bff;--ai-soft:#2a2140;--spk-0:#fb923c;--spk-1:#60a5fa;--spk-2:#4ade80;--spk-3:#c084fc;--spk-4:#f472b6;--spk-5:#22d3ee;--shadow:0 1px 2px #0006, 0 6px 20px #00000040;--shadow-up:0 2px 4px #00000073, 0 12px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.themescope{background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 8px;line-height:1.25}h1{font-size:26px}h2{font-size:21px}h3{font-size:17px}p{margin:0 0 10px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo img{width:30px;height:30px}.topbar .spacer{flex:1}.topnav{gap:4px;display:flex}.topnav a{color:var(--muted);transition:background .15s var(--ease), color .15s var(--ease);border-radius:10px;padding:8px 12px;font-weight:500}.topnav a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.topnav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600;text-decoration:none}.main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:16px 16px 120px}.bottomnav{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:12px;display:flex}.bottomnav a.active{color:var(--brand);text-decoration:none}.bottomnav .ico{font-size:20px;line-height:1}@media (width<=760px){.topnav{display:none}.bottomnav{display:flex}.main{padding-bottom:150px}h1{font-size:22px}}.guidebar{z-index:25;background:var(--text);width:min(940px,100% - 24px);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.guidebar .step{opacity:.75;white-space:nowrap;font-size:12px}.guidebar .what{flex:1;font-size:15px;font-weight:500}.guidebar button{background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:7px 12px;font-weight:600}.guidebar .close{color:var(--bg);background:0 0;padding:4px 8px;font-size:18px}@media (width<=760px){.guidebar{bottom:calc(66px + env(safe-area-inset-bottom))}.guidebar .step{display:none}}.card{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:14px}.card.flat{box-shadow:none}.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:20px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (width>=761px) and (width<=980px){.grid-4{grid-template-columns:repeat(2,1fr)}}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.grow{flex:1;min-width:0}.hr{background:var(--line);border:0;height:1px;margin:16px 0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:44px;color:var(--text);transition:transform .12s var(--ease), background .15s ease, box-shadow .15s ease, border-color .15s ease;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex;text-decoration:none!important}.btn:hover:not(:disabled){background:var(--surface-2);box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-grad);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 2px 8px color-mix(in srgb, var(--btn) 30%, transparent)}.btn-primary:hover:not(:disabled){background:var(--brand-grad);filter:brightness(1.06);box-shadow:0 4px 14px color-mix(in srgb, var(--btn) 40%, transparent)}.btn-ai{background:var(--ai-grad);border-color:var(--ai);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--ai) 30%, transparent)}.btn-ai:hover:not(:disabled){background:var(--ai-grad);filter:brightness(1.06);box-shadow:0 4px 14px color-mix(in srgb, var(--ai) 40%, transparent)}.btn-ok{background:var(--ok-btn);border-color:var(--ok-btn);color:#fff}.btn-ok:hover:not(:disabled){background:var(--ok-btn);filter:brightness(1.06)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){box-shadow:none}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft);box-shadow:none}.btn-sm{border-radius:10px;min-height:34px;padding:6px 12px;font-size:14px}.btn-block{width:100%}.btn-huge{border-radius:18px;min-height:72px;padding:16px 22px;font-size:19px}.bigaction{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;text-align:left;width:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex;text-decoration:none!important}.bigaction:hover{box-shadow:var(--shadow-up);transform:translateY(-2px)}.bigaction:active{transform:scale(.99)}.bigaction .ico{background:var(--surface-2);border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.bigaction.primary{background:var(--brand-grad);border-color:var(--brand);color:#fff;box-shadow:0 6px 20px color-mix(in srgb, var(--btn) 32%, transparent)}.bigaction.primary .ico{background:#ffffff2e}.bigaction .t{font-size:18px;font-weight:700}.bigaction .d{opacity:.8;font-size:14px}.input,.select,.textarea{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:none;width:100%;min-height:46px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.input:hover:not(:focus),.select:hover:not(:focus),.textarea:hover:not(:focus){border-color:color-mix(in srgb, var(--muted) 55%, var(--line))}.textarea{resize:vertical;min-height:90px}.input:focus,.select:focus,.textarea:focus{border-color:var(--info);box-shadow:0 0 0 3px var(--info-soft)}label.field{display:block}label.field>span{margin-bottom:6px;font-weight:600;display:block}label.field>small{color:var(--muted);margin-top:4px;display:block}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{flex:none;width:20px;height:20px;margin-top:2px}.pill{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.err{background:var(--danger-soft);color:var(--danger)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.ai{background:var(--ai-soft);color:var(--ai)}.notice{background:var(--info-soft);color:var(--text);border:1px solid #0000;border-radius:12px;padding:12px 14px}.notice.warn{background:var(--warn-soft)}.notice.err{background:var(--danger-soft)}.notice.ok{background:var(--ok-soft)}.notice.ai{background:var(--ai-soft)}.tabs{scrollbar-width:none;gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;padding:9px 14px;font-weight:600;transition:background .15s,border-color .15s}.tabs button:hover:not(.active){background:var(--surface-2)}.tabs button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.tabs .dot{background:var(--brand);border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.aichoice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.aichoice .q{margin-bottom:4px;font-size:17px;font-weight:700}.aichoice .ctx{color:var(--muted);margin-bottom:10px;font-size:14px}.choice{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;width:100%;margin-top:8px;padding:12px 14px;display:flex}.choice .radio{border:2px solid var(--muted);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.choice.selected{border-color:var(--info);background:var(--info-soft)}.choice.selected .radio{border-color:var(--info)}.choice.selected .radio:after{content:"";background:var(--info);border-radius:50%;width:10px;height:10px}.choice .label{flex:1;font-weight:500}.badge-ai{color:var(--ai);background:var(--ai-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.why{background:var(--ai-soft);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px}.why b{color:var(--ai)}.linkbtn{color:var(--info);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.recbtn{cursor:pointer;background:var(--brand-grad);color:#fff;width:168px;height:168px;box-shadow:0 10px 30px color-mix(in srgb, var(--btn) 36%, transparent), inset 0 1px 0 #ffffff38;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:0;border-radius:50%;place-items:center;margin:8px auto;font-size:20px;font-weight:700;display:grid}.recbtn:hover{box-shadow:0 14px 36px color-mix(in srgb, var(--btn) 46%, transparent), inset 0 1px 0 #ffffff38;transform:scale(1.04)}.recbtn:active{transform:scale(.97)}.recbtn.on{border-radius:40px;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--btn) 46%, transparent)}70%{box-shadow:0 0 0 26px color-mix(in srgb, var(--btn) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--btn) 0%, transparent)}}.timer{font-variant-numeric:tabular-nums;text-align:center;font-size:44px;font-weight:700}.meter{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.meter>div{background:var(--ok);height:100%;transition:width .1s linear}.meter.warn>div{background:var(--warn)}.meter.err>div{background:var(--danger)}.livebox{background:var(--surface-2);white-space:pre-wrap;border-radius:12px;min-height:120px;max-height:260px;padding:14px;overflow-y:auto}.livebox .interim{color:var(--muted)}.reclist{flex-direction:column;gap:10px;display:flex}.recitem{border:1px solid var(--line);background:var(--surface);color:var(--text);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s ease;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;text-decoration:none!important}.recitem:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--muted) 40%, var(--line));transform:translateY(-1px)}.recitem .ico{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.recitem .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.player{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:10px;position:sticky;top:58px}.player audio{width:100%}.seg{cursor:pointer;border-radius:10px;gap:10px;padding:8px 10px;display:flex}.seg:hover{background:var(--surface-2)}.seg.playing{background:var(--info-soft)}.seg .time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;width:48px;padding-top:3px;font-size:12px}.seg .who{font-size:14px;font-weight:700}.seg .txt[contenteditable=true]{outline:2px dashed var(--info);border-radius:6px;padding:2px 4px}.spk-0{color:var(--spk-0)}.spk-1{color:var(--spk-1)}.spk-2{color:var(--spk-2)}.spk-3{color:var(--spk-3)}.spk-4{color:var(--spk-4)}.spk-5{color:var(--spk-5)}.tstamp{color:var(--info);background:var(--info-soft);cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:12px}.doc h2{margin-top:22px}.doc ul{margin:6px 0;padding-left:20px}.doc li{margin:6px 0}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.table th{color:var(--muted);font-size:13px;font-weight:600}.tablewrap{overflow-x:auto}.chat{flex-direction:column;gap:10px;display:flex}.bubble{border-radius:14px;max-width:85%;padding:10px 14px}.bubble.user{background:var(--info-btn);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.ai{background:var(--surface-2);border-bottom-left-radius:4px;align-self:flex-start}.rich{line-height:1.6}.rich>:first-child{margin-top:0}.rich>:last-child{margin-bottom:0}.rich p{white-space:pre-line;margin:0 0 .7em}.rich .rich-h{font-weight:700}.rich ol,.rich ul{margin:0 0 .7em;padding-left:1.5em}.rich li{margin-bottom:.5em;padding-left:.15em}.rich li>ul{margin:.35em 0 0}.rich li li{margin-bottom:.25em}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:flex-end;animation:.18s fadein;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:min(640px,100%);max-height:88vh;box-shadow:var(--shadow-up);animation:rise .24s var(--ease);border-radius:20px 20px 0 0;padding:20px;overflow-y:auto}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width>=761px){.overlay{align-items:center}.sheet{border-radius:20px}}.toast{z-index:60;background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:500;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast.err{background:var(--danger-btn);color:#fff}.toast{animation:toastin .22s var(--ease)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.spinner{border:3px solid var(--line);border-top-color:var(--brand);vertical-align:middle;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{counter-increment:s;border-bottom:1px solid var(--line);gap:12px;padding:10px 0;display:flex}.steps li:before{content:counter(s);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.steps li.done:before{content:"✓";background:var(--ok-soft);color:var(--ok)}.steps li.now:before{background:var(--btn);color:#fff}.steps li.now{font-weight:600}.progressline{gap:6px;display:flex}.progressline>div{background:var(--line);border-radius:999px;flex:1;height:6px}.progressline>div.on{background:var(--brand)}.admin{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin aside{background:var(--surface);border-right:1px solid var(--line);height:100vh;padding:14px;position:sticky;top:0;overflow-y:auto}.admin aside a{color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.admin aside a.active{background:var(--surface-2);text-decoration:none}.admin aside .badge{background:var(--danger-btn);color:#fff;border-radius:999px;margin-left:auto;padding:0 7px;font-size:12px}.admin main{width:100%;max-width:1200px;padding:20px}@media (width<=860px){.admin{grid-template-columns:1fr}.admin aside{gap:4px;height:auto;padding:8px;display:flex;position:static;overflow-x:auto}.admin aside a{white-space:nowrap}.admin aside .logo,.admin aside .hide-sm{display:none}}.kpi{padding:14px 16px}.kpi .v{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi .l{color:var(--muted);font-size:13px}.bars{align-items:flex-end;gap:10px;height:180px;padding-top:10px;display:flex}.bars .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars .pair{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:100%;display:flex}.bars .b{border-radius:6px 6px 0 0;width:40%;max-width:26px;min-height:2px}.bars .b.rev{background:var(--ok)}.bars .b.cost{background:var(--warn)}.bars .m{color:var(--muted);font-size:12px}.legend{color:var(--muted);gap:14px;font-size:13px;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.logo,.topnav a,.topbar .pill,.topbar .btn{white-space:nowrap}@media (width>=761px) and (width<=1040px){.topbar{gap:6px}.topnav{gap:0}.topnav a{padding:8px;font-size:14px}.topbar .pill{padding:3px 8px;font-size:12px}.logo{font-size:16px}.logo img{width:26px;height:26px}}:focus-visible{outline:3px solid var(--info);outline-offset:2px;border-radius:6px}.pill .linkbtn{min-width:28px;margin:-6px -4px -6px 0;padding:8px}@media (pointer:coarse){.btn-sm{min-height:44px}.linkbtn{min-width:44px;min-height:44px;padding:10px}.pill .linkbtn{min-width:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing .grid>*{margin-top:0!important}.langsw{width:auto;max-width:120px;padding:4px 8px}@media (width<=760px){.topbar{flex-wrap:wrap;row-gap:6px}}.folders{flex-wrap:wrap;gap:10px;display:flex}.foldercard{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;max-width:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s ease;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex;text-decoration:none!important}.foldercard:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.foldercard .fi{font-size:20px}.foldercard .fn{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.foldercard .fc{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:13px}.foldercard.active{background:var(--text);color:var(--bg);border-color:var(--text)}.foldercard.active .fc{background:color-mix(in srgb, var(--bg) 25%, transparent);color:var(--bg)}.foldercard.add{color:var(--muted);background:0 0;border-style:dashed}.modepick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.modetile{text-align:center;border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.modetile:hover{background:var(--surface-2)}.modetile.selected{border-color:var(--brand);background:var(--brand-soft)}.modeprev{border:1px solid var(--line);border-radius:10px;width:100%;max-width:120px;height:56px;display:block;position:relative;overflow:hidden}.modeprev .bar{background:var(--line);border-radius:4px;height:8px;position:absolute;top:8px;left:8px;right:8px}.modeprev .chip{background:var(--btn);border-radius:6px;width:44px;height:16px;position:absolute;bottom:8px;left:8px}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{cursor:pointer;background:var(--al);width:44px;height:44px;transition:transform .12s var(--ease);border:0;border-radius:50%}:root[data-theme=dark] .swatch{background:var(--ad)}.swatch:hover{transform:scale(1.08)}.swatch.selected{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--text)}.themepreview{background:var(--bg)}@media (width<=420px){.modepick{gap:6px}.modetile{padding:8px 4px;font-size:14px}}