:root{--font-serif: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, monospace;--paper: #F4F1EA;--paper-raised: #EEE9DC;--paper-deep: #E7E0CE;--ink: #1A1915;--ink-soft: #4A463A;--ink-muted: #8A8470;--rule: #D9D2BE;--rule-soft: #E4DFCE;--accent: #CC4A2B;--accent-soft: #E8AB98;--error: #B8321C;--error-wash: rgba(184, 50, 28, .08);--warn: #AF7A1C;--success: #6F7F55;--gutter-bg: #EDE7D6;--gutter-fg: #B2A98F;--line-active: #EBE5D2;--selection: #D8CCA7;--ease: cubic-bezier(.22, .61, .36, 1);--bg: var(--paper);--surface: var(--paper-raised);--border: var(--rule);--text: var(--ink);--text-muted: var(--ink-soft);--error-color: var(--error);--warn-color: var(--warn)}[data-theme=dark]{--paper: #1B1A16;--paper-raised: #23211C;--paper-deep: #17160F;--ink: #EAE4D2;--ink-soft: #A9A290;--ink-muted: #716A58;--rule: #322F25;--rule-soft: #2A2820;--accent: #E27556;--accent-soft: #4A2418;--error: #E15A46;--error-wash: rgba(225, 90, 70, .12);--warn: #CDA350;--success: #9AA77E;--gutter-bg: #16140E;--gutter-fg: #4F4A3C;--line-active: #252218;--selection: #3B3524}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;font-weight:300;color:var(--ink);background:var(--paper);line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}kbd{font-family:var(--font-mono);font-size:.85em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:240px 240px}[data-theme=dark] body:before{opacity:.06;mix-blend-mode:screen}.app{display:flex;flex-direction:column;height:100vh;position:relative}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:16px 32px 14px;border-bottom:1px solid var(--rule);background:var(--paper);flex-shrink:0;position:relative;z-index:10;animation:reveal .6s var(--ease) 0ms both}.topbar-brand{display:flex;flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.wordmark{display:flex;align-items:baseline;gap:6px;margin:0;font-family:var(--font-serif);letter-spacing:-.025em;line-height:1}.wordmark-primary{font-size:26px;font-weight:500;font-variation-settings:"opsz" 14,"SOFT" 30;color:var(--ink)}.wordmark-secondary{font-size:26px;font-weight:300;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 50;color:var(--ink-soft)}.topbar-tagline{margin:0;font-family:var(--font-sans);font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-tagline em{font-family:var(--font-serif);font-style:italic;font-size:11px;letter-spacing:0;text-transform:none}@media (max-width: 1100px){.topbar-tagline{display:none}}.topbar-center{display:flex;align-items:baseline;justify-content:center;gap:10px}.topbar-eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}.lang-select-wrap{position:relative;display:inline-flex;align-items:baseline}.lang-select-wrap:after{content:"⌄";position:absolute;right:4px;bottom:6px;font-family:var(--font-sans);font-size:11px;color:var(--ink-muted);pointer-events:none;transition:color .18s var(--ease)}.lang-select-wrap:hover:after{color:var(--accent)}.lang-select{font-family:var(--font-serif);font-size:19px;font-style:italic;font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.01em;color:var(--accent);padding:0 18px 1px 0;border:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-bottom:1px dotted var(--rule);transition:border-color .18s var(--ease)}.lang-select:hover{border-bottom-color:var(--accent)}.lang-select:focus-visible{outline:none;border-bottom:1px solid var(--accent)}.lang-select option{font-family:var(--font-sans);font-style:normal;font-size:14px;color:var(--ink);background:var(--paper)}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.error-badge{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px 5px;background:var(--error-wash);border:1px solid color-mix(in srgb,var(--error) 22%,transparent);border-radius:2px;animation:popIn .28s var(--ease)}.error-badge-num{font-family:var(--font-serif);font-size:18px;font-weight:500;font-variation-settings:"opsz" 144;font-feature-settings:"lnum";color:var(--error);line-height:1}.error-badge-label{font-family:var(--font-sans);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--error);opacity:.75}.theme-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:50%;font-size:13px;color:var(--ink-soft);background:transparent;transition:all .18s var(--ease)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(15deg)}.theme-toggle:active{transform:rotate(15deg) scale(.95)}.workspace{flex:1;display:flex;overflow:hidden;background:var(--paper)}.pane{display:flex;flex-direction:column;overflow:hidden;position:relative}.pane-input{flex:0 0 60%;background:var(--paper)}.pane-results{flex:1;background:var(--paper)}.pane-divider{width:1px;background:var(--rule);flex-shrink:0}.pane-label{display:flex;align-items:center;gap:16px;padding:16px 32px 14px;font-size:9.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--rule-soft);background:var(--paper);flex-shrink:0;animation:reveal .6s var(--ease) .15s both}.pane-label-text{flex-shrink:0}.pane-label-rule{flex:1;height:1px;background:var(--rule);opacity:.6}.diag-count{flex-shrink:0;font-family:var(--font-serif);font-size:12px;font-style:italic;font-weight:300;letter-spacing:0;text-transform:none;color:var(--error);font-feature-settings:"onum"}.diag-export{margin-left:8px;font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);background:transparent;border:1px solid transparent;padding:3px 8px;border-radius:2px;cursor:pointer;transition:all .16s var(--ease)}.diag-export:hover{color:var(--accent);border-color:var(--rule)}.diag-export:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-wrap{flex:1;overflow:hidden;background:var(--paper);animation:reveal .7s var(--ease) .25s both}.editor-wrap .cm-editor{height:100%;background:transparent}.editor-wrap .cm-scroller{background:transparent}.editor-wrap .cm-content{caret-color:var(--accent)}.editor-wrap .cm-cursor{border-left-color:var(--accent);border-left-width:2px}.editor-wrap .cm-gutters{background:var(--paper)!important;border-right:1px solid var(--rule-soft)!important}.editor-wrap .cm-lineNumbers .cm-gutterElement{color:var(--ink-muted)!important;opacity:.55;font-family:var(--font-mono);font-size:11px}.editor-wrap .cm-activeLine{background:var(--line-active)!important}.editor-wrap .cm-activeLineGutter{background:transparent!important}.editor-wrap .cm-activeLineGutter .cm-gutterElement{opacity:1;color:var(--ink-soft)!important}.editor-wrap .cm-selectionBackground,.editor-wrap ::selection{background:var(--selection)!important}.editor-wrap .ͼb{color:#8a4c2b}.editor-wrap .ͼc{color:#6f7f55}.editor-wrap .ͼg{color:#9a7a3e}.editor-wrap .ͼd{color:#8a8470;font-style:italic}.editor-wrap .cm-lintRange{background:none!important;padding-bottom:1px}.editor-wrap .cm-lintRange-error{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='3'><path d='M0 2 Q1.5 0 3 2 T6 2' stroke='%23B8321C' fill='none' stroke-width='1'/></svg>")!important;background-repeat:repeat-x!important;background-position:bottom left!important;animation:lintFadeIn .5s var(--ease)}.editor-wrap .cm-gutter-lint .cm-gutterElement{width:14px}.editor-wrap .cm-lint-marker-error{background-image:none;background-color:var(--error);width:6px;height:6px;border-radius:50%;margin:7px auto;box-shadow:0 0 0 3px var(--error-wash)}.pane-actions{display:flex;align-items:center;gap:22px;padding:14px 32px;border-top:1px solid var(--rule-soft);background:var(--paper);flex-shrink:0;animation:reveal .7s var(--ease) .3s both}.action-link{display:inline-flex;align-items:center;gap:6px;padding:0;font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;letter-spacing:.01em;position:relative;transition:color .16s var(--ease)}.action-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.action-link:hover{color:var(--accent)}.action-link:hover:after{transform:scaleX(1)}.action-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:1px}.action-link-glyph{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1;color:var(--accent);opacity:.85}.action-spacer{flex:1}.action-hint{font-family:var(--font-sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.action-hint kbd{display:inline-block;padding:1px 5px;margin:0 1px;font-family:var(--font-mono);font-size:10px;letter-spacing:0;text-transform:none;color:var(--ink-soft);background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px}.results-scroll{flex:1;overflow-y:auto;padding:24px 28px 40px;animation:reveal .7s var(--ease) .35s both}.empty-state,.clean-state{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;min-height:280px;padding:32px 4px;max-width:380px;position:relative}.empty-state:before,.clean-state:before{content:"·  ·  ·";position:absolute;top:8px;left:0;font-family:var(--font-serif);font-size:18px;letter-spacing:.6em;color:var(--ink-muted);opacity:.45}.empty-heading{font-family:var(--font-serif);font-size:32px;font-weight:300;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.018em;color:var(--ink);margin-bottom:14px;line-height:1.05}.empty-sub{font-size:13px;font-weight:300;color:var(--ink-soft);line-height:1.7;margin-bottom:22px}.empty-sub strong{color:var(--accent);font-weight:400;font-style:italic;font-family:var(--font-serif)}.empty-actions{margin-bottom:28px}.empty-cta{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 14px;font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--accent);background:transparent;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:3px;letter-spacing:.01em;transition:all .2s var(--ease)}.empty-cta:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);border-color:var(--accent)}.empty-cta-arrow{font-family:var(--font-serif);font-style:italic;font-size:16px;transition:transform .2s var(--ease)}.empty-cta:hover .empty-cta-arrow{transform:translate(3px)}.empty-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.empty-tips{list-style:none;padding:18px 0 0;margin:0;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--rule-soft);max-width:320px}.empty-tips li{font-size:11px;font-family:var(--font-sans);color:var(--ink-muted);line-height:1.6}.empty-tips kbd{display:inline-block;padding:1px 5px;margin:0 1px;font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);background:var(--paper-raised);border:1px solid var(--rule);border-radius:2px}.loading-state{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;min-height:280px;padding:40px 4px;max-width:380px}.loading-pulse{display:flex;gap:6px;margin-bottom:18px}.loading-pulse span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:loadPulse 1.1s var(--ease) infinite}.loading-pulse span:nth-child(2){animation-delay:.18s}.loading-pulse span:nth-child(3){animation-delay:.36s}@keyframes loadPulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.loading-heading{font-family:var(--font-serif);font-size:22px;font-weight:300;font-style:italic;letter-spacing:-.005em;color:var(--ink);margin-bottom:10px}.loading-sub{font-size:12px;font-weight:300;color:var(--ink-muted);line-height:1.6}.clean-state{padding-left:56px}.clean-icon{position:absolute;left:0;top:48px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--success);border:1px solid color-mix(in srgb,var(--success) 40%,transparent);border-radius:50%}.clean-heading{font-family:var(--font-serif);font-size:28px;font-weight:300;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 50;color:var(--success);margin-bottom:8px;letter-spacing:-.014em;line-height:1.05}.clean-sub{font-size:11px;font-family:var(--font-sans);font-weight:500;color:var(--ink-muted);letter-spacing:.22em;text-transform:uppercase}.error-list{display:flex;flex-direction:column;gap:28px}.error-card{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:10px 14px 32px;margin:0 -14px;border-bottom:1px solid var(--rule-soft);animation:errorSlideIn .48s var(--ease) both;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease);border-radius:2px;position:relative}.error-card:hover{background:color-mix(in srgb,var(--error-wash) 50%,transparent)}.error-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb,var(--error-wash) 50%,transparent)}.error-card:last-child{border-bottom:none;padding-bottom:8px}.error-card:nth-child(1){animation-delay:50ms}.error-card:nth-child(2){animation-delay:.13s}.error-card:nth-child(3){animation-delay:.21s}.error-card:nth-child(4){animation-delay:.29s}.error-card:nth-child(n+5){animation-delay:.37s}.error-num{font-family:var(--font-serif);font-size:68px;font-weight:300;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100;line-height:.85;color:var(--error);opacity:.92;letter-spacing:-.05em;font-feature-settings:"onum";align-self:start;-webkit-user-select:none;user-select:none;text-align:right;padding-right:4px;border-right:1px solid var(--rule-soft);margin-right:-4px}.error-body{padding-top:8px;min-width:0}.error-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.error-loc{font-family:var(--font-mono);font-size:11px;color:var(--ink-muted);letter-spacing:.02em}.error-type-badge{font-family:var(--font-sans);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--error);padding:2px 8px;border:1px solid color-mix(in srgb,var(--error) 25%,transparent);border-radius:2px}.error-card--network{cursor:default;background:color-mix(in srgb,var(--ink-muted) 8%,transparent);border-bottom-color:var(--rule-soft)}.error-card--network:hover{background:color-mix(in srgb,var(--ink-muted) 8%,transparent)}.error-card--network .error-num{color:var(--ink-muted);opacity:.7}.error-card--network .error-message{color:var(--ink-soft);font-style:italic}.error-card--network .error-type-badge{color:var(--ink-soft);border-color:color-mix(in srgb,var(--ink-soft) 25%,transparent)}.error-retry-btn{margin-left:auto;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--accent);background:transparent;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:4px 10px;border-radius:2px;cursor:pointer;transition:all .16s var(--ease)}.error-retry-btn:hover{background:var(--accent);color:#faf6eb;border-color:var(--accent)}.error-retry-btn:active{transform:translateY(1px)}.error-retry-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-copy-btn{margin-left:auto;font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);background:transparent;border:1px solid transparent;padding:3px 8px;border-radius:2px;opacity:0;transition:all .16s var(--ease)}.error-card:hover .error-copy-btn,.error-card:focus-within .error-copy-btn,.error-copy-btn:focus-visible{opacity:1}.error-copy-btn:hover{color:var(--ink);border-color:var(--rule);background:var(--paper)}.error-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-message{font-family:var(--font-serif);font-size:18px;font-weight:400;font-variation-settings:"opsz" 30,"SOFT" 30;line-height:1.4;color:var(--ink);letter-spacing:-.008em;margin-bottom:16px;word-break:break-word}.error-snippet{font-family:var(--font-mono);font-size:12px;line-height:1.7;background:var(--paper-deep);border-left:2px solid var(--rule);padding:10px 14px;overflow-x:auto;white-space:pre;color:var(--ink-soft);border-radius:0 2px 2px 0}.error-token{background:var(--error-wash);color:var(--error);font-weight:500;padding:1px 2px;border-bottom:1.5px solid var(--error);margin:0 -1px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--rule);border:2px solid var(--paper);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes lintFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 900px){.topbar{grid-template-columns:1fr auto;padding:12px 18px;gap:14px}.topbar-center{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.topbar-tagline{display:none}.wordmark-primary,.wordmark-secondary{font-size:22px}.workspace{flex-direction:column}.pane-input{flex:0 0 50vh;min-height:240px}.pane-results{flex:1;min-height:200px}.pane-divider{width:100%;height:1px}.pane-actions{gap:16px;padding:10px 18px;flex-wrap:wrap}.action-hint{display:none}.pane-label{padding:14px 18px 10px}.results-scroll{padding:22px 18px 36px}}.footer{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-top:1px solid var(--rule);background:var(--paper-raised);font-family:var(--font-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);animation:reveal .6s var(--ease) both;animation-delay:.5s}.footer-mark strong{font-family:var(--font-serif);font-weight:400;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 50;text-transform:none;letter-spacing:-.005em;font-size:14px;color:var(--ink-soft);margin-left:4px}.footer-link{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:1px;transition:color .2s var(--ease),border-color .2s var(--ease)}.footer-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-arrow{display:inline-block;margin-left:4px;transition:transform .2s var(--ease)}.footer-link:hover .footer-arrow{transform:translate(2px,-2px)}@media (max-width: 900px){.footer{padding:12px 16px;flex-direction:column;gap:6px}}