@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f9e0eb;--panel:#fff8fc;--text:#382739;--muted:#81687b;--border:#e9cbdc;--accent:#a93170;--soft:#f2c7dd;--desk:#edcddd;--shadow:#8c45611b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;transition:background .5s,color .5s}body.dark{color-scheme:dark;--bg:#20182f;--panel:#2d2341;--text:#f4eafb;--muted:#b8a4ca;--border:#4b395f;--accent:#d6b0fc;--soft:#4c3668;--desk:#251d35;--shadow:#09031055}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);padding:10px 13px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--text);color:var(--panel);border-color:var(--text)}.primary:hover{background:var(--accent)}header{height:100px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 3%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font:800 28px Manrope,sans-serif;letter-spacing:-1px}.brand-light{font-weight:400}.mark{font-size:49px;color:var(--accent)}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2.2px;margin-top:4px}.header-actions{display:flex;gap:9px}main{padding:27px 3% 16px;max-width:1800px;margin:auto}.projectbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}#title{display:block;font:600 26px Manrope,sans-serif;border:0;background:none;color:var(--text);padding:6px 0;width:340px;max-width:100%}.project-actions{display:flex;gap:10px;align-items:center}#saveStatus{font-size:12px;color:var(--muted);margin-right:8px}.workspace{display:grid;grid-template-columns:192px minmax(0,1fr) 230px;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:19px 15px;box-shadow:0 7px 20px var(--shadow)}.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.tool{padding:10px 4px;font-size:12px}.tool span{display:block;font-size:23px;line-height:27px;margin-bottom:2px}.tool.active{background:var(--soft);border-color:var(--accent);color:var(--text)}hr{border:0;border-top:1px solid var(--border);margin:21px 0}label{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:13px}input[type=color]{padding:0;border:0;background:none;width:32px;height:27px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent);margin:0}input[type=checkbox]{accent-color:var(--accent)}input[type=text],select{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:8px}output{color:var(--muted);font-size:12px}#swatches{display:flex;gap:6px;margin-top:11px;flex-wrap:wrap}#swatches button{width:21px;height:21px;padding:0;border-radius:50%;border:2px solid var(--border)}.check{justify-content:flex-start;gap:7px}.tip,.muted{color:var(--muted);font-size:12px;line-height:1.7}.tip{margin:20px 0 0}.desk{background:var(--desk);border:1px solid var(--border);border-radius:15px;display:flex;flex-direction:column;min-height:680px;overflow:hidden}.canvasbar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--border);font-size:12px;gap:8px}.canvasbar button{background:transparent;padding:7px;border:0}.canvasbar label{margin:0}.paperwrap{padding:35px 26px;flex:1;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:18px 18px}canvas{width:100%;height:auto;aspect-ratio:1.5;box-shadow:0 12px 32px var(--shadow);touch-action:none;cursor:crosshair;background:#fffdfa}.deskfooter{display:flex;justify-content:space-between;padding:15px 20px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}.sectionhead{display:flex;align-items:center;justify-content:space-between}.sectionhead button{padding:5px 10px}.layerrow{display:flex;gap:6px;margin:9px 0;border:1px solid var(--border);border-radius:9px;align-items:center;padding:4px}.layerrow.active{border-color:var(--accent);background:var(--soft)}.layerrow button{border:0;background:transparent;padding:8px}.layername{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layeractions{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.layeractions button{font-size:12px;padding:7px}.wide{width:100%;margin-top:8px;font-size:13px}footer{display:flex;justify-content:space-between;margin-top:22px;color:var(--muted);font-size:11px;letter-spacing:1px}dialog{width:650px;max-width:92vw;max-height:80vh;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:25px}dialog::backdrop{background:#16092188;backdrop-filter:blur(4px)}#projectList{display:grid;gap:12px}.projectcard{border:1px solid var(--border);padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px}.projectcard strong{flex:1;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:10px;background:var(--text);color:var(--panel);opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}@media(min-width:1500px){.desk{min-height:780px}}@media(max-width:1100px){.workspace{grid-template-columns:160px minmax(0,1fr)}.layers{grid-column:1/-1;display:block}.desk{min-height:600px}.project-actions{flex-wrap:wrap;justify-content:flex-end}#saveStatus{width:100%;text-align:right}}@media(max-width:650px){header{height:auto;padding:18px;align-items:flex-start;gap:20px;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1;padding:9px 6px;font-size:12px}main{padding:20px 14px}.projectbar{align-items:flex-start;gap:15px;flex-direction:column}.project-actions{justify-content:flex-start}#saveStatus{width:auto;text-align:left}.workspace{grid-template-columns:1fr}.tools{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.tools>.eyebrow,.toolgrid{grid-column:1/-1}.toolgrid{grid-template-columns:repeat(4,1fr);margin:0}.tools hr,.tools .tip{display:none}.tools label{margin:7px 0}.tools input[type=range]{align-self:center}.desk{min-height:350px}.paperwrap{padding:20px 10px}.canvasbar{padding:10px 5px}.layers{grid-column:auto}footer{font-size:9px;gap:15px}#title{font-size:24px} }@media(prefers-reduced-motion:reduce){*{transition:none!important}}