*{box-sizing:border-box} :root{font-family:Inter,Arial,sans-serif;color:#152033;background:#edf1f6;font-size:16px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{border:1px solid transparent;border-radius:9px;padding:12px 17px;background:#215de7;color:white;font-weight:650;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.quiet{color:#34445e;background:#edf2f9;border-color:#d8e0ed}.secondary{background:#fff;color:#215de7;border-color:#b5c8ef}header{background:#111b2d;color:white;display:flex;justify-content:space-between;align-items:center;padding:23px 32px;gap:15px}.brand{font-size:20px;font-weight:850;letter-spacing:1px}.brand span{font-weight:400;color:#94a7c7}.header-right{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:2px}.workspace{max-width:1760px;margin:auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;padding:28px}.controls{background:white;border:1px solid #dce3ec;border-radius:15px;padding:24px;align-self:start}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#537197;margin:0 0 12px}h1{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0 0 25px}h2{font-size:20px;letter-spacing:-.4px;margin:0}label{display:block;font-size:14px;font-weight:600;margin:17px 0}input:not([type=checkbox]):not([type=range]),select{width:100%;background:#f7f9fc;border:1px solid #ced8e5;border-radius:7px;padding:10px;margin-top:8px;color:#182740;min-width:0}input[type=color]{height:44px}input[type=range]{display:block;width:100%;accent-color:#215de7;margin-top:13px}output{float:right;color:#537197;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two label{margin-bottom:0}.upload{border:1px dashed #96afd6;background:#f3f7ff;border-radius:10px;padding:16px;color:#174aa6}.upload input{font-size:12px}small{font-size:12px;line-height:1.6;color:#61708a;display:block}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;height:18px;accent-color:#215de7}.editor{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.toolbar label{margin:0;min-width:160px}.toolbar .eyebrow{margin-bottom:6px}.stage{height:530px;display:flex;align-items:center;justify-content:center;border:1px solid #cdd7e5;border-radius:13px;overflow:hidden;background-color:#fff;background-image:conic-gradient(#e0e5ec 25%,transparent 0 50%,#e0e5ec 0 75%,transparent 0);background-size:24px 24px;padding:30px}.stage.dark{background:#20242c}.stage.light{background:#fff}canvas{display:none;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 32px #11224020}#empty{text-align:center;padding:24px;background:#ffffffec;border-radius:12px}#empty strong{font-size:23px}#empty p{color:#61708a}.statusbar{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;color:#526984;gap:15px}#notice{color:#194794;font-size:14px;min-height:20px;overflow-wrap:anywhere}.export{background:#15243d;color:white;border-radius:13px;padding:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.export>div{flex:1;min-width:220px}.export small{color:#b7c7e0;margin-top:8px}.export .eyebrow{color:#95b6f2}details{font-size:14px;line-height:1.65;margin:22px 0;color:#4b5f7a}summary{cursor:pointer;font-weight:650}.projects{padding:24px;background:#fff;border:1px solid #dce3ec;border-radius:13px}.save-row{display:flex;align-items:end;gap:12px;margin-bottom:12px}.save-row label{flex:1;margin:0}.project{display:flex;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #e3e9f1}.project:first-child{margin-top:18px}.project>div{flex:1;min-width:0;overflow-wrap:anywhere}.project button{font-size:14px}footer{padding:20px 30px;font-size:12px;color:#61708a;display:flex;justify-content:space-between;gap:15px}.login{max-width:450px;margin:9vh auto;background:white;border:1px solid #dce3ec;padding:35px;border-radius:16px}.login .brand{margin-bottom:35px}.login .eyebrow{margin-top:25px}.login h1{font-size:38px}.login p{line-height:1.6;color:#526984}.login button{width:100%}@media(min-width:1600px){.stage{height:650px}}@media(max-width:1000px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:16px;padding:16px}.controls{padding:18px}.stage{height:450px;padding:14px}.export{padding:18px}.header-right>span{display:none}}@media(max-width:720px){header{padding:18px 15px}.brand{font-size:16px}.workspace{display:flex;flex-direction:column;padding:12px}.controls{width:100%}.controls h1 br{display:none}.stage{height:390px}.toolbar{flex-wrap:wrap}.export button{flex:1}.save-row{flex-wrap:wrap}.save-row label{flex-basis:100%}footer{flex-direction:column}.login{margin:25px 12px;padding:25px}.project{flex-wrap:wrap}.project>div{flex-basis:100%}}