.local-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);padding:9px 12px;background:rgba(255,255,255,.72);border:1px solid var(--border);border-radius:999px;white-space:nowrap;}.local-badge > span{width:7px;height:7px;border-radius:50%;background:#35a47f;box-shadow:0 0 0 4px rgba(53,164,127,.12);}.sx-console{max-width:var(--max);margin:auto;padding:28px;background:var(--surface);border:1px solid rgba(255,255,255,.92);border-radius:28px;box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}.sx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;}.sx-head h2{margin:4px 0 0;font-size:30px;letter-spacing:-.04em;}.sx-stage{display:grid;min-height:340px;}.sx-pane{grid-area:1/1;min-width:0;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility 0s .16s;}.sx-pane.is-active{opacity:1;visibility:visible;transition:opacity .22s ease .05s,visibility 0s;}.sx-pane.is-center{justify-content:center;align-items:center;text-align:center;}.sx-drop{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px 22px;text-align:center;cursor:pointer;border:1.5px dashed rgba(20,117,87,.3);border-radius:24px;background:rgba(255,255,255,.66);transition:border-color .18s ease,background .18s ease;}.sx-drop:hover,.sx-drop.dragover{border-color:var(--accent);background:rgba(236,248,242,.92);}.sx-drop:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}.sx-drop-ico,.sx-file-ico{display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(20,117,87,.14);}.sx-drop-ico{width:52px;height:52px;margin-bottom:10px;border-radius:16px;}.sx-drop-ico svg,.sx-file-ico svg,.sx-badge svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.sx-drop-title{margin:0;font:600 21px/1.3 'Space Grotesk',sans-serif;}.sx-drop-sub{margin:0 0 14px;color:var(--muted);font-size:13px;}.sx-drop .sx-btn{pointer-events:none;}.sx-small-note{margin:-5px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center;}.sx-file{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72);}.sx-file-ico{flex:none;width:44px;height:44px;border-radius:13px;border:0;}.sx-file-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;}.sx-file-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}.sx-file-meta span{font-size:12px;color:var(--muted);}.sx-x{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.7);color:var(--muted);font-size:22px;line-height:1;cursor:pointer;}.sx-x:hover{color:var(--danger);border-color:rgba(180,67,67,.25);}.sx-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}.sx-field{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);transition:opacity .15s;}.sx-field > span{display:flex;justify-content:space-between;gap:8px;}.sx-field b{color:var(--accent);font-weight:600;}.sx-field select,.sx-field input[type="text"]{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:rgba(247,250,248,.94);font-size:16px;}.sx-field select{padding-right:38px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371857b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;}.sx-field select:focus,.sx-field input[type="text"]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(20,117,87,.08);}.sx-field input[type="range"]{width:100%;min-height:46px;margin:0;accent-color:var(--accent);}.sx-field.is-off{opacity:.42;}.sx-pct{font:700 clamp(46px,11vw,66px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:var(--ink);}.sx-bar{width:100%;max-width:460px;height:8px;border-radius:99px;overflow:hidden;background:#e7eeea;}.sx-bar > i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .16s ease;}.sx-log{min-height:1.4em;margin:0;color:var(--muted);font-size:13px;}.sx-badge{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);}.sx-badge.is-err{color:var(--danger);background:rgba(180,67,67,.1);}.sx-result-title{margin:0;font-size:24px;letter-spacing:-.03em;}.sx-result-meta{margin:0;color:var(--muted);font-size:13px;max-width:100%;word-break:break-word;}.sx-console:focus-visible{outline-offset:3px;}@media (max-width:760px){.sx-head h2{font-size:26px;}}@media (max-width:600px){.sx-console{padding:18px;border-radius:22px;}.sx-head{flex-direction:column;align-items:flex-start;gap:10px;}.sx-drop{min-height:260px;}.sx-btn{min-height:52px;}}@media (prefers-reduced-motion:reduce){.sx-pane,.sx-pane.is-active,.sx-bar > i{transition:none;}}