@keyframes stx-spin{to{transform:rotate(360deg)}}.stx-app{--stx-bg:#ffffff;--stx-panel:#f7f7f8;--stx-ink:#1a1a1e;--stx-muted:#5d5d66;--stx-line:rgba(26, 26, 30, 0.12);--stx-line-strong:rgba(26, 26, 30, 0.28);--stx-accent:#b23c0a;--stx-accent-ink:#ffffff;--stx-accent-soft:#fde7dc;--stx-stage:#e9e9ed;--stx-stage-2:#f6f6f8;--stx-chip:rgba(255, 255, 255, 0.86);--stx-warn:#8a4b00;--stx-warn-bg:#fff4dc;--stx-font:var(--font-body-family, "Assistant"), "Helvetica Neue", Arial, sans-serif;--stx-font-head:var(--font-heading-family, "Assistant"), "Helvetica Neue", Arial, sans-serif;--stx-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--stx-r-btn:40px;--stx-r-in:10px;font-family:var(--stx-font);color:var(--stx-ink);background:var(--stx-bg);font-size:15px;line-height:1.45;max-width:1400px;margin:0 auto;padding-block:12px 16px;padding-left:max(16px,env(safe-area-inset-left,0));padding-right:max(16px,env(safe-area-inset-right,0));-webkit-font-smoothing:antialiased}.stx-app,.stx-app *,.stx-app ::after,.stx-app ::before{box-sizing:border-box}.stx-app button,.stx-app input{font:inherit;color:inherit}.stx-app [hidden]{display:none!important}.stx-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;margin-bottom:10px}.stx-head-text{max-width:62ch;min-width:0}.stx-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stx-accent)}.stx-title{margin:0;font-family:var(--stx-font-head);font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.stx-lede{margin:6px 0 0;color:var(--stx-muted);font-size:15px}.stx-privacy{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px 12px;border-radius:var(--stx-r-btn);background:var(--stx-panel);font-size:13px;color:var(--stx-ink)}.stx-privacy svg{width:18px;height:18px;color:var(--stx-accent);flex:none}.stx-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;border:1px solid var(--stx-line);border-radius:14px;overflow:hidden;height:clamp(600px,80vh,880px);background:var(--stx-bg)}.stx-view{position:relative;min-width:0;background:radial-gradient(120% 90%at 50% 20%,var(--stx-stage-2),var(--stx-stage));touch-action:none}.stx-view canvas{display:block;width:100%;height:100%;outline:0;cursor:grab}.stx-view canvas:active{cursor:grabbing}.stx-side{border-left:1px solid var(--stx-line);overflow-y:auto;overscroll-behavior:contain;background:var(--stx-bg)}.stx-overlay{position:absolute;left:12px;right:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;pointer-events:none}.stx-overlay>*{pointer-events:auto}.stx-top{top:12px;padding-right:110px}.stx-bottom{bottom:10px;justify-content:space-between;font-size:12px;color:var(--stx-muted)}.stx-status{background:var(--stx-chip);padding:5px 10px;border-radius:var(--stx-r-btn);font-variant-numeric:tabular-nums;color:var(--stx-ink);backdrop-filter:blur(6px)}.stx-hint{opacity:.85}.stx-fit{position:absolute;top:12px;right:12px}.stx-chip,.stx-swatches{border-radius:var(--stx-r-btn);background:var(--stx-chip);border:1px solid var(--stx-line)}.stx-chip{padding:5px 12px;font-size:13px;cursor:pointer;backdrop-filter:blur(6px)}.stx-chip[aria-pressed=true]{background:var(--stx-ink);color:var(--stx-bg);border-color:var(--stx-ink)}.stx-swatches{display:flex;gap:5px;padding:5px 7px}.stx-sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:var(--sw);cursor:pointer;padding:0}.stx-sw.is-on{box-shadow:0 0 0 2px var(--stx-bg),0 0 0 3.5px var(--stx-ink)}.stx-drop{position:absolute;inset:10px;border:2px dashed var(--stx-accent);border-radius:12px;background:color-mix(in srgb,var(--stx-accent-soft) 80%,transparent);display:grid;place-items:center;text-align:center;pointer-events:none}.stx-drop div{display:grid;gap:2px}.stx-drop strong{font-size:22px}.stx-busy{position:absolute;left:50%;top:56px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--stx-r-btn);background:var(--stx-ink);color:var(--stx-bg);font-size:13px}.stx-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:stx-spin .8s linear infinite}.stx-sec{padding:18px 20px;border-bottom:1px solid var(--stx-line);display:grid;gap:12px}.stx-sec:last-child{border-bottom:0}.stx-h,.stx-n{font-weight:700}.stx-h{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--stx-font-head);font-size:17px}.stx-n{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--stx-accent-soft);color:var(--stx-accent);font-size:12px;flex:none}.stx-file{display:flex;align-items:center;justify-content:space-between;gap:12px}.stx-file-info{display:grid;min-width:0}.stx-file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stx-file-info span{font-variant-numeric:tabular-nums}.stx-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.stx-file-info span,.stx-label{font-size:13px;color:var(--stx-muted)}.stx-label{min-width:78px}.stx-link{background:0 0;border:0;padding:0;font-size:13px;color:var(--stx-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.stx-link:hover{color:var(--stx-ink)}.stx-btn,.stx-mini{border-radius:var(--stx-r-btn);cursor:pointer;font-weight:600}.stx-mini{min-width:34px;height:28px;border:1px solid var(--stx-line-strong);background:var(--stx-bg);font-size:13px}.stx-mini:hover{border-color:var(--stx-ink)}.stx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.stx-btn-line{border:1px solid var(--stx-ink);background:var(--stx-bg);padding:8px 16px;font-size:14px}.stx-btn-line:hover,.stx-seg button.is-on,.stx-seg button[aria-checked=true]{background:var(--stx-ink);color:var(--stx-bg)}.stx-btn-main{width:100%;border:0;padding:14px 20px;font-size:16px;background:var(--stx-accent);color:var(--stx-accent-ink)}.stx-btn-main:hover{background:#8f3008}.stx-btn-main:disabled{opacity:.55;cursor:progress;background:var(--stx-accent)}.stx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stx-tex,.stx-val em{color:var(--stx-muted)}.stx-tex{display:grid;grid-template-rows:auto 2.3em;align-content:start;gap:4px;padding:0;border:0;background:0 0;cursor:pointer;text-align:center;font-size:11.5px;line-height:1.15}.stx-tex .stx-tex-add,.stx-tex canvas{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid var(--stx-line);display:block;background:var(--stx-panel)}.stx-tex .stx-tex-add{display:grid;place-items:center;font-size:22px;color:var(--stx-muted)}.stx-tex:hover .stx-tex-add,.stx-tex:hover canvas{border-color:var(--stx-line-strong)}.stx-tex[aria-selected=true]{color:var(--stx-ink);font-weight:700}.stx-tex[aria-selected=true] .stx-tex-add,.stx-tex[aria-selected=true] canvas{border-color:var(--stx-accent);box-shadow:0 0 0 2px var(--stx-accent)}.stx-field{display:grid;gap:6px}.stx-fl,.stx-val{align-items:center}.stx-fl{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.stx-val{display:inline-flex;gap:4px;font-weight:400;font-variant-numeric:tabular-nums}.stx-val em{font-style:normal;font-size:13px}.stx-val input,.stx-val output{width:64px;padding:3px 7px;border:1px solid var(--stx-line-strong);border-radius:var(--stx-r-in);background:var(--stx-bg);text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.stx-val output{border-color:transparent;width:auto;padding-inline:2px}.stx-app input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:0 0;cursor:pointer;margin:0}.stx-app input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--stx-accent) var(--p, 50%),var(--stx-line) var(--p, 50%))}.stx-app input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--stx-line)}.stx-app input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--stx-accent)}.stx-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--stx-bg);border:2px solid var(--stx-accent)}.stx-app input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--stx-bg);border:2px solid var(--stx-accent)}.stx-seg,.stx-seg button{border-radius:var(--stx-r-btn)}.stx-seg{display:inline-flex;padding:3px;background:var(--stx-panel);border:1px solid var(--stx-line);gap:2px}.stx-view .stx-seg{background:var(--stx-chip);backdrop-filter:blur(6px)}.stx-seg button{border:0;background:0 0;padding:5px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.stx-seg-full{display:flex}.stx-seg-full button{flex:1 1 0;padding-inline:4px;min-width:0}.stx-check small,.stx-note{color:var(--stx-muted);font-size:12.5px}.stx-note{margin:0}.stx-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;cursor:pointer}.stx-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--stx-accent);flex:none}.stx-check small{display:block}.stx-mask{display:grid;gap:10px;padding-top:10px;border-top:1px dashed var(--stx-line)}.stx-sub{padding-left:26px}.stx-sub .stx-fl{font-weight:400;font-size:13px;color:var(--stx-muted)}.stx-export{background:var(--stx-panel)}.stx-res-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--stx-muted)}.stx-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stx-stats div,.stx-warn{padding:8px 12px;border-radius:var(--stx-r-in)}.stx-stats div{background:var(--stx-bg);border:1px solid var(--stx-line)}.stx-stats dt{font-size:12px;color:var(--stx-muted)}.stx-stats dd{margin:0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.stx-warn{margin:0;background:var(--stx-warn-bg);color:var(--stx-warn);font-size:13px}.stx-progress{display:grid;gap:4px;font-size:12.5px;color:var(--stx-muted)}.stx-bar{height:6px;border-radius:6px;background:var(--stx-line);overflow:hidden}.stx-bar i{display:block;height:100%;width:0;background:var(--stx-accent);transition:width .2s}.stx-msg{margin:0;font-size:13px}.stx-app :focus-visible{outline:2px solid var(--stx-accent);outline-offset:2px}@media (max-width:900px){.stx-main{grid-template-columns:1fr;height:auto}.stx-view{height:58vh;min-height:340px}.stx-side{border-left:0;border-top:1px solid var(--stx-line);overflow:visible}.stx-hint{display:none}}@media (max-width:480px){.stx-top{padding-right:0;top:52px}.stx-swatches{display:none}.stx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}@media (prefers-reduced-motion:reduce){.stx-spin{animation-duration:2.4s}.stx-bar i{transition:none}}