:root{color:#172033;--ink:#172033;--muted:#64748b;--line:#dbe4ee;--blue:#2563eb;--surface:#ffffffe6;--shadow:0 22px 80px #0f172a29;--radius:18px;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}.editor-shell{width:100vw;height:100vh;color:var(--ink);background:linear-gradient(135deg,#f8fbff,#edf4fb);grid-template-rows:68px 1fr;grid-template-columns:88px 1fr 280px;display:grid}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:9px 12px;box-shadow:0 1px #0f172a08}button:hover{background:#f8fbff;border-color:#b8c7d9}button:disabled{opacity:.45;cursor:not-allowed}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;background:#ffffffd1;border-bottom:1px solid #cbd5e1d9;grid-column:1/4;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand small{color:var(--muted);font-size:12px;display:block}.logo{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 12px 28px #2563eb47}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbd;border-right:1px solid #cbd5e1d9;flex-direction:column;grid-area:2/1;gap:8px;padding:14px 10px;display:flex;overflow:auto}.toolbar button{border-radius:14px;min-height:42px;padding:7px 8px;font-size:12px}.toolbar button.active{color:#fff;background:#172033;border-color:#172033}.canvas-wrap{grid-area:2/2;position:relative;overflow:hidden}.canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.canvas.select{cursor:default}.canvas.hand{cursor:grab}.object{cursor:move}.object.selected *{filter:drop-shadow(0 0 #2563eb)}.empty-hint{color:#64748b;pointer-events:none;text-align:center;background:#ffffffc7;border:1px dashed #cbd5e1;border-radius:16px;padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zoom-pill{color:#fff;box-shadow:var(--shadow);background:#0f172adb;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;position:absolute;bottom:18px;left:18px}.sidepanel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border-left:1px solid #cbd5e1d9;flex-direction:column;grid-area:2/3;gap:12px;padding:18px;display:flex;overflow:auto}.sidepanel h3{margin:0}.sidepanel p{color:var(--muted);margin:0 0 8px}.sidepanel label{color:#334155;align-items:center;gap:9px;padding:10px 0;display:flex}.context-menu{background:var(--surface);width:230px;box-shadow:var(--shadow);z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #cbd5e1f2;border-radius:16px;padding:8px;position:fixed}.context-menu button{width:100%;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.context-menu button:hover{background:#eef5ff}.context-menu span{color:#64748b}.context-menu hr{border:0;border-top:1px solid #e2e8f0;margin:6px}.context-menu .danger{color:#dc2626}.modal-backdrop{z-index:30;background:#0f172a52;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #dbe4ee;border-radius:24px;padding:22px}.modal h2{margin:0 0 8px}.modal p{color:var(--muted)}.modal textarea{width:100%;min-height:160px;font:inherit;resize:vertical;border:1px solid #cbd5e1;border-radius:14px;padding:12px}.modal-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.ghost{background:#f8fafc}.simple-page{min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f8fbff,#e9f1ff);padding:28px}.simple-page nav{margin-bottom:28px}.simple-page a{color:#2563eb;text-decoration:none}.simple-page section{max-width:760px;box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #dbe4ee;border-radius:28px;padding:32px}.simple-page h1{margin:0 0 16px;font-size:clamp(36px,7vw,72px);line-height:.95}.cta{background:#172033;border-radius:14px;margin-top:16px;padding:12px 16px;display:inline-block;color:#fff!important}@media (width<=1050px){.editor-shell{grid-template-rows:64px 1fr 170px;grid-template-columns:74px 1fr}.topbar{grid-column:1/3}.sidepanel{border-top:1px solid #dbe4ee;border-left:0;grid-area:3/1/auto/3;grid-template-columns:1fr 1fr;align-content:start;display:grid}.canvas-wrap{grid-area:2/2}.toolbar{grid-row:2}}@media (width<=720px){body{overflow:hidden}.editor-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.topbar{grid-column:1;align-items:flex-start;gap:10px}.top-actions button{padding:8px;font-size:12px}.toolbar{border-top:1px solid #dbe4ee;border-right:0;flex-direction:row;grid-area:3/1;padding:9px;overflow-x:auto}.toolbar button{min-width:70px}.canvas-wrap{grid-area:2/1}.sidepanel,.brand small{display:none}.context-menu{width:min(230px,100vw - 16px)}.empty-hint{width:min(320px,86vw);font-size:14px}}@media (width<=430px){.topbar{padding:10px}.logo{width:34px;height:34px}.top-actions{gap:6px}.top-actions button:first-child,.top-actions button:nth-child(2){display:none}}