:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f0e8;--muted:#aaa3a9;--line:#39333f;--panel:#19171e;--panel-2:#211e27;--gold:#e2b968;--purple:#9e8bd2;--danger:#ef8e83}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#0e0d11;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{color:var(--ink);cursor:pointer;background:#30263b;border:1px solid #62546e;border-radius:7px;padding:.58rem .8rem}button:hover{border-color:var(--gold)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #c6a4ff}button:disabled{cursor:not-allowed;opacity:.42}label{color:#d5ced9;letter-spacing:.02em;gap:.42rem;font-size:.8rem;font-weight:650;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#100f14;border:1px solid #4b4451;border-radius:6px;padding:.65rem}textarea{resize:vertical;min-height:5.5rem;line-height:1.4}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}h2{letter-spacing:.04em;margin-bottom:.8rem;font-size:.92rem}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;font-weight:800}.muted{color:var(--muted);font-size:.8rem;line-height:1.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading,.gate{place-items:center;min-height:100vh;padding:2rem;display:grid}.gate{background:radial-gradient(circle at 50% 30%,#29203b 0,#100e16 45%,#09090c 100%)}.gate-card{background:#19171ef0;border:1px solid #4e435a;border-radius:12px;gap:1rem;width:min(430px,100%);padding:2rem;display:grid;box-shadow:0 30px 90px #0009}.gate-card p{color:var(--muted);line-height:1.55}.gate-card .error{color:var(--danger)}.studio{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#131117;justify-content:space-between;align-items:center;gap:1rem;min-height:74px;padding:.75rem 1rem;display:flex;position:sticky;top:0}.top-actions,.button-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.status,.save-state{color:var(--muted);font-size:.73rem}.status{border:1px solid #4c4650;border-radius:999px;padding:.3rem .48rem}.status.ok{color:#9dd7ae;border-color:#335e43}.status.bad{color:var(--danger);border-color:#74423c}.workspace{grid-template-columns:285px minmax(420px,1fr) 315px;min-height:calc(100vh - 74px);display:grid}.panel{background:var(--panel);max-height:calc(100vh - 74px);position:sticky;top:74px;overflow-y:auto}.panel section{border-bottom:1px solid var(--line);gap:.8rem;padding:1rem;display:grid}.layers-panel{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.section-heading h2{margin:0}.quiet{background:0 0}.model-warning{color:var(--gold);margin:0;font-size:.76rem}.link{color:var(--purple);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.danger{color:var(--danger);background:#2c1819;border-color:#6a3734}.wide{width:100%}.layer-list{gap:.35rem;display:grid}.layer{text-align:left;background:#131117;border-color:#0000;grid-template-columns:22px 1fr auto;align-items:center;width:100%;display:grid}.layer.active{border-color:var(--purple);background:#31283b}.layer span:nth-child(2){gap:.14rem;display:grid}.layer strong{text-transform:capitalize;font-size:.82rem}.layer small{color:var(--muted);font-size:.68rem}.layer-swatch{color:var(--gold)}.asset-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.asset-grid button{aspect-ratio:1;background:#0e0d11;padding:0;overflow:hidden}.asset-grid img{object-fit:cover;width:100%;height:100%;display:block}.canvas-column{background:#0b0a0e;align-content:start;justify-items:center;min-width:0;padding:1.5rem;display:grid;overflow:auto}.canvas-viewport{width:min(100%,750px)}.canvas-shell{aspect-ratio:5/7;background:#12101d;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 70px #000b}.card-stage,.card-stage>div,.card-stage canvas{width:100%!important;height:100%!important}.canvas-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.canvas-empty span{color:#b7956566;text-transform:uppercase;letter-spacing:.12em;border:1px dashed #a98a5966;padding:.4rem .65rem;font-size:.6rem;position:absolute}.canvas-empty span:first-child{top:5%;left:5%}.canvas-empty span:nth-child(2){top:11%;right:5%}.canvas-empty span:nth-child(3){top:40%;left:5%}.canvas-empty span:nth-child(4){top:17%;left:43%}.semantic-summary{width:min(750px,100%);color:var(--muted);margin:1rem 0 0;font-size:.76rem;line-height:1.5}.role-title{text-transform:capitalize;font-family:Georgia,serif;font-size:1.3rem}.two-col{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.check{align-items:center;display:flex}.check input{width:auto}.reference-list{border:1px solid #4b4451;border-radius:7px;gap:.45rem;margin:0;padding:.7rem;display:grid}.reference-list legend{padding:0 .25rem;font-size:.76rem;font-weight:700}.reference-list legend span{color:var(--muted);font-weight:400}.reference-option{grid-template-columns:auto 34px 1fr;align-items:center;gap:.5rem;font-weight:500;display:grid}.reference-option input{width:auto}.reference-option img{object-fit:cover;border-radius:4px;width:34px;height:34px}.toast{z-index:30;pointer-events:none;background:#30263b;border:1px solid #77628b;border-radius:8px;max-width:calc(100% - 2rem);padding:.75rem 1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000a}.modal-backdrop{z-index:50;background:#050407d9;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.candidate-card{background:var(--panel-2);border:1px solid #5f5269;border-radius:12px;width:min(520px,100%);max-height:calc(100vh - 2rem);padding:1.25rem;overflow:auto;box-shadow:0 30px 100px #000}.candidate-card img{object-fit:contain;background:#0d0c10;border-radius:6px;width:100%;max-height:55vh;display:block}.candidate-card>p:not(.eyebrow){color:var(--muted);margin:1rem 0;font-size:.82rem;line-height:1.5}.candidate-card pre{white-space:pre-wrap;color:#c7bdcb;font-size:.7rem}.end{justify-content:flex-end;margin-top:1rem}@media (max-width:1050px){.workspace{grid-template-columns:240px minmax(400px,1fr)}.inspector{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);max-height:none;display:grid;position:static}}@media (max-width:700px){.topbar{flex-direction:column;align-items:flex-start;position:static}.workspace{flex-direction:column;display:flex}.panel{width:100%;max-height:none;position:static}.layers-panel{border-right:0;order:2}.canvas-column{order:1;padding:.75rem}.inspector{order:3;display:block}.top-actions{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}