@font-face{font-family:Smiley Sans;src:local("Smiley Sans Oblique"),local("Smiley Sans"),local("SmileySans-Oblique");font-display:swap}@property --amb1{syntax: "<color>"; inherits: true; initial-value: #4C5FD5;}@property --amb2{syntax: "<color>"; inherits: true; initial-value: #F3D3E4;}@property --amb3{syntax: "<color>"; inherits: true; initial-value: #8B6BAE;}:root{--bg: #F3F1F4;--card: rgba(255, 255, 255, .74);--card-solid: #FFFFFF;--ink: #17161A;--ink-2: #4B4952;--ink-3: #86838E;--ink-4: #B7B4BD;--line: rgba(23, 22, 26, .08);--line-2: rgba(23, 22, 26, .16);--field: rgba(23, 22, 26, .05);--field-hover: rgba(23, 22, 26, .085);--chip: rgba(23, 22, 26, .045);--chip-hover: rgba(23, 22, 26, .09);--chip-on: #17161A;--chip-on-ink: #FFFFFF;--danger: #E5484D;--shadow: 0 1px 2px rgba(20, 18, 30, .04), 0 14px 44px -14px rgba(20, 18, 30, .22);--shadow-sm: 0 1px 2px rgba(20, 18, 30, .06), 0 4px 14px -6px rgba(20, 18, 30, .14);--r-card: 24px;--r-ctl: 12px;--amb-opacity: .6;--sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;--serif: "Instrument Serif", "Songti SC", "SimSun", "Noto Serif SC", Georgia, serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: var(--sans);--font-serif: var(--serif);--font-mono: var(--mono);--amb1: #4C5FD5;--amb2: #F3D3E4;--amb3: #8B6BAE;--bg-app: var(--bg);--bg-panel: var(--card);--bg-card: var(--card);--bg-card-hover: var(--card-solid);--bg-input: var(--field);--bg-btn-soft: var(--chip);--bg-btn-soft-hover: var(--chip-hover);--bg-seg-active: var(--chip-on);--text-seg-active: var(--chip-on-ink);--border-subtle: var(--line);--border-medium: var(--line-2);--border-focus: var(--ink);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-tertiary: var(--ink-3);--shadow-card: var(--shadow);--ambient-opacity: var(--amb-opacity);--transition-theme: background-color .3s cubic-bezier(.16, 1, .3, 1), color .3s cubic-bezier(.16, 1, .3, 1), border-color .3s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark],[data-theme=dark]{--bg: #0E0D12;--card: rgba(26, 25, 32, .7);--card-solid: #1A1920;--ink: #F2F0F5;--ink-2: #BDBAC6;--ink-3: #7F7C8A;--ink-4: #55525F;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .17);--field: rgba(255, 255, 255, .06);--field-hover: rgba(255, 255, 255, .1);--chip: rgba(255, 255, 255, .06);--chip-hover: rgba(255, 255, 255, .11);--chip-on: #F2F0F5;--chip-on-ink: #17161A;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 18px 50px -14px rgba(0, 0, 0, .65);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px -6px rgba(0, 0, 0, .4);--amb-opacity: .42;--bg-app: var(--bg);--bg-panel: var(--card);--bg-card: var(--card);--bg-card-hover: var(--card-solid);--bg-input: var(--field);--bg-btn-soft: var(--chip);--bg-btn-soft-hover: var(--chip-hover);--bg-seg-active: var(--chip-on);--text-seg-active: var(--chip-on-ink);--border-subtle: var(--line);--border-medium: var(--line-2);--border-focus: var(--ink);--text-primary: var(--ink);--text-secondary: var(--ink-2);--text-tertiary: var(--ink-3);--shadow-card: var(--shadow);--ambient-opacity: var(--amb-opacity)}.tabs{display:flex;background:var(--bg-input);border-radius:12px;padding:4px;margin-bottom:24px;border:1px solid var(--border-subtle)}.tabs [role=tab]{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:center}.tabs [role=tab]:hover{color:var(--text-primary)}.tabs [role=tab][aria-selected=true],.tabs [role=tab].active{background:var(--bg-seg-active);color:var(--text-seg-active);box-shadow:0 2px 8px #00000026}.ctl{margin-bottom:24px}.label{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.label span{font-size:11px;font-weight:400;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.labelrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.labelrow .label{margin-bottom:0}.mini-actions{display:flex;gap:6px}.note{font-size:11.5px;color:var(--text-tertiary);margin-top:6px;line-height:1.45}.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chip,.seg-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid transparent;background:var(--chip);color:var(--ink);border-radius:var(--r-ctl, 12px);padding:8px 10px;cursor:pointer;text-align:left;line-height:1.35;font-size:12px;font-weight:500;transition:background .15s,color .15s,transform .12s;min-height:48px}.chip:hover,.seg-btn:hover{background:var(--chip-hover)}.chip:active,.seg-btn:active{transform:scale(.98)}.chip[aria-pressed=true],.chip.active,.chip.selected,.seg-btn.active,.seg-btn.selected{background:var(--chip-on);color:var(--chip-on-ink);box-shadow:var(--shadow-sm)}.chip .jp,.chip .seg-sub,.seg-btn .seg-sub,.seg-btn .jp{display:block;font-size:10px;font-weight:400;letter-spacing:.03em;color:var(--ink-3);margin-top:1px;min-height:14px;line-height:14px}.chip[aria-pressed=true] .jp,.chip[aria-pressed=true] .seg-sub,.chip.active .jp,.chip.active .seg-sub,.seg-btn.active .seg-sub,.seg-btn.selected .seg-sub{color:inherit;opacity:.65}.chip-c{text-align:center;align-items:center;justify-content:center;min-height:38px}.chip-genre{position:relative;padding-bottom:20px;min-height:56px}.bar{position:absolute;left:10px;right:10px;bottom:8px;height:4px;border-radius:2px;box-shadow:0 1px 2px #00000026}.compass{display:grid;grid-template-columns:repeat(3,42px);gap:6px}.dir,.compass-btn{aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid transparent;background:var(--chip);color:var(--ink);cursor:pointer;min-height:unset;transition:background .15s,color .15s}.dir svg,.compass-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dir:hover,.compass-btn:hover{background:var(--chip-hover)}.dir[aria-pressed=true],.dir.active,.compass-btn.active,.compass-btn.selected{background:var(--chip-on);color:var(--chip-on-ink)}.dir-center{display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.slider{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;gap:10px;margin-bottom:10px}.slabel{font-size:11.5px;color:var(--ink-2);font-weight:500}.range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer;--fill: 50%}.range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--ink-4) var(--fill),var(--field-hover) 0)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--card-solid);border:2px solid var(--ink);margin-top:-5px;box-shadow:0 1px 4px #0003}.range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--ink-4) var(--fill),var(--field-hover) 0)}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--card-solid);border:2px solid var(--ink)}.slider output{font-family:var(--mono);font-size:11.5px;text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.rows{display:flex;flex-direction:column;gap:8px}.color-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;transition:all .15s ease}.color-row.active{border-color:var(--accent-primary);background:var(--bg-card-hover)}.swatch{-webkit-appearance:none;appearance:none;width:34px;height:34px;padding:0;border:2px solid var(--card-solid);border-radius:50%;background:transparent;cursor:pointer;box-shadow:0 0 0 1px var(--line-2)}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0;border-radius:50%}.swatch::-moz-color-swatch{border:0;border-radius:50%}.field{flex:1;padding:8px 12px;border-radius:var(--r-ctl, 12px);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color .15s ease}.field.hex,.field.hex-input{font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase}.color-field-wrap{position:relative;flex:1;display:flex;align-items:center;min-width:0}.color-field-wrap .field.hex-input{width:100%;padding-right:88px}.color-name-badge{position:absolute;right:12px;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);pointer-events:none;text-transform:uppercase;white-space:nowrap;user-select:none}.field.invalid{border-color:#ef4444}.field:focus{border-color:var(--border-focus)}.field.num{width:60px;flex:none;text-align:center}.xbtn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-tertiary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.xbtn:hover:not(:disabled){background:#ef444426;color:#ef4444}.xbtn:disabled{opacity:.3;cursor:not-allowed}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px}.preset,.preset-card{border:0;background:transparent;padding:0;margin:0;display:grid;justify-items:center;gap:6px;cursor:pointer;color:var(--ink);text-align:center;transition:transform .15s ease;min-height:84px}.preset canvas,.preset-thumb{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 1px var(--line-2);transition:transform .15s ease,box-shadow .15s ease;object-fit:cover;flex-shrink:0}.preset:hover canvas,.preset-card:hover .preset-thumb{transform:scale(1.07)}.preset[aria-pressed=true] canvas,.preset.active canvas,.preset-card.active .preset-thumb{box-shadow:0 0 0 2px var(--card-solid),0 0 0 4px var(--ink)}.pname,.preset-label{display:flex;flex-direction:column;align-items:center}.pname,.preset-label b{font-size:11px;line-height:1.2;text-align:center;font-weight:500;color:var(--ink)}.pjp,.preset-label small{display:block;font-size:10px;line-height:1.2;color:var(--ink-3);text-align:center;min-height:12px}.tabpane .btn{width:100%}.btn-soft:disabled{opacity:.4;cursor:not-allowed}.icon-btn{width:38px;height:38px;border-radius:9px;background:var(--bg-btn-soft);border:1px solid var(--border-subtle);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:var(--bg-btn-soft-hover);border-color:var(--border-medium)}.icon-btn svg{width:18px;height:18px;fill:currentColor}.code{width:100%;height:140px;padding:10px 12px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;resize:vertical;outline:none}.kv{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.kv b{color:var(--text-primary);font-family:var(--font-mono)}.stack{display:flex;flex-direction:column;gap:12px}.subfield{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.pair{display:flex;align-items:center;gap:8px}.selwrap{position:relative;width:100%}.selwrap select{width:100%;cursor:pointer}.font-pairs-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip-sm{border:1px solid transparent;background:var(--chip, rgba(23, 22, 26, .05));color:var(--text-primary);border-radius:var(--r-ctl, 12px);padding:5px 9px;font-size:11.5px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,transform .12s;white-space:nowrap}.chip-sm:hover{background:var(--chip-hover, rgba(23, 22, 26, .1))}.chip-sm.active,.chip-sm.selected{background:var(--chip-on, #17161A);color:var(--chip-on-ink, #FFFFFF)}.spots{position:absolute;inset:0;pointer-events:none;z-index:10}.spot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:3px solid #ffffff;box-shadow:0 0 0 1px #00000024,0 3px 10px #00000059;cursor:grab;pointer-events:auto;touch-action:none;transition:transform .12s ease;user-select:none;outline:none;background-color:var(--spot-color, #ffffff)}.spot:hover,.spot:focus-visible{transform:scale(1.15)}.spot.dragging,.spot:active{cursor:grabbing;transform:scale(1.2);z-index:20}.spot-ring{display:none}.spot-tag{position:absolute;left:34px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:999px;background:#ffffffdb;color:#17161a;font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap;box-shadow:0 2px 10px #0000002e;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spot.flip .spot-tag{left:auto;right:34px}.spot-dot,.spot-tag i{width:11px;height:11px;border-radius:50%;display:inline-block;background-color:var(--spot-color, #ffffff);box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0}.spot-name,.spot-tag .nm{color:#17161a;font-weight:600;font-size:11px}.spot-hex,.spot-tag code{font-family:var(--mono);font-weight:500;color:#7a778a;letter-spacing:0;font-size:10.5px}.spot-coords{display:none}@media(max-width:700px){.spot-tag{display:none}}.ambient{position:fixed;inset:-12vh -12vw;z-index:0;pointer-events:none;opacity:var(--amb-opacity, .6);background:radial-gradient(42% 55% at 16% 20%,var(--amb1),transparent 72%),radial-gradient(38% 50% at 84% 16%,var(--amb2),transparent 72%),radial-gradient(50% 60% at 55% 92%,var(--amb3),transparent 72%);transition:opacity .4s ease}.splash{position:fixed;inset:0;background:#090a0f;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.splash.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-text{font-family:var(--font-serif);font-size:42px;letter-spacing:.12em;color:#fff;text-shadow:0 0 20px rgba(99,102,241,.8),0 0 40px rgba(99,102,241,.4);animation:neon-flicker 1.5s ease-in-out infinite alternate}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 20px rgba(99,102,241,.8),0 0 40px rgba(99,102,241,.4)}20%,24%,55%{opacity:.4;text-shadow:none}}.top{position:relative;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:28px clamp(16px,3vw,40px) 18px;max-width:1520px;margin:0 auto}.brand h1{margin:0;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05;letter-spacing:-.005em;color:var(--ink)}.brand p{margin:5px 0 0;color:var(--ink-3);font-size:12.5px}.top-actions{display:flex;align-items:center;gap:14px}.lang-switch{display:inline-flex;align-items:center}.lang-switch-group{display:inline-flex;align-items:center;padding:3px;background:var(--chip);border:1px solid var(--line);border-radius:999px;gap:2px}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:4px 9px;font-family:var(--sans);font-size:11.5px;font-weight:500;line-height:1;color:var(--ink-3);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.lang-btn:hover{color:var(--ink);background:var(--chip-hover)}.lang-btn.active{color:var(--chip-on-ink);background:var(--chip-on);font-weight:600;box-shadow:0 1px 3px #00000026}.lang-btn-ext{color:var(--ink-4)}.lang-btn-ext:hover{color:var(--ink-2)}.lang-btn .ext-ico{opacity:.7;transition:transform .15s ease}.lang-btn-ext:hover .ext-ico{transform:translate(1px,-1px);opacity:1}.brand-mark{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.35;padding:0 .06em;letter-spacing:.01em;white-space:nowrap;text-decoration:none;background:linear-gradient(135deg,#17161a94,#17161a52 46%,#17161aa3);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(23,22,26,.2);filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 0 14px rgba(255,255,255,.6));transition:filter .2s}.brand-mark:hover{filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(255,255,255,.85))}:root[data-theme=dark] .brand-mark,[data-theme=dark] .brand-mark{background:linear-gradient(135deg,#f4f2f6b8,#f4f2f66b 46%,#f4f2f6c7);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(244,242,246,.3);filter:drop-shadow(0 1px 0 rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(20,19,23,.55))}.app{position:relative;z-index:10;display:grid;grid-template-columns:344px minmax(0,1fr);gap:20px;align-items:start;padding:0 clamp(16px,3vw,40px) 36px;max-width:1520px;margin:0 auto}.panel{background:var(--card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:var(--r-card, 24px);box-shadow:var(--shadow);padding:14px 18px 22px}.stage{display:grid;gap:14px;position:sticky;top:20px}.stage-card{background:var(--card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:var(--r-card, 24px);box-shadow:var(--shadow);padding:12px}.frame{position:relative;aspect-ratio:var(--ar, 16/9);width:min(100%,calc(66vh * var(--arn, 1.7778)));margin:0 auto;border-radius:16px;overflow:hidden;background:#15141a}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}#txt{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.band-wrap{display:grid;gap:6px;padding:0 4px}.band{height:12px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014;transition:background .2s ease}.stage-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:0 4px}.meta{font-size:12.5px;color:var(--ink-2);display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}.meta b{font-family:var(--serif);font-weight:400;font-size:21px;color:var(--ink);letter-spacing:-.005em}.meta .jpn{color:var(--ink-3);font-size:11.5px}.meta .sep{color:var(--ink-4)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.actions .btn{width:auto}.status{margin:0;min-height:1.6em;font-size:11.5px;color:var(--ink-3);padding:0 4px}.btn{border:0;border-radius:999px;background:var(--ink);color:var(--chip-on-ink);padding:11px 20px;font-weight:600;font-size:12.5px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s,opacity .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.35;cursor:not-allowed;transform:none}.btn-soft{border:1px solid var(--line);border-radius:999px;background:var(--card-solid);color:var(--ink);padding:10px 16px;font-weight:500;font-size:12.5px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.btn-soft:hover{background:var(--field)}.btn-soft.sm{padding:6px 11px;font-size:11.5px;box-shadow:none;background:var(--field);border-color:transparent}.btn-soft.sm:hover{background:var(--field-hover)}.btn-ico{width:14px;height:14px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:-2px}.btn-ico.sm{width:12px;height:12px;margin-right:4px;vertical-align:-1px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card-solid);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);color:var(--ink);padding:0;transition:background .15s,color .15s}.icon-btn:hover{background:var(--field)}.icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn[aria-pressed=true]{background:var(--ink);color:var(--chip-on-ink);border-color:var(--ink)}.icon-btn.off{opacity:.38;pointer-events:none}.icon-btn[aria-pressed=true] .ico-play,.icon-btn[aria-pressed=false] .ico-pause{display:none}.foot{position:relative;z-index:10;max-width:1520px;margin:40px auto 20px;padding:20px 32px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;font-size:11.5px;color:var(--text-tertiary);text-align:center}.foot a{color:var(--text-secondary);text-decoration:underline}@media(max-width:1100px){.app{grid-template-columns:312px 1fr;gap:24px;padding:0 20px 20px}}@media(max-width:980px){.app{display:flex;flex-direction:column}.stage{order:-1;position:static;width:100%}.panel{position:static;max-height:none;width:100%}.frame{width:min(100%,calc(58vh * var(--arn, 1.7778)));margin:0 auto}}@media(max-width:700px){.top{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.stage-foot{flex-direction:column;align-items:stretch}.actions{flex-wrap:wrap;justify-content:stretch}.actions .btn,.actions .btn-soft{flex:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}body{min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.code::-webkit-scrollbar,textarea::-webkit-scrollbar{width:6px;height:6px}.code::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:transparent}.code::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}.code::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}