/* Review controls are outside the website. No nested frame or duplicated page. */
:root{--artifact-reviewbar-height:64px;--artifact-review-muted:#526077;--artifact-review-line:rgba(0,32,65,.16);--artifact-preview-width:390px;--artifact-preview-content-width:100%;--artifact-preview-left:0px}
.preview-toolbar{position:sticky;top:0;z-index:90;background:var(--artifact-white);color:var(--artifact-navy);border-bottom:1px solid var(--artifact-line);font-family:var(--artifact-font)}
.preview-tools-inner{max-width:1440px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.preview-tools-title{font-size:13px;font-weight:700;letter-spacing:-.015em;margin-right:2px;white-space:nowrap}
.preview-mode-group{display:flex;align-items:center;gap:3px;padding:3px;background:var(--artifact-paper);border:1px solid var(--artifact-line);border-radius:7px}
.preview-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:0;border-radius:4px;background:transparent;color:var(--artifact-navy);font-size:12px;font-weight:700;white-space:nowrap}
.preview-mode-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.preview-mode-button[aria-pressed="true"]{background:var(--artifact-purple);color:var(--artifact-white)}
.preview-mode-button:hover:not([aria-pressed="true"]){background:var(--artifact-white)}
.preview-width-control{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;white-space:nowrap}
.preview-width-control select{color-scheme:light;min-height:44px;border:1px solid var(--artifact-line);border-radius:4px;background:var(--artifact-white);color:var(--artifact-navy);font:inherit;padding:8px 27px 8px 10px;max-width:130px}
.preview-status{margin:0 0 0 auto;max-width:430px;color:var(--artifact-review-muted);font-size:11px;line-height:1.5}
.preview-site{position:relative;isolation:isolate;width:100%;margin:0 auto;background:var(--artifact-white)}
html[data-preview-mode="mobile"] body{background:var(--artifact-paper)}
html[data-preview-mode="mobile"] .preview-site{width:min(var(--artifact-preview-width),100%);outline:1px solid var(--artifact-line);box-shadow:0 0 0 10px var(--artifact-soft-light)}
.about-resources{margin-top:28px;padding-top:24px;border-top:1px solid var(--artifact-line)}
.about-resources p{max-width:480px;margin:0 0 15px;color:var(--artifact-muted);font-size:13px;line-height:1.8;word-break:keep-all}
.about-resources .btn{max-width:100%;font-size:13px;min-height:46px;padding:12px 20px;line-height:1.45}
.about-resources .btn svg{flex:none}
.about-resource-note{display:block;margin-top:10px;color:var(--artifact-muted);font-size:10px;line-height:1.6}
@media screen{
 html{scroll-padding-top:calc(var(--artifact-reviewbar-height) + 100px)}
 #siteViewport .site-header.is-scrolled{top:var(--artifact-reviewbar-height);left:var(--artifact-preview-left);right:auto;width:var(--artifact-preview-content-width)}
 html[data-preview-mode="mobile"] .dialog{width:min(680px,calc(var(--artifact-preview-content-width) - 26px))}
}
@media screen and (max-width:780px){.preview-tools-inner{gap:8px 10px;padding:8px 12px}.preview-status{flex-basis:100%;max-width:none;margin:0}.preview-tools-title{font-size:12px}.preview-mode-button{min-height:44px;padding:8px 10px}.preview-width-control{margin-left:auto}}
@media screen and (max-width:380px){.preview-tools-title{flex-basis:100%}.preview-tools-inner{gap:6px 8px}.preview-width-control select{padding-right:20px;max-width:105px}}
@media print{.preview-toolbar{display:none!important}.preview-site,html[data-preview-mode="mobile"] body{background:var(--artifact-paper)}
html[data-preview-mode="mobile"] .preview-site{width:100%!important;max-width:none!important;margin:0!important;outline:0!important;box-shadow:none!important;isolation:auto}.about-resource-note{display:none!important}}
@page { size: auto !important; }