/* Layout adapted from the user-supplied mockup. Research tools retain their own controls. */
:root{--accent:var(--teal);--accent-pale:var(--tealPale);--paper:#fff}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px}
.property-drawer{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.property-drawer>summary{color:var(--teal);font-size:13px}.property-drawer .prop{padding:12px;background:#f6f9f7;border:0;border-radius:9px}.property-drawer .props{gap:12px}.property-more{font-size:12px}.synthesis-route{margin-top:12px;border:1px solid #dce9e4;border-radius:12px;background:#f5faf7;overflow:hidden}.synthesis-route>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;list-style:none;padding:20px;cursor:pointer;color:var(--ink)}.synthesis-route>summary::-webkit-details-marker{display:none}.route-choice-title{font-size:14px;font-weight:700;overflow-wrap:anywhere}.route-choice-meta{font-size:11px;color:#52756e}.route-choice-meta.model-label{color:#8b5d19;background:#fff5e3;padding:4px 9px;border-radius:20px}.synthesis-route[open]{border-color:#84c4b9;background:#fff}.synthesis-route[open]>summary{background:#edf7f3;border-bottom:1px solid var(--line)}.synthesis-route[open]>summary>.ico{transform:rotate(180deg)}.route-body{padding:20px}.route-body details{margin-top:12px}.route-body summary{font-size:12px}.route-steps{list-style:none;margin:16px 0;padding:0;counter-reset:route-step}.route-steps>li{position:relative;padding:0 0 20px 38px;counter-increment:route-step;border-bottom:1px solid var(--line);margin-bottom:20px}.route-steps>li::before{content:counter(route-step);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;background:var(--tealPale);border-radius:8px;color:var(--teal);font-size:12px;font-weight:700}.route-steps h4{margin:0 0 8px;font-size:14px}.route-steps p{margin:0;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.route-source{display:grid;gap:5px;font-size:12px;padding:14px 16px;background:#f5f8f6;border-radius:9px}.route-source span{color:#627973;font-size:11px}.route-source a{overflow-wrap:anywhere}.route-outcome{font-size:13px}.model-caveat{margin:0 0 20px;font-size:12px;line-height:1.7;color:#8b5d19}.route-tools{margin-top:20px}.route-tools .actions{margin:0;gap:12px}.route-tools #main-description-state:empty,#main-llm-progress:empty{display:none}.result-links{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.discovery-tools{margin-top:18px}.literature-disclosure{font-size:13px}.notes-strip{margin-top:20px;padding:18px 0;border-top:1px solid var(--line)}.notes-strip>details>summary{font-size:13px;color:var(--teal);font-weight:650}.notes-strip textarea{margin-top:12px;max-width:760px}.notes-strip .fine{display:block}.source-extra,.source-extra p{font-size:12px}#import-prompt{font-size:12px;min-height:280px;white-space:pre-wrap}.route-body .planning-compound{max-width:320px}.route-materials{font-size:13px}
@media(max-width:780px){.synthesis-route>summary{grid-template-columns:minmax(0,1fr) 18px;padding:16px;gap:8px}.route-choice-meta{grid-column:1;grid-row:2;justify-self:start}.synthesis-route>summary>.ico{grid-column:2;grid-row:1/3}.route-body{padding:16px}.route-steps>li{padding-left:32px}.route-tools .actions{align-items:stretch}.result-links{flex-wrap:wrap}.route-steps .reaction-strip{display:flex;flex-direction:column}.route-steps .planning-compounds{flex-direction:column}.route-body .planning-compound{max-width:100%}.property-drawer .props{gap:8px}}
.compound-name{overflow-wrap:anywhere}.llm-advanced{border-top:1px solid var(--line);padding-top:14px}.llm-advanced summary{font-weight:650}.llm-settings>.actions{margin-top:18px}#llm-status{font-size:13px;color:var(--ink)}
.compound-meta{color:#60777e;font-size:14px;margin:0;overflow-wrap:anywhere}.section-line>span{font-size:12px;font-weight:720;color:#69827f;letter-spacing:.25px}.tool>span{flex:1;min-width:0}.tool>span strong{font-size:13px;display:block}.tool>span small{font-size:11px;font-weight:400;color:#647a78;display:block;margin-top:3px}.tool>.ico:first-child{width:24px;height:24px;color:var(--teal)}.tool>.ico:last-child{width:15px;height:15px}.sources-row{gap:12px}.sources-row>a{overflow-wrap:anywhere;text-align:right}#main-llm-output{padding:18px;background:#f8faf8;border:1px solid var(--line);border-radius:10px}#main-llm-output h3{margin-bottom:12px}.search-box input::-webkit-search-cancel-button{display:none}
[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
header.header{max-width:none;margin:0;padding:0;display:block}.header .brand{font-size:inherit}.brand:hover{text-decoration:none}.header .brand-name{font-size:29px;line-height:1.05;font-weight:780;letter-spacing:-1.25px}.header .brand-small{font-size:11px;letter-spacing:.1px;margin-top:5px}.header .logo{line-height:1;background:transparent;width:43px;height:48px}.logo img{display:block;width:56px;height:56px;max-width:none;object-fit:contain}.engine-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;margin:0 0 28px;border:1px solid #cbded9;border-radius:14px;background:#fff}.engine-connection p{margin:0 0 8px;font-size:13px}.engine-connection #engine-state{font-weight:650;color:var(--teal);margin:0}.engine-connection #engine-help{margin-top:10px;max-width:720px}.engine-connection a{font-size:12px}.engine-connection button{flex:none}.engine-connection.connected{background:transparent;border:0;padding:0;margin-bottom:20px}.engine-connection.connected #engine-state{font-size:12px;font-weight:500}.engine-connection.connected #engine-state:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:8px}@media(max-width:580px){.engine-connection{align-items:flex-start;flex-direction:column}.header .brand-name{font-size:27px}.header .brand-small{font-size:10px}.header .logo{width:35px}.logo img{width:48px;height:48px}}
main#top{max-width:none;margin:0;padding:47px 0 0}.wrap{max-width:1120px;margin:auto;padding:0 28px}h1{font-size:35px;line-height:1.14;margin:10px 0 21px;font-weight:720;letter-spacing:-1.4px}
.header .nav-btn{border:1px solid transparent}.header .ico{width:18px;height:18px}.header .nav-counter{font-weight:600}
.search-box{height:64px}.search-box input{border:0;box-shadow:none;background:transparent;flex:1;min-width:0;padding:9px 5px;font-size:17px;margin:0;width:auto}.search-box input:focus-visible{outline-offset:0}.search-box .primary{height:50px;min-height:48px;padding:13px 21px;font-size:13px;background:var(--teal);border-radius:10px}.search-box .clear{width:28px;flex:none}.search-box .ico{width:18px;height:18px}.search-box .search-icon{margin-left:17px;color:#7c9993}
.examples{margin:13px 0 34px}.examples .chip{padding:5px 12px;font-weight:400}.examples .search-options-link{margin-left:auto;font-weight:500}.search-progress{font-size:12px;color:var(--muted);margin:0 0 10px}.search-progress:empty{display:none}.search-progress.complete{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}
.section-line{margin-bottom:13px}.result-header{padding:28px 33px}.result-top{margin-bottom:25px}.result-top .eyebrow{color:#71928a;letter-spacing:1.15px}.compound-name{font-weight:780;font-size:30px;line-height:1.2;letter-spacing:-1.2px}.structure img{display:block;width:100%;height:230px;object-fit:contain;mix-blend-mode:multiply}.structure{min-height:265px}.props .prop-value{color:var(--ink)}.props .chem-term{font-size:inherit;line-height:inherit}.property-details{margin:0}.property-details summary{font-size:12px;font-weight:670}.property-details .props{margin-top:10px}.properties-footer{align-items:start}.property-more{margin-top:12px}.prop-value code{font-size:12px}.card .card-head{margin-bottom:17px}.status{white-space:normal;text-align:right}.status.source{background:#eaf5f2;color:#087a71}.syn-lead{margin:0 0 23px}.warning-inline:empty{display:none}.disclosure>summary{list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure[open]>summary .ico{transform:rotate(180deg)}.disclosure{margin-top:17px}.syn-detail-content{padding-top:14px}.syn-detail-content .panel{box-shadow:none}.syn-detail-content .actions{margin-top:0;margin-bottom:15px}.syn-detail-content .source-reader{margin-top:12px;max-height:420px;overflow:auto;background:#f8faf8;border-radius:10px;padding:18px;font-size:13px;white-space:pre-wrap}.syn-detail-content #source-routes:empty{display:none}.syn-detail-content .route-panel{border-radius:12px}.lower-grid{margin-bottom:36px}.lower-grid #research-notebook{margin-top:6px}.lower-grid #research-notebook summary{font-weight:650}.lower-grid textarea{margin-top:10px}.sources-foot{white-space:normal}#overview-sources .sources-row a{font-size:12px}.research-disclosure{margin-top:18px}#source-routes>.actions{margin-top:14px}#notes-preview{white-space:pre-wrap;max-height:200px;overflow:auto}.footer{max-width:none;margin:0;font-size:11px;flex-wrap:wrap}
dialog.workbench-drawer,dialog.workbench-dialog{color:var(--ink);background:#fff;border:1px solid var(--line);padding:28px;box-shadow:0 28px 90px #1428282e;max-height:92vh;overflow:auto}
dialog::backdrop{background:rgba(14,36,39,.36)}dialog.workbench-drawer{margin:0 0 0 auto;width:min(440px,100%);height:100dvh;max-height:100dvh;border-radius:0}dialog.workbench-dialog{width:min(1060px,calc(100% - 40px));border-radius:17px}dialog.workbench-dialog[data-tool="llm-settings"],dialog.workbench-dialog[data-tool="preferences-panel"],dialog.workbench-dialog[data-tool="search-settings-panel"]{width:min(700px,calc(100% - 40px))}
.workbench-dialog .drawer-head{position:sticky;top:-28px;background:#fff;z-index:2;padding:12px 0;margin:0 0 20px}.workbench-dialog .section-heading{display:none}.workbench-dialog .workspace{grid-template-columns:1fr}.workbench-dialog .library{position:static}.workbench-dialog .library .reference-list{max-height:220px}.workbench-dialog .llm-settings{border:0;margin:0;padding:0}.llm-fields{grid-template-columns:1fr 1fr}.llm-fields label{min-width:0}#llm-base-wrap{grid-column:1/-1}.llm-fields input,.llm-fields select{font-size:13px}.workbench-dialog .panel{background:#fff;border-radius:12px}.workbench-dialog .model-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.workbench-dialog .description-toolbar{padding:18px}.workbench-dialog #procedure-text{min-height:300px}.workbench-dialog .source-reader{font-size:13px}.workbench-dialog details{margin-top:12px}.tool{min-height:74px}.tool-list{margin-bottom:20px}.saved-row{display:flex;gap:8px;align-items:center}.saved-row .saved-link{flex:1;min-width:0}.saved-link small{display:block;overflow-wrap:anywhere}.toast{max-width:calc(100vw - 36px);z-index:200}.empty{margin-top:12px;margin-bottom:36px}
.chem-term{font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;display:inline;padding:0 1px;min-height:0;border-radius:1px;vertical-align:baseline}.brand .chem-term{border:0}.properties-footer .chem-term{font-size:inherit}#chem-tooltip{z-index:9999}#glossary-drawer{z-index:100}.source-reader .chem-term{font-size:inherit}
@media(max-width:780px){main#top{padding-top:31px}.wrap{padding:0 18px}.header-in{height:70px}.brand-name{font-size:14px}.brand-small{display:none}h1{font-size:29px;margin-bottom:19px}.search-box{height:61px}.search-box input{font-size:15px}.search-box .primary{padding:11px 14px}.examples .search-options-link{margin-left:0}.result-header,.card{padding:21px}.details-grid{grid-template-columns:1fr;gap:23px}.structure{min-height:220px}.structure img{height:200px}.lower-grid{grid-template-columns:1fr}.workbench-dialog .model-layout,.two-columns{grid-template-columns:1fr}.llm-fields{grid-template-columns:1fr}.workbench-dialog .stat-grid{grid-template-columns:1fr 1fr}dialog.workbench-dialog{width:calc(100% - 16px);padding:18px;max-height:96dvh}.workbench-dialog .drawer-head{top:-18px}.card-head{flex-wrap:wrap}.status{text-align:left}.route{padding:14px}.workbench-dialog .description-toolbar .actions{gap:12px}.workbench-dialog .source-reader{overflow-wrap:anywhere}}
@media(max-width:410px){.brand-name{font-size:12px}.search-box .primary{padding:10px 12px}.search-box .search-icon{margin-left:10px}.result-header,.card{padding:18px}.prop-value{font-size:16px}.header .brand{gap:9px}.header-in{gap:5px}.right-nav .nav-btn{padding:8px}.logo{width:38px;height:38px}.workbench-dialog .stat-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
