.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.topbar__brand{align-items:center;gap:12px;display:flex}.topbar__mark{flex-shrink:0;display:block}.topbar h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700}.topbar p{color:var(--text-faint);margin:2px 0 0;font-size:12px}.topbar__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--fill);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--pill);padding:7px 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s}.chip:hover{background:var(--fill-hover);border-color:var(--line-strong);color:var(--text)}.chip--primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px 0 0 #ffffff47, var(--accent-glow);border-color:#0000;font-weight:600}.chip--primary:hover{color:var(--accent-ink);background:#ff6f73;border-color:#0000}.eyebrow{background:var(--fill);border:1px solid var(--line);border-radius:var(--pill);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;align-items:center;gap:7px;padding:5px 12px 5px 10px;font-size:10.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.workspace{flex:1;grid-template-columns:minmax(380px,1.12fr) minmax(420px,1.28fr) 324px;gap:14px;min-height:0;padding:14px;display:grid}.pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sheen);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 14px;display:flex}.pane__head--tabs{flex-wrap:wrap;row-gap:8px}.pane__hint{color:var(--text-faint);text-align:right;font-size:11px}.pane__body{flex:1;min-height:0;overflow:auto}.pane__body--output{background:var(--surface-sunken)}.modes{border:1px solid var(--line);border-radius:var(--pill);background:#ffffff0a;gap:3px;padding:3px;display:flex}.mode{color:var(--text-dim);border-radius:var(--pill);white-space:nowrap;background:0 0;border:none;padding:5px 15px;font-size:12.5px;font-weight:500;transition:color .15s,background .15s}.mode:hover{color:var(--text)}.mode--active,.mode--active:hover{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-edge)}.toggles{gap:5px;display:flex}.toggle{color:var(--text-faint);border:1px solid var(--line);border-radius:var(--pill);white-space:nowrap;background:0 0;padding:6px 11px;font-size:11.5px;transition:color .15s,border-color .15s,background .15s}.toggle:hover{color:var(--text-dim);border-color:var(--line-strong)}.toggle--active,.toggle--active:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff1a}.subtabs{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:2px;padding:0 14px;display:flex;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}.subtabs__spacer{flex:1;min-width:8px}.subtab{color:var(--text-faint);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:11px 10px;font-size:12.5px;font-weight:500;transition:color .15s;position:relative}.subtab:hover{color:var(--text-dim)}.subtab--active,.subtab--active:hover{color:var(--text)}.subtab--active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.bytes{font-family:var(--mono);color:var(--text-faint);flex-shrink:0;margin-right:8px;font-size:11px}.subtabs .chip{white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:12px}.preview-stage{justify-content:center;min-height:100%;padding:24px 18px;display:flex}.preview-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;height:100%;min-height:560px;transition:width .18s;box-shadow:0 18px 50px -22px #000000e6}.code-block,.error-block{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--text-dim);margin:0;padding:18px;font-size:11.5px;line-height:1.65}.error-block{color:var(--error);background:#ff5a5f0f}.audit{flex-direction:column;height:100%;display:flex;overflow:auto}.audit__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:11px 14px;display:flex}.audit__head h2{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.audit--empty{padding:18px}.audit--empty h2{font-family:var(--display);margin:0 0 8px;font-size:14px;font-weight:700}.audit--empty p{color:var(--text-faint);margin:0;font-size:12.5px;line-height:1.6}.audit__badge{border-radius:var(--pill);white-space:nowrap;padding:4px 11px;font-size:11px;font-weight:600}.audit__badge--error{color:var(--error);background:#ff5a5f24;box-shadow:inset 0 0 0 1px #ff5a5f47}.audit__badge--warning{color:var(--warning);background:#f5b54424;box-shadow:inset 0 0 0 1px #f5b54447}.audit__badge--pass{color:var(--pass);background:#4ade8021;box-shadow:inset 0 0 0 1px #4ade8042}.clip-meter{border-bottom:1px solid var(--line);padding:16px 14px}.clip-meter__head{color:var(--text-faint);justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11.5px;display:flex}.clip-meter__head strong{font-family:var(--mono);color:var(--text);font-weight:500}.clip-meter__track{border-radius:var(--pill);background:#ffffff12;height:6px;overflow:hidden}.clip-meter__fill{border-radius:var(--pill);height:100%;transition:width .25s}.clip-meter__fill--pass{background:var(--pass)}.clip-meter__fill--warning{background:var(--warning)}.clip-meter__fill--error{background:var(--error)}.audit__list{margin:0;padding:0;list-style:none}.finding{border-bottom:1px solid #ffffff0f;gap:11px;padding:13px 14px;display:flex}.finding__icon{border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:grid}.finding--error .finding__icon{color:var(--error);background:#ff5a5f29}.finding--warning .finding__icon{color:var(--warning);background:#f5b54429}.finding--pass .finding__icon{color:var(--pass);background:#4ade8024}.finding__body{min-width:0}.finding__title{margin:0;font-size:12.5px;font-weight:600}.finding--pass .finding__title{color:var(--text-dim);font-weight:500}.finding__detail{color:var(--text-faint);margin:5px 0 0;font-size:11.5px;line-height:1.55}.finding__context{font-family:var(--mono);color:var(--text-dim);word-break:break-all;background:#ffffff0d;border-radius:5px;margin-top:7px;padding:3px 7px;font-size:10.5px;display:inline-block}.share-gate{background:var(--surface-raised);border:1px solid var(--line);border-left:2px solid var(--warning);border-radius:var(--radius);margin:18px;padding:20px}.share-gate h2{font-family:var(--display);margin:0 0 8px;font-size:15px;font-weight:700}.share-gate p{color:var(--text-dim);max-width:62ch;margin:0 0 16px;font-size:12.5px;line-height:1.65}.share-gate code{font-family:var(--mono);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:11.5px}.share-gate .chip+.chip{margin-left:6px}.crash{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--sheen);margin:80px auto;padding:26px}.crash h1{font-family:var(--display);margin:0 0 12px;font-size:18px;font-weight:700}.crash pre{border-radius:var(--radius);font-family:var(--mono);color:var(--error);white-space:pre-wrap;background:#ffffff0d;margin:0 0 18px;padding:12px;font-size:12px}.cm-editor,.cm-editor .cm-gutters,.cm-theme-dark .cm-editor,.cm-theme-dark .cm-editor .cm-gutters{background:0 0;border:none;height:100%}.cm-editor .cm-scroller{font-family:var(--mono);padding:6px 0;line-height:1.65}.cm-editor .cm-gutters{color:var(--text-faint)}.cm-editor .cm-lineNumbers .cm-gutterElement{padding-left:12px;padding-right:10px}.cm-editor .cm-content{padding-right:14px}.cm-editor.cm-focused{outline:none}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:#ff5a5f38}.cm-editor .cm-cursor{border-left-color:var(--accent)}@media (width<=1200px){.workspace{grid-template-rows:minmax(320px,1fr) minmax(320px,1fr);grid-template-columns:1fr 1fr}.pane--audit{grid-column:span 2}}@media (width<=760px){.workspace{grid-template-rows:none;grid-template-columns:1fr}.pane--audit{grid-column:span 1}.pane{min-height:400px}.pane__hint{display:none}}:root{--bg:#030711;--surface:#0b1020;--surface-raised:#121828;--surface-sunken:#070b16;--line:#ffffff1a;--line-strong:#ffffff29;--fill:#ffffff0d;--fill-hover:#ffffff17;--sheen:inset 0 1px 0 0 #ffffff0f;--text:#e1e7ef;--text-dim:#b6bdcc;--text-faint:#6b7488;--accent:#ff5a5f;--accent-ink:#2a0e10;--accent-soft:#ff5a5f24;--accent-edge:#ff5a5f52;--accent-glow:0 0 0 1px #ff5a5f2e, 0 8px 24px -6px #ff5a5f73;--error:#ff5a5f;--warning:#f5b544;--pass:#4ade80;--radius:10px;--radius-lg:16px;--pill:999px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display:"Satoshi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(70rem 34rem at 18% -12%,#ff5a5f1a,#0000 60%),radial-gradient(58rem 30rem at 92% 4%,#5684ff17,#0000 62%);background-attachment:fixed;font-size:14px}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}