:root,[data-theme=light]{color-scheme:light;--bg: #f8f4ec;--bg-elev: #fffdf8;--surface: #fffdf8;--surface-2: #f1ece1;--surface-3: #e8e1d4;--line: rgba(57, 79, 80, .09);--line-strong: rgba(57, 79, 80, .16);--text: #394f50;--text-soft: rgba(57, 79, 80, .74);--text-faint: rgba(57, 79, 80, .52);--accent: #394f50;--accent-strong: #2a3b3c;--accent-fg: #f8f4ec;--accent-dim: rgba(57, 79, 80, .08);--accent-line: rgba(57, 79, 80, .3);--accent-soft: #718985;--hover: rgba(57, 79, 80, .05);--scrim: rgba(26, 34, 34, .4);--danger: #a8392a;--media-bg: #e8e1d4;--shadow: 0 1px 2px rgba(57, 79, 80, .04), 0 12px 32px rgba(57, 79, 80, .07);--nav-bg: #fffdf8;--nav-surface: #fffdf8;--nav-surface-2: #f1ece1;--brand-mark-bg: transparent;--brand-mark-fg: #394f50;--overlay-strong: rgba(0, 0, 0, .86);--on-overlay: #ffffff;--on-overlay-bg: rgba(255, 255, 255, .14);--on-overlay-bg-hover: rgba(255, 255, 255, .24);--qr-bg: #ffffff;--warn: #e0a020;--warn-fg: #b07818;--media-ph-gradient: radial-gradient(circle at 26% 30%, rgba(248, 244, 236, .85), transparent 45%), radial-gradient(circle at 74% 64%, rgba(113, 137, 133, .45), transparent 46%), linear-gradient(135deg, #718985, #9aada7 55%, #f8f4ec)}[data-theme=dark]{color-scheme:dark;--bg: #1b2627;--bg-elev: #111a1b;--nav-bg: #111a1b;--surface: rgba(248, 244, 236, .055);--surface-2: rgba(248, 244, 236, .09);--surface-3: rgba(248, 244, 236, .13);--nav-surface: rgba(248, 244, 236, .12);--nav-surface-2: rgba(0, 0, 0, .28);--line: rgba(248, 244, 236, .1);--line-strong: rgba(248, 244, 236, .17);--text: #f8f4ec;--text-soft: rgba(248, 244, 236, .7);--text-faint: rgba(248, 244, 236, .48);--accent: #e2bda2;--accent-strong: #f0d6c0;--accent-fg: #16201f;--accent-dim: rgba(226, 189, 162, .14);--accent-line: rgba(226, 189, 162, .38);--accent-soft: #e2bda2;--hover: rgba(248, 244, 236, .07);--scrim: rgba(0, 0, 0, .6);--danger: #f5a894;--media-bg: rgba(0, 0, 0, .26);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .35);--brand-mark-bg: transparent;--brand-mark-fg: #e2bda2;--overlay-strong: rgba(0, 0, 0, .9);--on-overlay: #ffffff;--on-overlay-bg: rgba(255, 255, 255, .14);--on-overlay-bg-hover: rgba(255, 255, 255, .24);--qr-bg: #ffffff;--warn: #e0a020;--warn-fg: #f0c060;--media-ph-gradient: radial-gradient(circle at 30% 28%, rgba(226, 189, 162, .45), transparent 42%), radial-gradient(circle at 76% 68%, rgba(57, 79, 80, .9), transparent 52%), linear-gradient(135deg, #111a1b, #22302f 55%, #2a3b3c)}:root{--radius: 12px;--radius-lg: 16px;--panel-w: 360px;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}textarea{font:inherit;color:inherit}.icon-btn{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid transparent;border-radius:9px;color:var(--text-soft);transition:background .16s,color .16s,border-color .16s}.icon-btn:hover{background:var(--hover);border-color:var(--line);color:var(--text)}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{display:flex;flex-direction:column;height:100vh}.topnav{display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;flex:0 0 auto;background:var(--nav-bg);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.brand__name{font-size:17px;font-weight:650;letter-spacing:.08em}.brand__mark{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;color:var(--brand-mark-fg)}.brand__mark svg{display:block;width:28px;height:28px;fill:currentColor}.modes{display:flex;gap:2px;padding:3px;margin:0 auto;background:var(--nav-surface-2);border-radius:10px}.mode{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;font-size:13px;font-weight:550;color:var(--text-soft);white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s}.mode:hover{color:var(--text)}.mode[aria-selected=true]{background:var(--nav-surface);color:var(--text);box-shadow:var(--shadow)}.mode svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.topnav__right{display:flex;align-items:center;gap:4px;flex:0 0 auto;position:relative}.balance{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin-right:4px;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface);font-size:12.5px;color:var(--text-soft);transition:border-color .16s,color .16s}.workspace{flex:1 1 auto;display:flex;min-height:0}.panel{width:var(--panel-w);flex:0 0 var(--panel-w);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg-elev);overflow:hidden}.panel__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px 16px 8px}.panel>.compose{flex:0 0 auto;margin:0 16px 16px;z-index:2}.panel>.compose textarea{min-height:132px;max-height:320px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--text-faint);text-transform:uppercase}.field__blurb{font-size:11.5px;line-height:1.45;color:var(--text-faint)}.seg{display:flex;flex-wrap:wrap;gap:2px;padding:2px;background:var(--surface-2);border-radius:9px}.seg button{flex:1 1 auto;padding:6px 8px;border-radius:7px;font-size:12px;font-weight:550;color:var(--text-soft);white-space:nowrap;transition:background .14s,color .14s}.seg--fit button{flex:0 1 auto}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.grade-list{display:flex;flex-direction:column;gap:6px}.grade{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;color:var(--text);transition:border-color .14s,background .14s,box-shadow .14s}.grade:hover{border-color:var(--line-strong)}.grade--on{border-color:var(--accent-line);background:var(--accent-dim);box-shadow:var(--shadow)}.grade--usage{border-style:dashed}.grade__name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650}.grade__pill{padding:1px 6px;border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:600;letter-spacing:.2px;color:var(--text-soft)}.grade--on .grade__pill{background:var(--accent-dim);color:var(--accent)}.grade__price{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--font-mono);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.grade__hint{font-size:11px;color:var(--text-faint)}.cost{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--accent-line);border-radius:10px;background:var(--accent-dim)}.cost__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.cost__label{font-size:12px;font-weight:600;color:var(--accent-strong)}.cost__value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.cost__note{font-size:11px;color:var(--text-faint)}.compose{margin-top:2px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .18s}.compose:focus-within{border-color:var(--accent-line)}.compose textarea{display:block;width:100%;min-height:80px;max-height:240px;padding:12px 13px 4px;border:0;outline:0;resize:none;background:transparent;font-size:14px;line-height:1.6;overflow-y:auto}.compose textarea::placeholder{color:var(--text-faint)}.compose__actions{display:flex;align-items:center;gap:8px;padding:8px 10px 10px}.compose__spacer{flex:1 1 auto}.compose__hint{font-size:11px;color:var(--text-faint)}.upload{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1.5px dashed var(--line-strong);border-radius:10px;color:var(--text-soft);font-size:18px;font-weight:300;transition:border-color .16s,color .16s}.upload:hover{border-color:var(--accent);color:var(--text)}.send{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-size:16px;font-weight:700;transition:transform .16s,background .16s}.send:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-strong)}.send:disabled{opacity:.4;cursor:not-allowed}.panel__hint{font-size:11px;line-height:1.45;color:var(--text-faint)}.panel__hint code{font-family:var(--font-mono);font-size:10.5px;color:var(--text-soft)}.keybar{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px;color:var(--text-soft)}.keybar__dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--danger)}.keybar__dot--ok{background:var(--accent)}.keybar button{margin-left:auto;color:var(--accent);font-size:12px;font-weight:600}.keybar button:hover{text-decoration:underline}.stream{position:relative;flex:1 1 auto;min-width:0;overflow-y:auto;padding:26px 26px 48px}.link-chip{position:sticky;top:0;z-index:3;display:inline-flex;align-items:center;gap:6px;margin:-8px 0 10px;padding:3px 8px 3px 6px;border:0;border-radius:99px;background:transparent;color:var(--text-faint);font-size:11px;font-weight:550;letter-spacing:.02em}.link-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--danger)}.link-chip--on .link-chip__dot{background:var(--accent)}.link-chip--on{color:var(--text-soft)}.stream__inner{display:flex;flex-direction:column;gap:16px;max-width:880px;margin:0 auto}.welcome{padding:16px 0 2px;text-align:center}.welcome h1{margin-bottom:8px;font-size:23px;font-weight:650;letter-spacing:-.2px}.welcome p{max-width:520px;margin:0 auto;font-size:14px;color:var(--text-soft)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.chip{padding:7px 14px;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface);font-size:12.5px;color:var(--text-soft);transition:border-color .16s,color .16s,transform .16s}.chip:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.msg-user{display:flex;justify-content:flex-end}.bubble{max-width:78%;padding:10px 15px;border-radius:15px 15px 4px;background:var(--surface-3);border:1px solid var(--line);font-size:13.5px;line-height:1.6}.msg-note{display:flex;justify-content:flex-start}.bubble--note{max-width:fit-content;border-radius:15px 15px 15px 4px;background:var(--surface);color:var(--text-soft)}.result{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.result__media{position:relative;display:grid;place-items:center;min-height:180px;background:var(--media-bg)}.result__media img,.result__media video{display:block;width:100%;max-height:62vh;object-fit:contain}.result__ph{width:100%;height:min(248px,27vh);background:var(--media-ph-gradient)}.result__stamp{position:absolute;left:14px;bottom:12px;padding:3px 9px;border:1px solid var(--line-strong);border-radius:99px;background:var(--scrim);font-size:11.5px;color:var(--text-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result__meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:11px 14px;border-top:1px solid var(--line)}.tag{padding:3px 8px;border-radius:6px;background:var(--accent-dim);border:1px solid var(--accent-line);font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--accent)}.tag--alt{background:var(--surface-2);border-color:var(--line);color:var(--text-soft)}.result__cost{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.result__actions{display:flex;gap:4px}.pending__abort{margin-left:auto;flex:0 0 auto;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:550}.pending__abort:hover{color:var(--text);border-color:var(--line-strong)}.pending{padding:15px}.pending__head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:550}.spinner{width:13px;height:13px;flex:0 0 auto;border:2px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar{height:5px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.bar i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .4s ease}.pending__sub{margin-top:8px;font-size:12px;color:var(--text-faint)}.error{padding:12px 14px;border:1px solid var(--danger);border-radius:var(--radius);background:var(--surface);font-size:13px;color:var(--danger)}.mask{position:fixed;inset:0;z-index:40;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;bottom:0;z-index:41;display:flex;flex-direction:column;width:min(380px,92vw);background:var(--bg-elev);box-shadow:var(--shadow);overflow:hidden}.drawer--right{right:0;border-left:1px solid var(--line)}.drawer--left{left:0;border-right:1px solid var(--line)}.drawer__head{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.drawer__head h2{flex:1 1 auto;font-size:15px;font-weight:650}.drawer__body{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto}.drawer h2{font-size:16px;font-weight:650}.drawer p{font-size:12.5px;line-height:1.6;color:var(--text-soft)}.drawer label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-faint)}.drawer input,.drawer select{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;outline:0}.drawer input:focus,.drawer select:focus{border-color:var(--accent-line)}.drawer__row{display:flex;gap:8px}.btn{padding:9px 14px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);font-size:13px;font-weight:550;color:var(--text)}.btn:hover{border-color:var(--accent-line)}.btn--primary{border-color:transparent;background:var(--accent);color:var(--accent-fg);font-weight:650}.btn--primary:hover{background:var(--accent-strong)}.drawer__note{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11.5px;line-height:1.6;color:var(--text-faint)}.home{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:32px 20px 48px}.home__inner{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.home__brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}.home__brand-mark{display:grid;place-items:center;width:28px;height:28px;color:var(--brand-mark-fg)}.home__brand-mark svg{display:block;width:24px;height:24px;fill:currentColor}.home__brand-cn{font-size:18px;font-weight:650;letter-spacing:.12em}.home__brand-en{font-size:12px;font-weight:550;letter-spacing:.28em;color:var(--text-soft)}.home__title{margin:0;font-size:36px;font-weight:650;letter-spacing:-.4px;text-align:center;line-height:1.25}.home__lead{margin:0 auto;max-width:34em;font-size:15px;line-height:1.7;color:var(--text-soft);text-align:center}.home__modes{width:max-content;margin:8px auto 0;flex:0 0 auto}.compose--hero,.home__spec{width:100%}.compose--hero{margin-top:4px}.compose--hero textarea{min-height:112px;font-size:15px;padding:16px 16px 6px}.home__chips{justify-content:center}.home__spec{position:relative;display:flex;flex-direction:column;gap:10px}.home .settings-toggle{display:flex}.home__spec-body{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);box-shadow:0 12px 32px #00000038}.topnav--home{grid-template-columns:1fr auto;height:64px;padding:0 24px}@media(max-width:960px){html,body,#root,.app{height:100dvh;overflow:hidden}.topnav{flex:0 0 auto;gap:8px;padding:0 12px}.topnav .modes{margin:0}.mode{padding:6px 11px}.workspace{flex-direction:column-reverse;min-height:0}.panel{width:auto;flex:0 0 auto;max-height:none;border-right:0;border-top:1px solid var(--line-strong);overflow:hidden}.panel__scroll{flex:0 1 auto;max-height:36vh;padding:10px 12px 6px;gap:8px}.panel>.compose{margin:0 12px 10px}.panel>.compose textarea,.panel .compose textarea{min-height:44px;max-height:120px;padding:8px 12px 2px}.panel__hint{display:none}.stream{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 14px 16px}.welcome{padding:6px 0 0}.welcome h1{font-size:20px}.bubble{max-width:88%}.home{align-items:flex-start;padding:28px 16px 40px}.home__title{font-size:28px}.topnav--home{height:56px;padding:0 12px}.brand__name{font-size:16px}}@media(max-width:520px){.topnav--home{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";height:56px;padding:0 12px;row-gap:0}}.icon-btn--on{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.balance{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin-right:4px;border:1px solid var(--line-strong);border-radius:99px;background:var(--nav-surface);font-size:12.5px;color:var(--text-soft);transition:border-color .16s,color .16s}.balance:hover{border-color:var(--accent-line);color:var(--text)}.balance__value{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent)}.balance__recharge{padding-left:8px;border-left:1px solid var(--line);font-size:12px;font-weight:600;color:var(--accent)}.group-row{display:flex;align-items:center;gap:8px}.group-row select{flex:1 1 auto;min-width:0;padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);font-size:12.5px;outline:0}.group-row select:focus{border-color:var(--accent-line)}.group-row__ratio{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.statusbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px;color:var(--text-soft)}.statusbar__dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--danger)}.statusbar__dot--ok{background:var(--accent)}.statusbar button{margin-left:auto;color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.statusbar button:hover{text-decoration:underline}.session{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;transition:border-color .16s,background .16s}.session:hover{border-color:var(--line-strong)}.session--active{border-color:var(--accent-line);background:var(--accent-dim)}.session__main{flex:1 1 auto;min-width:0}.session__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550}.session__meta{display:block;margin-top:2px;font-size:11px;color:var(--text-faint)}.session__del{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--text-faint)}.session__del:hover{background:var(--hover);color:var(--danger)}.session__del svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.empty{padding:24px 12px;text-align:center;font-size:12.5px;color:var(--text-faint)}.modal{position:fixed;inset:0;z-index:42;display:grid;place-items:center;padding:20px}.modal__box{position:relative;z-index:43;display:flex;flex-direction:column;gap:14px;width:min(392px,100%);max-height:88vh;overflow-y:auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow)}.modal__box h2{font-size:16px;font-weight:650}.modal__box>p{font-size:12.5px;line-height:1.6;color:var(--text-soft)}.btn--block{width:100%}.msg{padding:10px 12px;border-radius:9px;font-size:12.5px;line-height:1.55}.msg--err{border:1px solid var(--danger);color:var(--danger)}.msg--ok{border:1px solid var(--accent-line);background:var(--accent-dim);color:var(--accent)}.amounts{display:flex;flex-wrap:wrap;gap:8px}.amounts button{flex:1 1 72px;padding:10px 8px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);font-family:var(--font-mono);font-size:13px;font-weight:600}.amounts button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.qr{display:grid;place-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:center}.qr img{display:block;width:200px;height:200px;border-radius:8px;background:var(--qr-bg)}.qr a{font-size:12.5px;color:var(--accent);text-decoration:underline;word-break:break-all}.thumbs{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 2px}.thumb{position:relative;width:62px;height:62px;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;background:var(--media-bg)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb__label{position:absolute;left:0;bottom:0;padding:1px 5px;border-top-right-radius:6px;background:var(--scrim);font-size:10px;color:var(--text)}.thumb__del{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--scrim);color:var(--text);font-size:13px;line-height:1}.thumb__del:hover{color:var(--danger)}.compose__count{font-size:11px;color:var(--text-faint)}.upload:disabled{opacity:.4;cursor:not-allowed}.panel__notice{font-size:11px;line-height:1.5;color:var(--danger)}.select{width:100%;padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;outline:0}.select:focus{border-color:var(--accent-line)}.field-select{position:relative;width:100%}.field-select__btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;text-align:left}.field-select__btn:hover,.field-select--open .field-select__btn{border-color:var(--accent-line)}.field-select__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-select__tag{flex:0 0 auto;padding:1px 7px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-soft);font-size:10.5px;font-weight:600;letter-spacing:.02em}.field-select__opt--on .field-select__tag{border-color:var(--accent-line);color:var(--accent)}.field-select__chev{width:16px;height:16px;flex:0 0 auto;margin-left:auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--text-faint);transition:transform .16s}.field-select--open .field-select__chev{transform:rotate(180deg)}.field-select__menu{position:fixed;z-index:40;margin:0;padding:6px;list-style:none;max-height:280px;overflow-y:auto;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-elev);box-shadow:0 12px 32px #00000038}.field-select__opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;text-align:left}.field-select__opt:hover{background:var(--surface-2)}.field-select__opt--on{background:var(--surface)}.statusbar__note{margin-left:auto;font-size:11.5px;color:var(--text-faint)}.ratio-input{width:100%;margin-top:6px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:13px;outline:0}.ratio-input:focus{border-color:var(--accent-line)}.ratio-input--bad{border-color:var(--danger)}.ratio-hint{margin-top:4px;font-size:11px;line-height:1.4;color:var(--text-faint)}.ui-input{width:100%;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border-color .16s,box-shadow .16s}.ui-input::placeholder{color:var(--text-faint)}.ui-input:hover:not(:disabled){border-color:var(--line-strong)}.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.ui-input:disabled{opacity:.55}.ui-label{display:block;margin-bottom:5px;font-size:12px;color:var(--text-faint)}.ui-form{display:flex;flex-direction:column;gap:16px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;transition:background .16s,border-color .16s,transform .16s,color .16s}.ui-btn svg{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui-btn:hover:not(:disabled){border-color:var(--line-strong)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--primary{border-color:transparent;background:var(--accent);color:var(--accent-fg)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.ui-btn--ghost{border-color:transparent;background:transparent;color:var(--text-soft)}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn--block{width:100%;padding-top:9px;padding-bottom:9px;font-size:13.5px}.ui-alert{border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.5}.ui-alert--danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.ui-alert--success{background:var(--accent-dim);color:var(--accent)}.ui-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2)}.ui-tabs button{padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:500;color:var(--text-soft);transition:background .16s,color .16s}.ui-tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.ui-kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.ui-kv:last-child{border-bottom:0}.ui-kv dt{color:var(--text-faint);font-size:12px}.ui-kv dd{font-weight:600}.ui-kv dd.mono{font-family:var(--font-mono)}.turnstile-slot{min-height:65px;display:flex;align-items:center;justify-content:center}.modal__box--auth{gap:16px;padding:26px 24px 22px}.auth__head{text-align:center}.auth__mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:16px;background:var(--brand-mark-bg);color:var(--brand-mark-fg)}.auth__mark svg{display:block;width:34px;height:34px;fill:currentColor}.auth__sub{font-size:13px;color:var(--text-soft)}.auth__check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft)}.auth__check input{width:14px;height:14px;accent-color:var(--accent)}.auth__code{text-align:center;font-family:var(--font-mono);font-size:18px;letter-spacing:4px}.auth__verify{padding:12px;border:1px solid var(--line);border-radius:12px}.auth__verify-head{margin-bottom:8px}.auth__verify-title{font-size:12.5px;font-weight:600}.auth__verify-state{margin-top:2px;font-size:12px;color:var(--text-faint)}.navbtn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;border:1px solid transparent;border-radius:999px;color:var(--text-soft);font-size:12.5px;font-weight:600;transition:background .16s,color .16s,border-color .16s}.navbtn:hover{background:var(--surface-2);color:var(--text)}.navbtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account__balance{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--accent-line);border-radius:14px;background:var(--accent-dim)}.account__balance-label{font-size:12px;color:var(--accent)}.account__balance-value{flex:1 1 auto;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent)}.account__list{margin:0}.account__section{margin-bottom:6px;font-size:12.5px;font-weight:600}.account__hint{margin-bottom:8px;font-size:11.5px;color:var(--text-faint)}.account__records{list-style:none;margin:0;padding:0}.account__records li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}.account__records li:last-child{border-bottom:0}.account__record-money{font-family:var(--font-mono);font-weight:600}.account__record-time{color:var(--text-faint)}.account__record-status{margin-left:auto;color:var(--text-soft)}.amounts__custom{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--text-faint)}.amounts__custom input{width:110px}.paymethods{display:flex;flex-wrap:wrap;gap:8px}.paymethods button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:500}.paymethods button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.paymethods__dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.paymethods button[aria-pressed=true] .paymethods__dot{background:var(--accent)}.payable{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px;color:var(--text-soft)}.payable strong{font-family:var(--font-mono);font-size:20px;color:var(--text)}@media(max-width:960px){.navbtn__text{display:none}}.result--media{align-self:flex-start;width:fit-content;max-width:min(100%,560px)}.result--media .result__media{min-height:0}.result__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}.result--media img,.result--media video{display:block;width:auto;height:auto;max-width:100%;max-height:58vh;object-fit:contain}.result--pending{align-self:flex-start;width:min(320px,100%)}.skeleton{height:132px;background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.pending__label{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--text-soft)}.lightbox{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:40px 28px 64px;background:var(--overlay-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox img,.lightbox video{display:block;max-width:92vw;max-height:82vh;border-radius:10px}.lightbox__close{position:fixed;top:18px;right:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--on-overlay-bg);color:var(--on-overlay);font-size:22px;line-height:1}.lightbox__close:hover{background:var(--on-overlay-bg-hover)}.lightbox__download{position:fixed;bottom:22px;padding:9px 18px;border-radius:999px;background:var(--on-overlay-bg);color:var(--on-overlay);font-size:13px;font-weight:600}.lightbox__download:hover{background:var(--on-overlay-bg-hover)}.tag--warn{background:color-mix(in srgb,var(--warn) 18%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--warn-fg)}.topnav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;position:relative}.topnav__left{display:flex;align-items:center;gap:8px;min-width:0;justify-self:start;z-index:1}.topnav .modes{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:0;pointer-events:auto}.topnav__right{display:flex;align-items:center;gap:6px;justify-self:end;position:relative;z-index:1}.topnav__cluster{display:flex;align-items:center;gap:6px}.topnav__more{display:none}@media(max-width:960px){.topnav__cluster{display:none}.topnav__more{display:grid}}.topnav__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:flex;flex-direction:column;min-width:196px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);box-shadow:0 12px 32px #00000047}.topnav__menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;color:var(--text);font-size:13px;font-weight:550;text-align:left}.topnav__menu button:hover{background:var(--hover)}.topnav__menu-sep{display:block;height:1px;margin:4px 8px;background:var(--line)}.topnav__divider{flex:0 0 auto;width:1px;height:20px;margin:0 2px;background:var(--line)}.topnav__new{padding-inline:12px}.topnav .navbtn,.topnav .ui-btn,.navbtn__text{white-space:nowrap}@media(max-width:960px){.topnav{grid-template-columns:1fr auto;gap:8px}.topnav__divider{display:none}.topnav__new{width:32px;min-width:32px;padding-inline:0}}@media(max-width:520px){.topnav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "modes modes";height:auto;padding:8px 12px;row-gap:8px}.topnav__left{grid-area:brand}.topnav__right{grid-area:actions}.topnav .modes{grid-area:modes;position:static;left:auto;top:auto;transform:none;margin:0 auto;justify-self:center}.topnav--home{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";height:56px;padding:0 12px;row-gap:0}}.settings-toggle{display:none;align-items:center;gap:8px;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:12.5px;text-align:left}.settings-toggle__label{flex:0 0 auto;font-weight:600}.settings-toggle__summary{flex:1 1 auto;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft)}.settings-toggle svg{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.settings-toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media(max-width:960px){.settings-toggle{display:flex}.settings-toggle:not([aria-expanded=true])~.field,.settings-toggle:not([aria-expanded=true])~.cost,.settings-toggle:not([aria-expanded=true])~.panel__hint{display:none}}.quality-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:6px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:11px;color:var(--text-soft)}.quality-badge--high{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}