@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#282936;--muted:#7c7d8c;--purple:#7357e8;--line:#e8e7ee;--bg:#f7f7fa}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:white;color:var(--ink);transition:background .15s}button:hover{background:#eeebfb}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--purple);border-color:var(--purple);color:white}button.primary:hover{background:#6346d5}button:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #c0b0ff;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #dedde7;border-radius:9px;padding:12px;background:white;color:var(--ink)}label{display:block;margin:17px 0 10px;font-weight:600}label input,label textarea,label select{display:block;margin-top:7px}h1,h2,.brand{font-family:Manrope,sans-serif}h2{font-size:27px;letter-spacing:-1px;margin:15px 0}p{line-height:1.7;color:var(--muted)}small{color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:var(--ink);text-decoration:none;white-space:nowrap}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.intro{background:#eeebf9;padding:45px 9%;display:flex;flex-direction:column;justify-content:space-between;min-height:750px;overflow:hidden}.intro h1{font-size:clamp(38px,4.5vw,64px);line-height:1.14;letter-spacing:-3px;margin:18px 0}.intro p{font-size:16px}.preview{position:relative;height:240px;max-width:480px;background:linear-gradient(30deg,transparent 49.7%,#c6bbeb 50%,transparent 50.3%)}.bubble{position:absolute;padding:17px 23px;background:white;border-radius:14px;box-shadow:0 10px 35px #7257c511;font-weight:600}.main{left:30%;top:90px;background:var(--purple);color:white}.b1{left:0;top:25px}.b2{right:0;top:20px;color:#aa6742}.b3{right:8%;bottom:10px;color:#438773}.login-card{align-self:center;width:360px;max-width:85%;margin:50px auto}.login-card>.primary{width:100%;margin-top:18px}.login-card>small{display:block;text-align:center;margin-top:24px}#loginError{color:#b74646}header{height:80px;display:flex;align-items:center;gap:22px;padding:0 30px;background:white;border-bottom:1px solid var(--line)}header #title{width:260px;background:transparent;border:none;font-weight:600}header .private{margin-left:auto;font-size:12px;color:#7e8590}.private:first-letter{color:#54a38e}.workspace{display:flex;height:calc(100dvh - 80px)}aside{width:225px;flex-shrink:0;background:white;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;overflow:auto}aside>.eyebrow{padding:0 12px;margin-bottom:18px}aside>button{text-align:left;border:0;margin:3px 0;color:#71717e}aside>button.active{color:var(--purple);background:#efebfd;font-weight:700}hr{border:0;border-top:1px solid var(--line);width:100%;margin:20px 0 8px}aside label{padding:0 12px;font-size:12px}input[type=color]{height:36px;padding:3px}input[type=range]{padding:0;accent-color:var(--purple)}.swatches{display:flex;justify-content:center;gap:10px;margin-top:12px}.swatches button{background:var(--c);width:25px;height:25px;padding:0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px var(--line)}.aside-bottom{margin-top:auto;padding:25px 12px 0}.aside-bottom p{font-size:12px}main{flex:1;min-width:0;padding:28px 30px;display:flex;flex-direction:column}.canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.canvas-bar b{font-size:18px}.canvas-bar small{display:block;margin-top:7px}.actions{display:flex;gap:8px;flex-wrap:wrap}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#eeedf3;border:1px solid var(--line);border-radius:16px;padding:24px}canvas{display:block;background:white;box-shadow:0 8px 35px #2829360a;width:100%;max-height:100%;object-fit:contain;aspect-ratio:1.6;touch-action:none;border-radius:5px}footer{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;width:520px;max-width:92vw;box-shadow:0 30px 100px #28293625}dialog::backdrop{background:#25273570;backdrop-filter:blur(3px)}dialog form .actions{justify-content:flex-end;margin-top:20px}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.export-options button{text-align:left;padding:20px 12px}.export-options small{display:block;margin-top:10px}#users{margin:20px 0}.user-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}#adminDialog{max-height:90vh}#adminStatus{color:#7357e8}[hidden]{display:none!important}@media(max-width:1000px){header .private{display:none}header #title{margin-right:auto;width:180px}aside{width:180px}main{padding:20px}.canvas-bar{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.login-shell{display:block}.intro{min-height:0;padding:30px}.intro>div{padding:35px 0 10px}.intro h1{font-size:38px}.preview{display:none}.login-card{padding:15px 0}header{height:auto;min-height:70px;gap:10px;padding:12px;flex-wrap:wrap}header .brand{font-size:21px}header #title{width:145px}.workspace{height:auto;min-height:calc(100dvh - 90px);flex-direction:column}aside{width:100%;flex-direction:row;flex-wrap:wrap;gap:5px;padding:12px;border-bottom:1px solid var(--line)}aside>.eyebrow,aside hr,.aside-bottom,.swatches{display:none}aside>button{font-size:12px;padding:9px}aside label{margin:0;width:95px}aside label input{margin-top:2px}main{padding:15px}.stage{padding:5px;min-height:300px}.canvas-bar .actions button{padding:10px;font-size:12px}footer{gap:10px}.export-options{grid-template-columns:1fr}}