.engine-section{padding-bottom:55px}.studio{border:1px solid #ffffff20;border-radius:12px;background:#0e0e0e;overflow:hidden;box-shadow:0 0 100px -50px #91919130}.studio-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--border);font-size:12px;color:#bfbfbf}.studio-icon{font-size:17px;color:#ababab;margin-right:8px}.studio-header small{font-size:10px;color:#626262}.studio-save{font-size:9px;color:#7c7c7c}.studio-progress{display:flex;align-items:center;gap:14px;padding:22px 30px;border-bottom:1px solid var(--border)}.studio-progress button{border:0;background:none;color:#737373;font-size:11px;display:flex;align-items:center;gap:9px}.studio-progress button>span{font-size:9px;border:1px solid #ffffff18;border-radius:5px;padding:5px;color:#747474}.studio-progress button[aria-current]{color:#e2e2e2}.studio-progress button[aria-current]>span{color:#c7c7c7;background:#74747430;border-color:#a6a6a650}.studio-progress .complete>span{color:#c4c4c4}.studio-progress>i{height:1px;width:35px;background:#ffffff12}.studio-body{display:grid;grid-template-columns:1fr 1fr}.studio-editor{padding:33px 30px 20px;display:flex;flex-direction:column;min-width:0}.studio-page{animation:enter .25s ease-out;min-height:450px}.studio-page h3{font-size:29px;letter-spacing:-1px;margin-top:16px}.page-intro{font-size:12px;margin:11px 0 25px}.pattern-options{display:grid;gap:8px}.pattern-options button{position:relative;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;text-align:left;background:#131313;border:1px solid #ffffff13;border-radius:7px;padding:13px 15px}.pattern-options button>span{grid-row:span 2;align-self:center;font-size:23px;color:#878787}.pattern-options b{font-size:12px;font-weight:500;color:#b4b4b4}.pattern-options small{font-size:10px;color:#6e6e6e}.pattern-options button[aria-pressed=true]{border-color:#a6a6a65e;background:linear-gradient(110deg,#28282890,#171717)}.pattern-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:13px;top:15px;color:#acacac;font-size:10px}.studio-editor input:not([type=checkbox]),.studio-editor textarea{width:100%;background:#151515;border:1px solid #ffffff18;border-radius:5px;padding:10px 12px;color:#c3c3c3;font-size:11px;line-height:1.7;font-family:inherit}.studio-editor textarea{resize:vertical;min-height:65px}.studio-editor label:not(.checkbox){margin-top:20px}.studio-controls{display:flex;align-items:center;gap:15px;margin-top:auto;padding-top:24px}.studio-controls>span{font-size:9px;color:#6b6b6b;margin-left:auto}.studio-controls .button{font-size:11px;padding:10px 13px}.studio-controls .subtle:disabled{opacity:.25;cursor:default}.studio-canvas{border-left:1px solid var(--border);background:radial-gradient(ellipse at 50% 24%,#57575723,transparent 50%),#0c0c0c;padding:26px 30px;overflow:hidden}.canvas-label{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.3px;color:#7a7a7a}.canvas-label>span:last-child{margin-left:auto;color:#555555}.engine-art{position:relative;height:365px;perspective:800px}.art-halo{position:absolute;inset:30px;border-radius:50%;background:#8a8a8a12;filter:blur(40px)}.art-grid{position:absolute;inset:10px -30px;background-image:linear-gradient(#99999908 1px,transparent 1px),linear-gradient(90deg,#99999908 1px,transparent 1px);background-size:35px 35px;transform:rotateX(50deg) rotateZ(-20deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}.engine-slab{position:absolute;width:250px;left:50%;margin-left:-125px;transform:rotateX(32deg) rotateY(-15deg) rotateZ(-10deg);border:1px solid #a6a6a62b;border-radius:9px;background:linear-gradient(130deg,#222222,#131313);padding:15px 20px;box-shadow:0 7px 0 #080808,0 8px 0 #91919122,0 13px 25px #00000055}.engine-slab>span{font-size:8px;letter-spacing:1.3px;color:#8f8f8f}.engine-slab small{display:block;font-size:9px;color:#5e5e5e;margin-top:7px}.slab-app{top:23px;z-index:5;opacity:.8}.slab-engine{top:100px;z-index:4;border-color:#afafaf6b;background:linear-gradient(130deg,#3c3c3c,#1f1f1f);box-shadow:0 7px 0 #0d0d0d,0 8px 0 #9c9c9c4d,0 0 50px #9797971a}.slab-engine strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.7px;color:#cecece;overflow:hidden;text-overflow:ellipsis;margin:4px 0 13px}.slab-engine>div{display:flex;justify-content:space-between;font:9px monospace;color:#999999}.slab-number{font-size:7px!important;color:#8c8c8c!important}.slab-log{top:205px;z-index:3}.art-entries{display:flex;gap:6px;margin-top:8px}.art-entries i{font:9px monospace;color:#8c8c8c;border:1px solid #8c8c8c2e;border-radius:3px;padding:6px;background:#1a1a1a}.slab-storage{top:284px;z-index:2;padding:12px 20px;opacity:.7}.art-axis{position:absolute;bottom:0;right:0;font-size:6px;letter-spacing:2px;color:#4c4c4c}.canvas-summary{padding-top:23px;border-top:1px solid #8d8d8d1a}.canvas-summary>.eyebrow{font-size:8px}.canvas-summary article{display:flex;gap:14px;margin-top:18px}.canvas-summary article>span{font:8px monospace;color:#5d5d5d;padding-top:3px}.canvas-summary strong{font-size:11px;font-weight:500;color:#aaaaaa}.canvas-summary p{font-size:10px;color:#747474;line-height:1.7;margin-top:5px}.studio-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:10px 24px;font-size:9px;color:#6b6b6b}.inline-insight{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#90909008;border:1px solid #9090901c;border-radius:5px;color:#999999;font-size:11px;line-height:1.8;margin-top:22px}.handoff-checklist{display:grid;gap:19px;margin:30px 0;color:#b1b1b1;font-size:12px}.handoff-actions{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 14px}.handoff-actions .button{font-size:11px;padding:12px 14px}.handoff-note{font-size:11px;line-height:1.8;border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.studio-error{font-size:11px;color:#bababa;line-height:1.7;margin-top:12px}.studio-error:empty{display:none}.plan-preview{border:1px solid var(--border);border-radius:8px;background:#111111;padding:25px;margin-top:22px}.plan-preview pre{max-height:600px;overflow:auto;font-size:11px;line-height:1.9;color:#acacac;margin-top:20px}[hidden]{display:none!important}button:disabled{opacity:.4;cursor:default}
@media(max-width:1000px){.studio-editor,.studio-canvas{padding:24px 20px}.engine-slab{width:220px;margin-left:-110px}.slab-engine strong{font-size:18px}.studio-page h3{font-size:25px}}@media(max-width:700px){.studio-body{grid-template-columns:1fr}.studio-canvas{border-left:0;border-top:1px solid var(--border)}.studio-progress{padding:17px 13px;gap:7px;justify-content:space-between}.studio-progress>i{width:10px}.studio-progress button{gap:5px;font-size:10px;padding:0}.studio-progress button>span{font-size:7px;padding:4px}.studio-header{padding:0 17px}.studio-header small{display:none}.studio-save{font-size:8px}.studio-page{min-height:0;padding-bottom:20px}.studio-page h3{font-size:25px}.studio-controls{gap:8px}.studio-controls .button{font-size:10px}.studio-footer{padding:12px 17px;font-size:8px}.studio-footer>span{max-width:230px;line-height:1.7}.engine-art{max-width:420px;margin:auto}.studio-canvas{padding-bottom:25px}.handoff-actions .button{font-size:10px}.canvas-summary p{font-size:11px}.canvas-summary strong{font-size:12px}.plan-preview{padding:18px}.plan-preview pre{font-size:10px}}

/* Keep the next decision within reach while the live design stays visible. */
.engine-section{padding-top:48px}.engine-section .section-intro{margin-bottom:30px}.engine-section .section-label{margin-bottom:20px}.studio-controls{position:sticky;bottom:12px;background:#111;border:1px solid #ffffff18;border-radius:7px;padding:12px;margin-top:22px;z-index:8;box-shadow:0 8px 25px #0008}.canvas-summary p{color:#999}.canvas-summary strong{color:#ccc}.pattern-options small{color:#929292}.engine-slab small{color:#999}.studio-save{color:#999}.studio-page{min-height:420px}@media(max-width:700px){.engine-section{padding-top:35px}.studio-controls{bottom:10px}.studio-editor{padding-bottom:12px}}