:root{--paper:#fff9f0;--ink:#493347;--muted:#806d7e;--pink:#b53769;--light:#fce1eb;--gold:#dca144;--border:#eddae3;--panel:#ffffff;--soft:#f9edf3;--workspace:#e8e3ed;--blue:#3c7896}body{background:var(--paper)}header{background:var(--paper)}.nav{gap:16px}.links{margin-left:auto;gap:20px}.theme-toggle{flex-shrink:0;border:1px solid var(--border);background:var(--panel);border-radius:22px;padding:9px 12px;color:var(--ink);font-size:12px}.hero{position:relative}.hero h1{font-size:clamp(45px,5.2vw,72px)}.hero:before{content:'✦';position:absolute;color:#d69731;font-size:28px;left:-28px;top:50px}.hero-card{background:transparent}.ribbon{background:#fce5b5;border-color:#ecd39b;color:#704b24}.card{background:var(--panel);box-shadow:0 8px 0 #edc8d633}.card:nth-child(2){border-top:4px solid #ddb24b}.card:nth-child(1){border-top:4px solid #df739c}.card:nth-child(3){border-top:4px solid #78acc3}.studio-section{background:#fce5ed;background-image:radial-gradient(#d6b6c5 1px,transparent 1px);background-size:22px 22px}.studio-section>.wrap{width:min(1540px,96%)}.studio-section .section-head{padding:0 20px}.idea{background:#fce5b5}.idea-box{background:var(--paper)}.art-thumb{background:#f2dcdd}.video{background:#e6edf5}.about .monogram{background:#f9cddd}.pro-studio{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 60px #682b4b17;overflow:hidden;color:var(--ink)}.pro-top{background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border)}.pro-top strong{font:700 23px Georgia,serif;color:var(--pink)}.studio-badge{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:3px}.pro-actions{display:flex;gap:6px;flex-wrap:wrap}.pro-btn{border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--ink);padding:8px 10px;min-height:37px;font-size:11px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;cursor:pointer}.pro-btn:hover{background:var(--soft);border-color:#bf7e9b}.pro-btn:disabled{opacity:.4;cursor:default}.pro-btn.accent{background:var(--pink);color:white;border-color:var(--pink)}.pro-layout{display:grid;grid-template-columns:174px minmax(0,1fr) 265px;min-height:720px}.pro-tools{padding:16px 13px;border-right:1px solid var(--border);background:var(--panel)}.panel-label{font-size:9px;letter-spacing:1.5px;font-weight:bold;color:var(--pink);margin:3px 0 10px}.panel-label:not(:first-child){margin-top:22px}.pro-toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px}.pro-tool{min-height:42px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--ink);font-size:10px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:7px}.pro-tool span{font-size:17px;width:20px}.pro-tool.active{color:var(--pink);background:var(--light);border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink)}.pro-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.pro-palette button{width:22px;height:22px;border-radius:50%;border:2px solid var(--panel);outline:1px solid var(--border)}.pro-palette button.selected{outline:2px solid var(--pink);outline-offset:1px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:14px 0;font-size:10px}.color-row input[type=color]{width:28px;height:28px}.pro-studio label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:bold;margin:13px 0 6px;gap:8px}.pro-studio label output{font-weight:normal;color:var(--muted);font-size:10px}.pro-studio input[type=range]{width:100%;accent-color:var(--pink);margin:4px 0 9px}.pro-studio .checkline{justify-content:flex-start;font-weight:normal;font-size:11px}.checkline input{accent-color:var(--pink)}.tool-hint{background:var(--soft);border-radius:7px;padding:10px;color:var(--muted);font-size:10px;line-height:1.6;margin-top:18px}.pro-center{display:flex;flex-direction:column;min-width:0;background:var(--workspace)}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--soft);font-size:10px;color:var(--muted)}.canvas-toolbar>div{display:flex;gap:4px;align-items:center}.canvas-toolbar .pro-btn{min-height:30px;padding:4px 9px}.canvas-toolbar output{min-width:45px;text-align:center}.pro-viewport{position:relative;overflow:auto;flex:1;min-height:510px;max-height:680px;overscroll-behavior:contain;padding:28px;background:var(--workspace);scrollbar-width:thin;touch-action:pan-x pan-y}.canvas-stage{margin:auto;flex-shrink:0;box-shadow:0 4px 25px #23203322;background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.pro-studio #canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;background:transparent;box-shadow:none;touch-action:none}.pro-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:10px;background:var(--soft);border-top:1px solid var(--border);min-height:38px;color:var(--muted)}.inspector{border-left:1px solid var(--border);background:var(--panel);min-width:0}.inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border);background:var(--soft)}.inspector-tab{font-size:10px;line-height:1.5;min-height:48px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:5px}.inspector-tab.active{color:var(--pink);border-color:var(--pink);background:var(--panel);font-weight:bold}.inspector-panel{padding:16px;max-height:780px;overflow:auto;scrollbar-width:thin}.inspector-panel[hidden]{display:none}.pro-studio select,.pro-studio input[type=text],.pro-studio input[type=search],.pro-studio input[type=number],.pro-studio textarea,.pro-studio #layerName{width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px}.pro-studio textarea{resize:vertical;min-height:65px}.inspector-panel input[type=search]{margin:10px 0}.stamp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:310px;overflow:auto;padding:3px;scrollbar-width:thin}.stamp-button{min-height:46px;display:grid;place-items:center;font-size:27px;background:var(--paper);border:1px solid var(--border);border-radius:8px}.stamp-button.selected{border-color:var(--pink);background:var(--light);outline:1px solid var(--pink)}.panel-note{font-size:10px;color:var(--muted);line-height:1.7}.inspector-panel>.pro-btn{width:100%;margin:6px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.mini-grid .pro-btn{font-size:10px;padding:7px 4px}.check-pair{display:flex;gap:15px}.pro-studio .check-pair label{font-weight:normal}.layer-list{display:flex;flex-direction:column;gap:6px;margin:14px 0;max-height:260px;overflow:auto}.layer-row{display:grid;grid-template-columns:32px 1fr 30px;align-items:center;border:1px solid var(--border);border-radius:7px;gap:5px;padding:5px;background:var(--paper)}.layer-row.selected{border-color:var(--pink);background:var(--light)}.layer-row img{width:30px;height:30px;object-fit:contain;background:#fff}.layer-select{background:none;border:0;text-align:left;color:var(--ink);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px}.layer-eye{border:0;background:none;color:var(--ink);font-size:15px}.album-details{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-top:20px}.album-details summary{font-weight:bold;font-size:14px;cursor:pointer}.local-gallery{margin-top:14px}.local-gallery .pro-btn{margin-top:5px}details summary{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pro-studio:fullscreen{border-radius:0;display:flex;flex-direction:column;overflow:auto}.pro-studio:fullscreen .pro-layout{flex:1;min-height:0}.pro-studio:fullscreen .pro-viewport{max-height:none;min-height:300px}.pro-studio:fullscreen .inspector-panel{max-height:calc(100vh - 150px)}
[data-theme=night]{color-scheme:dark;--paper:#24243a;--ink:#f6e8f0;--muted:#c1b2c7;--pink:#ee96bb;--light:#56384f;--gold:#f1cb75;--border:#51415d;--panel:#302b43;--soft:#393149;--workspace:#201d2f;--blue:#9ccfe5}[data-theme=night] .btn,[data-theme=night] .pro-btn.accent{color:#312036}[data-theme=night] .studio-section{background-color:#292338;background-image:radial-gradient(#52415b 1px,transparent 1px)}[data-theme=night] .ribbon{background:#3d3348;border-color:#5a465b;color:#efd5ab}[data-theme=night] .idea{background:#45354c}[data-theme=night] .video{background:#32384c}[data-theme=night] .art{background:#584355;box-shadow:15px 18px 0 #332b41}[data-theme=night] .art-label{background:#3d3148;color:#ffe4f0}[data-theme=night] .monogram{background:#56384f}[data-theme=night] .card{box-shadow:0 8px 0 #3c2e44}[data-theme=night] .art-thumb{border-color:#49394e}[data-theme=night] dialog{background:var(--panel);color:var(--ink)}[data-theme=night] .brand{color:#ffe8f1}.theme-toggle:hover{border-color:var(--pink)}
@media(min-width:1600px){.pro-layout{grid-template-columns:190px minmax(0,1fr) 285px}.pro-viewport{max-height:760px}.inspector-panel{max-height:860px}}@media(max-width:1100px){.pro-layout{grid-template-columns:155px minmax(0,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.inspector-panel{max-height:460px}.inspector-tabs{grid-template-columns:repeat(4,1fr)}.stamp-grid{grid-template-columns:repeat(10,1fr);max-height:180px}.pro-layout{min-height:0}.pro-viewport{min-height:480px;max-height:570px}.links{gap:12px;font-size:11px}.nav{gap:10px}.brand{font-size:22px}.studio-badge{display:none}}@media(max-width:700px){.links{margin:0}.theme-toggle{margin-left:auto}.pro-top{padding:12px}.pro-top strong{font-size:21px}.pro-actions{width:100%}.pro-actions .pro-btn{flex:1;padding:7px 5px;font-size:10px;white-space:nowrap}.pro-layout{grid-template-columns:1fr}.pro-tools{border:0;border-bottom:1px solid var(--border);padding:12px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.pro-tools>.panel-label:first-child{display:none}.pro-toolgrid{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:12px}.pro-tool{flex-direction:column;gap:0;justify-content:center;font-size:9px;min-height:47px;padding:4px}.pro-tool span{font-size:19px;width:auto}.pro-tools>.panel-label{grid-column:1/-1;margin:0 0 7px}.pro-palette{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.pro-palette button{width:23px;height:23px}.color-row{grid-column:1/-1;justify-content:flex-start;margin:10px 0 4px}.pro-tools>label[for=size],.pro-tools>#size{grid-column:1}.pro-tools>label[for=opacity],.pro-tools>#opacity{grid-column:2}.pro-tools>label[for=opacity]{grid-row:6}.pro-tools>#opacity{grid-row:7}.pro-tools>label[for=size]{grid-row:6}.pro-tools>#size{grid-row:7}.tool-hint{grid-column:1/-1;margin-top:7px;padding:7px}.pro-viewport{min-height:330px;max-height:440px;padding:18px}.pro-center{min-height:390px}.pro-status #pointerInfo{display:none}.stamp-grid{grid-template-columns:repeat(6,1fr);max-height:240px}.inspector-panel{max-height:520px}.pro-studio:fullscreen{display:block}.pro-studio:fullscreen .pro-viewport{min-height:350px}.pro-studio:fullscreen .inspector-panel{max-height:none}.canvas-toolbar{padding:7px}.studio-section .section-head{padding:0 5px}.pro-top .pro-actions{overflow-x:auto}.hero h1{font-size:49px}.hero:before{left:-8px;top:14px}.art{width:85%}}
[data-theme=night] .btn.outline{color:var(--ink)}
@media(max-width:700px){.nav .brand{font-size:22px;flex-shrink:0}.brand small{font-size:8px;letter-spacing:1.5px;white-space:nowrap}.menu{white-space:nowrap;font-size:12px;padding:8px}.theme-toggle{font-size:11px;padding:8px 10px}.pro-actions .pro-btn{flex:0 0 auto}.pro-actions{gap:5px}}
.version-badge{font:8px 'Trebuchet MS',sans-serif;letter-spacing:1px;border-radius:5px;background:var(--light);color:var(--pink);padding:5px;vertical-align:middle}.object-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--soft);padding:8px 14px;border-bottom:1px solid var(--border);font-size:11px}.object-toolbar>div{display:flex;gap:5px;flex-wrap:wrap}.object-toolbar .pro-btn{min-height:30px;padding:5px 8px;font-size:10px}.danger{color:#bb385c}.inspector-tabs{grid-template-columns:repeat(5,1fr)}.inspector-tab{font-size:9px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;max-height:440px;overflow:auto;padding:2px}.template-card{padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--paper);color:var(--ink);text-align:left}.template-card img{display:block;width:100%;aspect-ratio:4/3;background:white;border-radius:3px}.template-card span{font-size:9px;display:block;line-height:1.4;padding:5px 2px;min-height:32px}.template-card.selected{border-color:var(--pink);outline:1px solid var(--pink);background:var(--light)}.template-pages{display:flex;align-items:center;justify-content:space-between;gap:5px}.template-pages span{font-size:9px;color:var(--muted)}.template-pages .pro-btn{font-size:9px;padding:5px;min-height:30px}.object-list{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow:auto;margin:12px 0}.object-row{text-align:left;border:1px solid var(--border);border-radius:5px;background:var(--paper);color:var(--ink);font-size:10px;min-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px}.object-row.selected{background:var(--light);border-color:var(--pink)}.pro-tool:first-child{grid-column:1/-1;min-height:40px;font-weight:bold;background:var(--soft)}.pro-tool:first-child.active{background:var(--light)}.pro-studio:fullscreen .pro-layout{min-height:0}.pro-studio:fullscreen .inspector-panel{max-height:calc(100vh - 200px)}
@media(max-width:1100px){.inspector-tabs{grid-template-columns:repeat(5,1fr)}.template-grid{grid-template-columns:repeat(4,1fr);max-height:300px}.inspector-panel{max-height:560px}.pro-top strong{font-size:20px}}
@media(max-width:700px){.pro-tool:first-child{grid-column:span 2}.object-toolbar{flex-wrap:wrap;padding:10px;gap:8px}.object-toolbar>span{font-size:10px}.object-toolbar>div{width:100%;justify-content:space-between}.object-toolbar .pro-btn{flex:1}.template-grid{grid-template-columns:repeat(3,1fr);max-height:360px}.template-card span{font-size:9px}.version-badge{display:none}.pro-studio:fullscreen .inspector-panel{max-height:none}}
@media(min-width:1101px){.pro-layout{height:760px;min-height:0}.pro-tools{overflow:auto;scrollbar-width:thin}.pro-viewport{max-height:none;min-height:0}.inspector{overflow:hidden;display:flex;flex-direction:column}.inspector-panel{flex:1;max-height:none}.pro-center{min-height:0}.pro-studio:fullscreen .pro-layout{height:auto;flex:1}.pro-studio:fullscreen .inspector-panel{max-height:none}}
@media(min-width:701px) and (max-width:1100px){.pro-tools{max-height:650px;overflow:auto}.pro-center{height:650px}.inspector{max-height:620px;overflow:auto}}