:root{--bg: #0a0a0a;--panel: #141414;--line: #262626;--text: #f2f0ec;--muted: #8b857c;--brass: #c69a51}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.lab{display:flex;flex-direction:column;height:100%}.gallery{min-height:100%;padding-bottom:2rem}.gallery-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:2}.gallery-count{color:var(--muted);font-size:.8rem;margin-left:auto}.sections{display:flex;gap:.35rem;margin-left:.6rem}.section{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.45rem;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.32rem .8rem;font-size:.78rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.section:hover{color:var(--text);border-color:#3a3a3a}.section.is-active{color:#1a1a1a;background:var(--brass);border-color:var(--brass);font-weight:500}.section-count{font-size:.68rem;font-variant-numeric:tabular-nums;opacity:.65}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem;padding:1.6rem}.tile{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.tile:hover{border-color:var(--brass);transform:translateY(-2px)}.tile-canvas{position:relative;aspect-ratio:16 / 10;background:#000}.tile-canvas canvas{display:block}.tile-info{padding:1rem 1.1rem 1.1rem}.tile-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.tile-head h3{margin:0;font-size:1rem;font-weight:700}.tile-tagline{margin:0 0 .9rem;color:var(--muted);font-size:.85rem;line-height:1.45}.tile-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.tile-open{font-size:.82rem;color:var(--text)}.tile:hover .tile-open{color:var(--brass)}.tile-download{font-size:.78rem;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;transition:color .15s,border-color .15s}.tile-download:hover{color:var(--brass);border-color:var(--brass)}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--muted);border:none;font-family:inherit;font-size:.82rem;cursor:pointer;padding:0}.back:hover{color:var(--brass)}.download-link{text-decoration:none;display:inline-flex;align-items:center}.bar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.bar-left{display:flex;align-items:baseline;gap:.75rem}.lab-title{font-weight:900;letter-spacing:.14em;font-size:.82rem}.counter{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.pills{display:flex;gap:.4rem;flex:1;overflow-x:auto;scrollbar-width:thin}.pill,.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.34rem .85rem;font-size:.78rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.pill:hover,.toggle:hover{color:var(--text);border-color:#3a3a3a}.pill.is-active{color:#1a1a1a;background:var(--brass);border-color:var(--brass);font-weight:500}.toggle.is-on{color:var(--brass);border-color:var(--brass)}.bar-right{display:flex;gap:.4rem}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:repeating-conic-gradient(#111,#111 25%,#0d0d0d 0%,#0d0d0d 50%) 50% / 22px 22px}.frame{position:relative;width:100%;height:100%;overflow:hidden;background:#000;box-shadow:0 20px 60px #0009}.stage.is-mobile .frame{width:390px;max-width:100%;height:100%;max-height:780px;border-radius:14px}.frame canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none;transition:opacity .25s;background:linear-gradient(90deg,#0d0d0deb,#0d0d0d8c 45%,#0d0d0d26)}.overlay.is-mobile{background:linear-gradient(180deg,#0d0d0d26,#0d0d0d8c 42%,#0d0d0df0 78%)}.overlay-inner{padding:3.5rem 2.5rem;max-width:620px;pointer-events:auto}.overlay.is-mobile .overlay-inner{padding:2rem 1.25rem}.overlay [contenteditable]:focus{outline:1px dashed rgba(198,154,81,.7);outline-offset:4px}.kicker{color:var(--brass);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem}.overlay h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.04;font-weight:900;text-transform:uppercase;margin:0 0 1.6rem}.cta{margin:0;text-decoration:underline;text-underline-offset:5px;font-size:.95rem}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00000073;color:#fff;font-size:1.05rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.frame:hover .arrow{opacity:1}.arrow:hover{border-color:var(--brass);color:var(--brass)}.arrow-prev{left:14px}.arrow-next{right:14px}.controls-panel{position:absolute;top:50%;right:18px;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:.9rem;padding:.85rem 1rem;min-width:160px;background:#141414ad;border:1px solid rgba(255,255,255,.12);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-row{display:flex;flex-direction:column;gap:.4rem}.control-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;color:var(--muted);letter-spacing:.02em}.control-value{color:var(--brass);font-variant-numeric:tabular-nums}.control-toggle{align-self:stretch;text-align:center}.control-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:999px;background:var(--line);outline:none}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--brass);cursor:pointer;border:2px solid #1a1a1a}.control-row input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--brass);cursor:pointer;border:2px solid #1a1a1a}@media (max-width: 780px){.controls-panel{top:auto;bottom:14px;right:14px;left:14px;transform:none;flex-direction:row;align-items:center}}.note{border-top:1px solid var(--line);background:var(--panel);padding:.9rem 1.1rem 1.1rem;flex-shrink:0;max-height:30vh;overflow-y:auto}.note-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.35rem}.note-head h2{font-size:1rem;margin:0;font-weight:700}.status{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:.16rem .5rem;border-radius:3px;border:1px solid}.status-approved{color:#7fc99a;border-color:#2f5c42}.status-draft{color:var(--brass);border-color:#5c4a2a}.status-parked{color:var(--muted);border-color:var(--line)}.cost,.created{font-size:.72rem;color:var(--muted)}.id{font-size:.72rem;color:var(--muted);background:#1c1c1c;padding:.14rem .4rem;border-radius:3px}.tagline{margin:0 0 .4rem;color:var(--text);font-size:.88rem}.body{margin:0 0 .5rem;color:var(--muted);font-size:.82rem;line-height:1.5;max-width:90ch}.hint{margin:0;color:#5f5a53;font-size:.75rem}@media (max-width: 900px){.bar{flex-wrap:wrap;gap:.7rem}.pills{order:3;width:100%}}