:root{--paper:#f7f2e8;--paper-strong:#fffdf8;--ink:#1f2624;--ink-soft:#57625e;--line:rgba(31,38,36,.12);--line-strong:rgba(31,38,36,.24);--shadow:0 18px 44px rgba(51,45,28,.1);--radius-xl:22px;--radius-lg:16px;--radius-sm:999px}.tone-tree{--tone:#2f6f65;--tone-wash:rgba(47,111,101,.1);--tone-border:rgba(47,111,101,.26)}.tone-forest{--tone:#5a8f42;--tone-wash:rgba(90,143,66,.1);--tone-border:rgba(90,143,66,.26)}.tone-cactus{--tone:#c46a2d;--tone-wash:rgba(196,106,45,.11);--tone-border:rgba(196,106,45,.28)}.tone-chordal{--tone:#a5503a;--tone-wash:rgba(165,80,58,.11);--tone-border:rgba(165,80,58,.28)}.tone-planar{--tone:#1b7288;--tone-wash:rgba(27,114,136,.1);--tone-border:rgba(27,114,136,.26)}.tone-outerplanar{--tone:#0e9683;--tone-wash:rgba(14,150,131,.1);--tone-border:rgba(14,150,131,.26)}.tone-k23{--tone:#a35c17;--tone-wash:rgba(163,92,23,.11);--tone-border:rgba(163,92,23,.28)}.tone-k33{--tone:#b13d44;--tone-wash:rgba(177,61,68,.11);--tone-border:rgba(177,61,68,.28)}.tone-k4{--tone:#7d3a1b;--tone-wash:rgba(125,58,27,.11);--tone-border:rgba(125,58,27,.28)}.tone-bipartite{--tone:#3856a6;--tone-wash:rgba(56,86,166,.1);--tone-border:rgba(56,86,166,.26)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,rgba(47,111,101,.1),transparent 34%),radial-gradient(circle at 100% 0,rgba(27,114,136,.08),transparent 30%),radial-gradient(circle at 100% 100%,rgba(163,92,23,.07),transparent 30%),linear-gradient(#efe6d7 0%,#f7f2e8 44%,#f4eee3 100%);margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}body{padding:16px 12px 22px}a{color:inherit}button,textarea{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.page-shell{width:min(1160px,100%);margin:0 auto}.hero,.input-panel,.result-panel{box-shadow:var(--shadow);backdrop-filter:blur(16px);background:rgba(255,253,248,.92);border:1px solid rgba(255,255,255,.78)}.hero{border-radius:28px;padding:22px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,rgba(163,92,23,.09),rgba(163,92,23,0));border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -40px -62px auto}.eyebrow,.kicker,.metric-label,.example-detail{letter-spacing:.08em;text-transform:uppercase;color:#1b7288;margin:0;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.76rem}.hero h1,.panel-head h2,.section-head h2,.error-card h2,.example-head h3{margin:0;font-weight:700;line-height:.98}.hero h1{max-width:18ch;font-size:clamp(2.8rem,6vw,4.8rem)}.hero-subtitle{color:var(--ink-soft);margin:8px 0 0;font-size:1rem;line-height:1.35}.lede{max-width:54rem;color:var(--ink-soft);margin:18px 0 0;font-size:1.08rem;line-height:1.58}.copy-button,.example-card{transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s}.copy-button,.footer-link,.footer-commit{border:1px solid var(--line-strong);background:var(--paper-strong);border-radius:12px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.copy-button i,.footer-link i,.footer-commit i,.section-headline i,.metric-icon,.hint i,.error-topline i{color:var(--tone,#2f6f65)}.copy-button:hover,.footer-link:hover,.example-card:hover{background:var(--tone-wash,rgba(31,38,36,.05));border-color:var(--tone-border,var(--line-strong));color:var(--tone,var(--ink))}.workspace{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.input-panel,.result-panel{border-radius:var(--radius-xl);padding:16px}.panel-head,.check-topline,.example-topline{justify-content:space-between;align-items:start;gap:12px;display:flex}.example-topline{align-items:center;gap:14px}.dropzone{margin-top:14px}.batch-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.loading-meta,.nav-status{margin:0}.nav-status,.loading-meta{color:var(--ink-soft)}.field-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.82rem;font-weight:600}.nav-button{border:1px solid var(--line-strong);background:var(--paper-strong);color:var(--tone,#2f6f65);cursor:pointer;border-radius:12px;align-items:center;gap:10px;text-decoration:none;transition:border-color .14s,background-color .14s;display:inline-flex}.nav-button:hover:not(:disabled){background:var(--tone-wash,rgba(31,38,36,.05));border-color:var(--tone-border,var(--line-strong))}.nav-button:focus-visible{outline-offset:2px;outline:3px solid #1b7288}.copy-button:focus-visible{outline-offset:2px;outline:3px solid #1b7288}.footer-link:focus-visible{outline-offset:2px;outline:3px solid #1b7288}.example-card:focus-visible{outline-offset:2px;outline:3px solid #1b7288}.smiles-box:focus-visible{outline-offset:2px;outline:3px solid #1b7288}.smiles-box{border:1px solid var(--line-strong);background:var(--paper-strong);width:100%;color:var(--ink);resize:vertical;border-radius:16px;min-height:128px;margin-top:0;padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.98rem;line-height:1.5}.smiles-box:focus{border-color:rgba(27,114,136,.65);outline:3px solid #1b7288}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hint,.metric-detail,.check-detail,.error-message{color:var(--ink-soft);line-height:1.55}.hint{align-items:start;gap:10px;margin:14px 0 0;font-size:.95rem;display:flex}.example-head{margin-top:20px}.example-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.example-card,.metric-card,.check-card,.error-card{border:1px solid var(--tone-border,var(--line));border-radius:var(--radius-lg);background:var(--paper-strong);position:relative;overflow:hidden}.example-card:before,.metric-card:before,.check-card:before,.error-card:before{content:"";background:var(--tone,rgba(31,38,36,.18));height:4px;position:absolute;inset:0 0 auto}.example-card{text-align:left;cursor:pointer;padding:12px}.graphlet-frame{border:1px solid var(--tone-border);background:var(--paper-strong);width:72px;height:72px;color:var(--tone,#2f6f65);--node-fill:#fffdf8;border-radius:12px;flex:none;place-items:center;padding:7px;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.72)}.graphlet-frame svg{width:100%;height:100%;display:block;overflow:visible}.example-copy,.check-copy{flex:auto;min-width:0}.example-copy{gap:6px;display:grid}.example-detail{align-items:center;gap:8px;display:flex}.example-title,.check-title,.check-status,.metric-value,.error-topline p{margin:0}.example-title{font-size:1.08rem;font-weight:700}.example-smiles{color:var(--tone,var(--ink-soft));margin-top:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;display:inline-block}.result-stack{gap:16px;display:grid}.result-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.result-toolbar-title{margin:2px 0 0;font-size:1.08rem;line-height:1.1}.result-toolbar-main{gap:6px;min-width:0;display:grid}.result-toolbar-meta{color:var(--ink-soft);margin:0;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.86rem}.result-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.batch-nav{border:1px solid var(--line);background:var(--paper-strong);border-radius:14px;padding:4px}.nav-button{padding:8px 11px;font-size:.94rem}.nav-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.nav-status{text-align:center;letter-spacing:.06em;text-transform:uppercase;min-width:5.5rem;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.84rem}.copy-button{color:var(--tone,#2f6f65);cursor:pointer;padding:9px 12px}.copy-feedback{color:var(--ink-soft);margin:0;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.86rem}.app-footer{box-shadow:var(--shadow);backdrop-filter:blur(16px);background:rgba(255,253,248,.88);border:1px solid rgba(255,255,255,.78);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.footer-copy{gap:6px;display:grid}.footer-text{color:var(--ink-soft);margin:0}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.footer-link,.footer-commit{min-height:42px;padding:9px 12px}.footer-link:hover,.footer-commit:hover{background:var(--tone-wash,rgba(31,38,36,.05));border-color:var(--tone-border,var(--line-strong));color:var(--tone,var(--ink))}.footer-commit code{color:var(--tone,#2f6f65);font-size:.84rem}.loading-card{border:1px solid var(--tone-border,var(--line));border-radius:var(--radius-lg);background:var(--paper-strong);padding:14px;position:relative;overflow:hidden}.loading-card:before{content:"";background:var(--tone,rgba(31,38,36,.18));height:4px;position:absolute;inset:0 0 auto}.selection-smiles{max-width:100%;color:var(--tone,var(--ink));overflow-wrap:anywhere;font-size:.84rem}.loading-progress{border-radius:var(--radius-sm);background:rgba(31,38,36,.08);border:0;width:100%;height:12px;margin-top:16px;overflow:hidden}.loading-progress::-webkit-progress-bar{background:rgba(31,38,36,.08)}.loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#1b7288,#0e9683)}.loading-progress::-moz-progress-bar{background:linear-gradient(90deg,#1b7288,#0e9683)}.metric-grid,.check-grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:11px 11px 6px}.error-card{padding:14px}.metric-topline,.section-headline,.check-name,.error-topline,.check-hero{align-items:center;gap:10px;display:flex}.check-hero{align-items:flex-start;gap:14px}.metric-label{color:var(--ink-soft);font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.72rem}.metric-value{margin:4px 0 1px;font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:700}.metric-detail{margin:0}.check-section{padding-top:12px}.section-head{padding:0 2px}.section-headline i{font-size:1.1rem}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.check-card{padding:12px;transition:border-color .14s,background-color .14s,transform .14s}.check-card.is-active{background:rgba(255,253,248,.98)}.check-name{align-items:flex-start}.check-title{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.78rem}.check-status{border-radius:var(--radius-sm);text-transform:uppercase;color:var(--ink-soft);background:rgba(31,38,36,.07);padding:4px 8px;font-family:Avenir Next Condensed,Gill Sans,Trebuchet MS,sans-serif;font-size:.72rem;font-weight:700;transform:translateY(-1px)}.check-status.is-active{background:var(--tone-wash);color:var(--tone)}.check-detail{margin:3px 0 0}.error-topline{margin-bottom:8px}.error-topline i{font-size:1rem}@media (width<=980px){.workspace{grid-template-columns:1fr}}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){body{padding:14px 10px 20px}.hero,.input-panel,.result-panel{padding:16px}.metric-grid,.check-grid,.example-grid{grid-template-columns:1fr}.panel-head,.check-hero,.example-topline,.result-toolbar,.app-footer{flex-direction:column;align-items:stretch}.field-label{font-size:.86rem}.batch-nav{justify-content:space-between}.graphlet-frame{width:64px;height:64px}}