@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--page-bg: #edf3f4;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-ink: #18333b;--surface-muted: #5b7276;--line: rgba(24, 51, 59, .12);--line-strong: rgba(24, 51, 59, .22);--accent: #006b63;--accent-deep: #004d49;--accent-soft: rgba(0, 107, 99, .12);--alert: #963d22;--shadow: 0 30px 80px rgba(18, 41, 48, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--mono: "IBM Plex Mono", monospace;--body: "IBM Plex Sans", sans-serif;--display: "Fraunces", serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body);color:var(--surface-ink);background:radial-gradient(circle at top right,rgba(0,107,99,.14),transparent 24rem),radial-gradient(circle at bottom left,rgba(150,61,34,.12),transparent 28rem),linear-gradient(180deg,#f7fafb 0%,var(--page-bg) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(24,51,59,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,51,59,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}a{color:inherit}.query-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero-band,.results-panel,.editor-shell,.input-panel,.mode-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-band{display:grid;gap:1rem;padding:1.75rem 1.75rem 1.9rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#f4f9f9eb);box-shadow:var(--shadow)}.hero-band__eyebrow,.section-label,.result-card__eyebrow{margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--accent)}.hero-band h1,.editor-shell h2,.input-panel h2{margin:0;font-family:var(--display);font-size:clamp(2rem,3vw,3.2rem);line-height:1.04}.hero-band__copy{margin:0;max-width:55rem;color:var(--surface-muted);line-height:1.7}.workbench{display:grid;gap:1.25rem;margin-top:1.25rem;align-items:start}.workbench__main,.workbench__rail{min-width:0}.editor-shell,.input-panel,.results-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.editor-shell{padding:1.2rem}.editor-shell__header,.input-panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.editor-shell__canvas,.editor-shell__fallback{min-height:460px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,#006b630d,#fffffff5);overflow:hidden}.editor-shell__fallback{display:grid;gap:1rem;padding:1rem}.fallback-textarea,.text-input{width:100%;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:#fffffffa;color:var(--surface-ink);font:inherit}.text-input--mono,.fallback-textarea,.normalized-chip dd,.result-card__smiles{font-family:var(--mono);font-size:.92rem}.fallback-textarea{min-height:220px}.mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;padding:.4rem;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;box-shadow:var(--shadow);margin-bottom:1rem}.mode-tab,.input-choice,.primary-button,.ghost-button,.upload-button,.result-card__cta{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.mode-tab,.input-choice,.ghost-button{appearance:none;border:1px solid transparent;background:transparent;color:var(--surface-ink);cursor:pointer}.mode-tab{min-height:48px;border-radius:999px;font-weight:700}.mode-tab.is-active{background:var(--accent-deep);color:#fff}.input-panel{padding:1.2rem}.input-choice-group{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.input-choice{border-radius:999px;border:1px solid var(--line);padding:.7rem 1rem;background:#ffffffd1;font-weight:600}.input-choice.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.input-panel__body{display:grid;gap:1rem}.input-panel__card{border-radius:var(--radius-lg);border:1px solid var(--line);padding:1rem;background:#ffffffb3}.field-label{display:inline-block;margin-bottom:.5rem;font-weight:700}.field-hint,.upload-name,.results-note{margin:0;color:var(--surface-muted);line-height:1.6}.upload-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.upload-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--accent);padding:.8rem 1rem;background:var(--surface-strong);color:var(--accent-deep);font-weight:700;cursor:pointer}.upload-button input{display:none}.primary-button,.ghost-button,.result-card__cta{border-radius:999px;padding:.85rem 1.15rem;font-weight:700;text-decoration:none}.primary-button{border:1px solid var(--accent-deep);background:var(--accent-deep);color:#fff;cursor:pointer}.ghost-button{border:1px solid var(--line-strong);background:#ffffffbf}.normalized-chip{display:grid;gap:.35rem;margin:1rem 0 0;padding:.8rem 1rem;border-radius:var(--radius-md);background:#18333b0f}.normalized-chip dt{font-weight:700}.normalized-chip dd{margin:0;color:var(--surface-muted);word-break:break-all}.results-panel{margin-top:1.25rem;padding:1.2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.result-card{display:grid;gap:.9rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffd6}.result-card h3{margin:0;font-family:var(--display);font-size:1.3rem}.result-card__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.result-card__meta dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--surface-muted)}.result-card__meta dd{margin:.3rem 0 0;font-weight:600}.result-card__smiles{margin:0;padding:.8rem;border-radius:var(--radius-md);background:#18333b0f;color:var(--surface-muted);overflow-wrap:anywhere}.result-card__cta{display:inline-flex;justify-content:center;border:1px solid var(--accent-deep);background:#006b6314;color:var(--accent-deep)}.state-panel,.error-alert{display:grid;place-items:center;min-height:220px;border-radius:var(--radius-lg);border:1px dashed var(--line-strong);text-align:center;padding:1rem}.state-panel--quiet{color:var(--surface-muted)}.error-alert{gap:.6rem;color:var(--alert);border-style:solid;background:#963d2214}.spinner{width:56px;aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,107,99,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}.mode-tab:hover,.input-choice:hover,.primary-button:hover,.ghost-button:hover,.upload-button:hover,.result-card__cta:hover{transform:translateY(-1px)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:960px){.workbench{grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr)}}@media(max-width:959px){.editor-shell h2,.input-panel h2{font-size:1.7rem}.result-card__meta{grid-template-columns:1fr}}