/* Explicit site theme also wins when the system preference differs. */
:root[data-theme=light]{color-scheme:light;--paper:#f5f4ef;--ink:#161616;--muted:#62625b;--line:#d0cfc6;--white:#fffefa;--soft:#eae9e1;--focus:#6650d8;--error:#922e2b;--highlight:#eee4a9}
:root[data-theme=dark]{color-scheme:dark;--paper:#171815;--ink:#f2f1e9;--muted:#b5b6aa;--line:#494a41;--white:#22231e;--soft:#303129;--focus:#b9aaff;--error:#ffaaa0;--highlight:#665b24}
:root[data-theme=light] .brand img{filter:none}:root[data-theme=dark] .brand img{filter:invert(1)}
.web-panel #settings,.web-panel #settings-dialog,.web-panel #model-connection,.web-panel #site-entry,.web-panel #capture,.web-panel #quota-settings{display:none!important}
.web-panel .analysis-connection-row{justify-content:flex-end}.web-panel .trial-count{margin-left:0}
.web-panel .shell{padding:0 20px}.web-panel .header{height:64px}.web-panel .hero{padding:20px 0 16px}.web-panel .hero h1{font-size:27px}
.web-inline .header,.web-inline .hero,.web-inline #entry-guide{display:none}.web-inline .shell{padding-top:12px}
:root[data-theme] .primary{color:var(--paper)}:root[data-theme] .primary[aria-busy=true],:root[data-theme] .primary[aria-busy=true]:hover{color:var(--ink)}
.web-panel .with-report .source-column{position:static}.web-panel .analysis-column{margin-top:0}
.web-extension-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
:root[data-theme=light] textarea,:root[data-theme=light] select,:root[data-theme=light] .secondary{border-color:var(--line)}
:root[data-theme=light] .record-output{background:var(--white)}:root[data-theme=light] textarea::placeholder{color:var(--muted)}
@media(forced-colors:active){:root[data-theme] .primary,:root[data-theme] .primary[aria-busy=true],:root[data-theme] .primary[aria-busy=true]:hover{color:ButtonText;background:ButtonFace;border-color:ButtonText}}

.web-panel .web-paragraph-settings{flex-basis:100%;width:100%;margin-top:0}.web-paragraph-settings .switch-row{display:flex;margin:0}.web-paragraph-settings .small-note{font-size:13px;line-height:1.45;margin:8px 0 0}

/* The surrounding beta page already introduces the field; its accessible label remains. */
.web-inline .empty-entry{display:none}
@media(max-width:599px){.web-inline .shell{padding-top:4px}.web-inline #source{height:116px;min-height:116px}.web-panel .analysis-column{margin-top:0}}

/* Completed notes lead the embedded surface, as they do in the extension. */
.web-panel .workspace.with-report{gap:20px}.web-inline.has-report .workspace{margin-top:0}
.web-panel .with-report #analyze{color:var(--ink)}
.web-panel .with-report .analysis-connection-row{justify-content:flex-start}
@media(min-width:960px){.web-panel .workspace.with-report{gap:28px}}

/* The surrounding side-panel bar already carries the beforeword name. */
.web-panel:not(.web-inline) .header .brand{display:none}.web-panel:not(.web-inline) .header{height:52px;justify-content:flex-end;border-bottom:0}.web-panel:not(.web-inline) .hero{padding-top:4px}.web-panel .panel-guide{max-width:none}.web-inline #panel-guide{display:none!important}.web-panel.has-guide .hero h1{font-size:27px}.web-panel.has-guide .purpose{font-size:14px;line-height:1.5}.web-panel.has-guide .further{margin-top:12px}

/* The introduction retains complete sentences in both languages. */
.web-panel .purpose{white-space:pre-line}

/* The landing page already supplies the current introduction. */
.web-inline .site-reader .header,.web-inline .site-reader .hero,.web-inline .site-reader.has-report .hero{display:none}