/* Shared visual direction: actual home-harmony.css + harmony-shell.css.
   Keep this preview's navigation local; never replace the product identity.
   The studio layout itself lives in lab.css. */
html{font-synthesis:none;text-rendering:optimizeLegibility}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
.lab-header{display:flex;align-items:center;width:calc(100% - 2*var(--vz-pad,40px));max-width:1312px;min-height:88px;margin:auto;padding:0;gap:28px;border-bottom:1px solid var(--line);background:#fff}
.lab-brand{display:flex;align-items:center;gap:12px;color:var(--ink);font:600 19px/1.35 Unbounded,sans-serif;letter-spacing:-.9px;white-space:nowrap;flex:none;text-decoration:none}
.lab-brand svg{width:33px;height:33px;color:var(--blue);display:block}
.lab-brand b{color:var(--blue);font-weight:600}
.lab-site-nav{display:flex;flex:1;justify-content:center;gap:30px}
.lab-site-nav a{font-size:14px;font-weight:500;color:#555e70;text-decoration:none;padding:12px 0;white-space:nowrap}
.lab-site-nav a:hover{color:var(--blue)}
.lab-prototype{font-size:11px;border:0;padding:0;color:#626b7b;white-space:nowrap}
.lab-site{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#f4f5f7;border-radius:30px;min-height:44px;padding:10px 17px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;margin-left:0}
.lab-site .lv-icon{width:15px;height:15px}
/* Existing six demos inherit the same white, blue, grey and typography scale. */
.lc-scene{--lc-ink:var(--blue);--lc-paper:#fff;color:var(--ink)}
.lc-name{font-weight:600;color:var(--ink)}
.lc-role,.lc-front-note,.lc-cover-bottom{color:#626b7b}
.lc-back{background:var(--blue)}
.lc-save{background:var(--orange);color:#fff;border-radius:13px;box-shadow:0 3px 0 #bb4214}
.lc-save:hover{background:#ca441a}
.lc-toggle{background:#fff;border-color:var(--line);color:var(--ink);border-radius:13px}
.lc-sheet-content{background:#f5f6f8}
.lc-folio::after,.lc-cover-fold{background:#e1e5ee}
.lc-work-choice{border-color:var(--line);border-radius:10px}
.lc-sheet-title,.lc-back-title{font-weight:600}
.ls-sign{border-color:#e1e5eb;box-shadow:4px 5px 0 #e1e5ee,10px 18px 26px #1720360a;background:#fff}
.ls-name{font-weight:600}
.ls-plate-scene,.ls-sign--light .ls-window{background:#f5f6f8}
.ls-open{background:var(--orange);color:#fff;border-radius:13px}
.ls-open:hover{background:#ca441a}
.ls-special h3,.ls-menu h3,.ls-dish h4{font-family:Onest,sans-serif;font-weight:600}
.lg-store,.lg-dialog{--lg-blue:var(--blue);background:#fff;color:var(--ink)}
.lg-wordmark{font:600 21px Onest,sans-serif;letter-spacing:-.5px;color:var(--ink)}
.lg-wordmark>span{color:var(--orange)}
.lg-title h2,.lg-album-copy h3,.lg-dialog h2{font-weight:600;color:var(--ink)}
.lg-object{background:#f7f2ed}.lg-object-plate{background:#f0f4e9}
.lg-album-page{background:#f5f6f8}.lg-album-image{background:#eef1f5}
.lg-collection{background:#f4f5f7;color:var(--ink)}
.lg-add{border-color:#dce3ef;border-radius:10px;color:var(--ink)}
.lg-add:hover,.lg-add[aria-pressed=true]{background:var(--blue);color:white}
.lg-detail-bottom button{background:var(--orange);border-radius:13px}
@media(max-width:1100px){.lab-site-nav{display:none}.lab-prototype{margin-left:auto}}
@media(max-width:720px){
 .lab-header{min-height:72px;gap:14px;flex-wrap:nowrap}.lab-brand{font-size:16px;gap:9px;letter-spacing:-.7px}.lab-brand svg{width:29px;height:29px}.lab-prototype{display:none}.lab-site{font-size:11px;padding:9px 12px;margin-left:auto}.lab-site .lv-icon{display:none}
 .lab-footer{padding:20px 0 96px;flex-wrap:wrap;gap:8px;font-size:11px}.lab-footer span{max-width:100%}
}
@media(max-width:360px){.lab-brand{font-size:14px;gap:7px}.lab-brand svg{width:26px;height:26px}.lab-site{padding:8px 10px;font-size:10px}}
.lab-entrypoints{padding:0;list-style:none;margin:20px 0}.lab-entrypoints li{padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.65}.lab-entrypoints small{display:block;color:#626b7b;font-size:12px;margin-top:5px}.lab-entrypoints a,.lab-explainer a{text-underline-offset:3px}.lab-explainer details{margin:18px 0;font-size:14px}.lab-explainer summary{cursor:pointer}.lab-explainer details p{margin-top:12px}
.lab-entrypoints a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}