:root{--studio-ink:#153e41;--studio-teal:#087e77;--studio-soft:#e8f8f4}
.topbar{background:#fafffe;border-bottom:1px solid #cce9e3;box-shadow:0 4px 18px #123e3520}
.logo{background:linear-gradient(135deg,#096f87,#15a995);box-shadow:0 3px 8px #0c777044}
.brand{color:#164c49}
.top-actions .ai-action{background:linear-gradient(145deg,#18475c,#0b8984);border-color:#0e8f87;color:#fff;box-shadow:0 3px 6px #0e766126}
.top-actions .ai-action:hover{filter:brightness(1.12)}
.top-actions .primary{background:linear-gradient(140deg,#0f857f,#08736f);border-color:#087c76}
.editor-shell{grid-template-columns:minmax(238px,277px) minmax(0,1fr) minmax(255px,284px)}
.gallery,.inspector{background:#fcfffe}
.stage{background:radial-gradient(circle at 30% 20%,#edf9f7,#e9f0f5 67%,#e5eff4)}
.stage-heading{background:#f8fffd}
.pane-heading h2{color:#194d4b}
.pane-heading .eyebrow{color:#118c7e}
.categories{gap:6px;max-height:188px;overflow-y:auto;align-content:start;padding-right:3px}
.category{background:#f5fbfa;color:#376560;border:1px solid #cce6df;border-radius:11px;box-shadow:0 2px 3px #102b3010;padding:8px 10px}
.category[aria-pressed=true]{background:linear-gradient(135deg,#126c73,#0d9a88);border-color:#0d887d;box-shadow:0 3px 8px #09685b34;color:#fff}
.templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.template{background:#fff;border:1px solid #d5e6e4;box-shadow:0 3px 10px #1b545118;border-radius:12px;transition:border-color .14s,transform .14s,box-shadow .14s}
.template:hover{transform:translateY(-2px);border-color:#0f9790;box-shadow:0 6px 15px #1b686122}
.template[aria-pressed=true]{border-color:#0a8d81;box-shadow:0 0 0 2px #a9e2d8,0 6px 14px #125b5320}
.template-thumb{aspect-ratio:4/5;padding:0}
.template-thumb img{height:100%;width:100%;object-fit:contain;background:linear-gradient(135deg,#e8f4f2,#f6fafb)}
.template b{font-size:11px;line-height:1.2;color:#294d52}
.safe-note{background:#eaf9f5;border-color:#c6e9e0;color:#42635c}
.canvas-scroll canvas{border:1px solid #cfdfdf;box-shadow:0 14px 35px #0f555338}
.image-upload{white-space:nowrap}
.property-title{color:#127e78}
.layer.selected{background:#e2f7f2;border-color:#50b3a7;color:#086c65}
.ai-dialog{position:fixed;inset:0;max-width:min(660px,calc(100vw - 28px));max-height:min(90dvh,820px);border:1px solid #b9ded7;border-radius:17px;padding:0;box-shadow:0 28px 90px #082c3155;background:#fff;color:#163f42}
.ai-dialog::backdrop{background:#092f3b9c;backdrop-filter:blur(4px)}
.ai-dialog form{margin:0}
.ai-dialog-heading{background:linear-gradient(115deg,#153d59,#087b78);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:19px 23px;gap:14px}
.ai-dialog-heading span{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a6e9e0}
.ai-dialog-heading h2{font-size:23px;letter-spacing:-.5px;margin:4px 0 0;font-family:Manrope,system-ui,sans-serif;color:#ffffff!important;text-shadow:0 1px 1px #08393a66}
.ai-dialog-heading button{background:#ffffff24;color:#fff;border:1px solid #ffffff5c;border-radius:11px;font-size:20px;width:35px;height:35px}
.ai-dialog-content{padding:21px 23px;display:grid;gap:12px;overflow:auto;max-height:calc(90dvh - 100px)}
.ai-dialog-content p{font-size:12px;color:#486e6c;line-height:1.6;margin:0}
.ai-dialog-content label{display:grid;gap:6px;font-size:12px;font-weight:750}
.ai-dialog-content input,.ai-dialog-content textarea{border:1px solid #cfe2df;border-radius:9px;padding:10px;color:#174646;font:inherit;background:#fafffd;width:100%}
.ai-dialog-content textarea{resize:vertical;min-height:100px;line-height:1.5}
.ai-dialog-content input:focus,.ai-dialog-content textarea:focus{outline:2px solid #8acbc1}
.ai-dialog-content .ai-status{background:#ecf8f5;border-radius:10px;padding:10px 12px;color:#2f6660}
.ai-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.ai-dialog-actions button{border:1px solid #c9e1dc;border-radius:10px;background:#f5fbfa;padding:11px 15px;font-weight:800;color:#285551}
.ai-dialog-actions #aiGenerate{background:#097f75;border-color:#097f75;color:#fff}
.ai-dialog-actions button:disabled{opacity:.5;cursor:wait}
.ai-dialog-content small{font-size:10px;line-height:1.5;color:#718a86}
.toast{z-index:8;background:#0a6764}
@media(max-width:1120px){.editor-shell{grid-template-columns:210px minmax(0,1fr) 235px}.top-actions button{font-size:10px}}
@media(max-width:800px){.editor-shell{display:flex}.categories{max-height:none;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.category{flex:0 0 auto}.gallery{max-height:290px;overflow:auto}.templates{grid-template-columns:repeat(7,110px)}.template-thumb{aspect-ratio:.83}.stage{min-height:480px}.topbar{gap:9px}}
@media(max-width:520px){.ai-dialog-content{padding:13px}.ai-dialog-heading{padding:16px}.top-actions{gap:5px}.top-actions button{flex:0 1 auto;padding:7px 9px}.gallery{max-height:260px}.templates{grid-template-columns:repeat(7,100px)}}