@import url('/design-system.css');
body.site-open>.nav,body.site-open>footer{display:none}
body.site-open .workspace{max-width:none;width:100%;padding:0}
body.site-open #site-view{max-width:none;width:100%;margin:0}
body.site-open .site-welcome,body.site-open #site-status{display:none}
body.site-open #notice:empty{display:none}
body.site-open #notice:not(:empty){position:fixed;bottom:16px;left:16px;right:16px;z-index:3;padding:12px 16px;border-radius:var(--lw-radius-panel);background:var(--lw-raised)}
.canvas-toolbar{height:64px;display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--lw-canvas);border-bottom:1px solid var(--lw-line)}
#canvas-identity{display:flex;align-items:center;gap:8px;min-width:0;margin-right:auto}
body.site-open #back{margin:0;padding:4px 12px;font-size:20px;min-height:44px}
body.site-open .site-heading{margin:0;min-width:0}
body.site-open .site-heading h1{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
body.site-open .canvas-toolbar select{width:180px;min-height:40px;padding:4px 8px;margin:0;font-size:13px}
.canvas-sizes{display:flex;gap:2px}
body.site-open .canvas-toolbar button,body.site-open .canvas-toolbar a{min-height:44px;padding:8px 12px;font-size:13px;white-space:nowrap}
.canvas-sizes button[aria-pressed=true]{background:var(--lw-hover)}
body.site-open #open-editor{background:var(--lw-accent);color:var(--lw-on-accent);border:0}
body.site-open #workspace-findings{background:none;color:var(--lw-warning)}
.canvas-stage{height:calc(100dvh - 60px);position:relative;display:flex;justify-content:center;background:var(--lw-surface);overflow:hidden}
#site-frame{width:100%;height:100%;border:0;background:white}
#site-frame.phone{width:390px;max-width:100%}
#canvas-loading{position:absolute;top:35%;max-width:80%;padding:20px;background:var(--lw-raised);color:var(--lw-ink);border-radius:var(--lw-radius-panel);z-index:1}
#workspace-options{width:min(760px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--lw-line);border-radius:24px;background:var(--lw-surface);color:var(--lw-ink)}
#workspace-options::backdrop{background:var(--lw-backdrop)}
.options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.options-heading h2{font-size:22px;margin:0}
#options-content{display:flex;flex-direction:column;gap:16px}
#options-content .site-next-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
#options-content .site-next-actions>div{display:contents}
#options-content .site-next-actions>div>p:last-child{display:none}
#options-content #share-result:empty{display:none}
#options-content #share-result{max-width:100%;overflow-wrap:anywhere}
#options-content #preview-shares{flex-basis:100%;margin:0}
#options-content .import-summary{padding:0;gap:12px}
#options-content .import-summary h2{font-size:16px}
#options-content .import-summary p{font-size:13px}
#options-content #import-details{margin:0}
#options-content #import-details:not([open]){display:none}
#options-content .workspace-columns{grid-template-columns:1fr}
#site-view[hidden],#site-canvas[hidden],#site-frame[hidden],#canvas-loading[hidden],#workspace-findings[hidden]{display:none!important}
@media(max-width:700px){.canvas-toolbar{gap:4px;padding:4px}.canvas-sizes,body.site-open .site-heading{display:none}#canvas-identity{margin:0}body.site-open .canvas-toolbar select{width:auto;min-width:0;flex:1}body.site-open .canvas-toolbar button,body.site-open .canvas-toolbar a{padding:8px}body.site-open #workspace-findings{font-size:11px}#workspace-options{padding:16px}#options-content .import-summary{flex-direction:column;align-items:flex-start}}

/* The library introduces the website before its management controls. */
#dashboard .dashboard-top{align-items:flex-start;margin:16px 0 32px}#dashboard .dashboard-top h1{font-size:var(--lw-type-display);line-height:1.05;letter-spacing:-.05em;margin:8px 0}
#dashboard .site-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
#dashboard .site-card{padding:0;overflow:visible;gap:0}#dashboard .site-card>.status{margin:20px 20px 4px}#dashboard .site-card>strong{margin:0 20px 20px;font-size:20px;overflow-wrap:anywhere}#dashboard .site-card>.actions{padding:0 20px 20px;align-items:center;justify-content:space-between}
#dashboard .site-card .lw-button{min-height:44px}#dashboard .site-card .lw-button--primary{background:var(--lw-accent);color:var(--lw-on-accent)}
.workspace .site-card-options{position:relative;margin:0;padding:0;border:0}.site-card-options summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--lw-muted);font-size:13px}.site-card-options[open]{display:flex;flex-wrap:wrap;gap:4px}.site-card-options[open] summary{width:100%}
#dashboard .add-form{max-width:720px}#dashboard .library-toolbar{margin-top:32px}
@media(max-width:700px){#dashboard .dashboard-top{display:block}#dashboard #identity{display:block;margin-top:16px}#dashboard .site-grid{grid-template-columns:1fr}}

#dashboard .add-website{max-width:720px;margin:0 0 24px;padding:0;border:0}#dashboard .add-website>summary{justify-content:flex-start;color:var(--lw-accent);font-size:13px;gap:12px}#dashboard .add-website[open] .add-form{margin-top:12px}#dashboard .library-toolbar{margin-top:20px}#dashboard .lw-lead{margin-top:12px}
@media(max-width:700px){#dashboard .dashboard-top{margin-bottom:16px}#dashboard .dashboard-top h1{font-size:28px}#dashboard .lw-lead{font-size:15px}#dashboard .add-website{margin-bottom:12px}}

body.site-open #site-canvas{display:flex;flex-direction:column;height:100dvh}
body.site-open .canvas-toolbar{height:auto;min-height:64px;flex-shrink:0;flex-wrap:wrap}
body.site-open .canvas-stage{height:auto;min-height:0;flex:1}
@media(max-width:700px){body.site-open .canvas-toolbar select{min-width:90px}}