:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#172033;background:#f7f8fb;font-synthesis:none;--border:#e6eaf0;--muted:#728096;--blue:#365de4;--shadow:0 8px 28px #2436540e}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{display:flex;flex-direction:column;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5c8afa;outline-offset:2px}.skip-link{position:absolute;transform:translateY(-200%);padding:10px;background:#fff;z-index:30}.skip-link:focus{transform:none}.topbar{min-height:60px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:18px}.brand-group,.canvas-bottom,.canvas-stats,.canvas-top,.document-actions,.empty-actions,.quick-actions,.title-line,.top-actions,.zoom-controls{display:flex;align-items:center;gap:10px}.brand{text-decoration:none;color:#182339;font-weight:800;font-size:17px;letter-spacing:-.7px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:#1f4bde;color:#fff;width:29px;height:29px;border-radius:9px;margin-right:6px}.breadcrumb{color:#bcc5d1}.brand-tool{font-size:13px;font-weight:650;white-space:nowrap}.studio-label{color:#4773de;background:#eff4ff;border:1px solid #dbe5ff;font-size:9px;font-weight:800;letter-spacing:.12em;padding:4px 6px;border-radius:6px}.privacy{font-size:12px;color:#66768a;white-space:nowrap}.privacy-dot{display:inline-block;width:7px;height:7px;background:#38a97f;border-radius:50%;margin-right:5px}.btn{min-height:36px;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700;line-height:1.2;border:1px solid var(--border);background:#fff;color:#334155}.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:#f1f5fb}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 10px #365de421}.btn.primary:hover:not(:disabled){background:#2549c9}.btn.subtle{background:#fff}.btn.danger{border-color:#ffdde0;background:#fff5f5;color:#aa3e47}.btn.small{padding:7px 10px;min-height:32px}.btn.full{width:100%;margin:4px 0;text-align:center}.subbar{background:#fff;padding:15px 27px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.eyebrow,.panel-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:850;color:#7b8ba5}.title-line{margin-top:3px}.title-line input{font-size:23px;font-weight:750;color:#14253e;letter-spacing:-.65px;border:1px solid transparent;background:0 0;border-radius:5px;width:min(370px,45vw);padding:4px 0}.title-line input:hover{border-bottom-color:#d5deea}.status{font-size:11px;color:#728096;white-space:nowrap}.status.error{color:#c2414a}.editor{display:grid;grid-template-columns:232px minmax(0,1fr) 270px;flex:1;min-height:530px;height:calc(100vh - 153px);overflow:hidden}.inspector,.tools-panel{background:#fff;display:flex;flex-direction:column;min-height:0}.tools-panel{border-right:1px solid var(--border)}.tools-section{padding:23px 15px 12px}.tools-section .panel-eyebrow{margin:0 11px 12px}.tool-list{display:grid;gap:2px}.tool{border:1px solid transparent;background:0 0;border-radius:10px;display:flex;align-items:center;width:100%;height:40px;gap:12px;padding:0 11px;text-align:left;color:#44536c;font-size:13px;font-weight:600}.tool:hover{background:#f5f7fc}.tool.active{background:#ecf2ff;color:#2a55d4;border-color:#dce6ff}.tool-icon{width:25px;text-align:center;font-size:20px;font-weight:450}.note-symbol{color:#e0a832}.tool kbd{margin-left:auto;font-family:inherit;background:0 0;color:#a3afbe;font-size:10px}.tool.active kbd{color:#6582cb}.library{border-top:1px solid #f0f2f6;margin-top:6px}.template-prompt{display:flex;gap:9px;align-items:center;background:#f5f8ff;border:1px solid #e6ebff;border-radius:12px;padding:11px;text-align:left;width:100%;color:#41506b}.template-prompt b{font-size:11px;display:block}.template-prompt small{font-size:10px;display:block;color:#8a96ab;margin-top:4px;line-height:1.3}.template-swatch{background:#dfeaff;padding:9px;border-radius:9px;color:#355dde}.tools-footer{margin-top:auto;padding:16px}.local-note{font-size:11px;line-height:1.6;color:#8d98a8;border-top:1px solid var(--border);padding-top:15px}.canvas-column{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f8fafc}.canvas-bottom,.canvas-top{justify-content:space-between;padding:8px 18px;background:#fff;min-height:52px;flex:none}.canvas-top{border-bottom:1px solid #edf0f5}.canvas-bottom{border-top:1px solid #edf0f5;min-height:44px}.canvas-hint,.canvas-stats{font-size:11px;color:#8794a7}.icon-btn{height:32px;min-width:32px;border-radius:8px;border:1px solid #e8edf3;background:#fff;color:#48566e;font-size:20px;line-height:1}.separator{height:20px;width:1px;background:#e8ebf0;display:inline-block;margin:0 5px}.board-stage{position:relative;min-height:0;flex:1;overflow:hidden;cursor:default;touch-action:none;background:#fbfcfe}.grid-layer{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1.1px);background-size:22px 22px}.board-stage.tool-pan{cursor:grab}.board-stage.tool-pan:active{cursor:grabbing}.board-stage.tool-pen{cursor:crosshair}.board-stage.tool-add{cursor:crosshair}.board-stage svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.board-object{cursor:move}.tool-add .board-object,.tool-pen .board-object{cursor:crosshair}.board-object.selected>ellipse,.board-object.selected>polygon,.board-object.selected>rect:first-child{stroke:#3d64d9;stroke-width:2.5}.board-stage svg text{pointer-events:none;user-select:none}.board-stage .selection-box{stroke:#365de4;stroke-width:1.5;stroke-dasharray:5 4;fill:none;pointer-events:none}.board-stage .resize-handle{cursor:nwse-resize;fill:#fff;stroke:#365de4;stroke-width:2}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(440px,88%);pointer-events:none}.canvas-empty[hidden]{display:none}.canvas-empty .empty-actions{justify-content:center;margin-top:23px;pointer-events:auto}.empty-illustration{width:186px;height:114px;position:relative;margin:auto}.empty-illustration span{position:absolute;display:grid;place-items:center;width:68px;height:68px;border-radius:15px;box-shadow:0 14px 24px #9cadd329;font-size:34px}.empty-illustration span:first-child{background:#e7e1ff;color:#7160bd;left:8px;transform:rotate(-12deg);top:8px}.empty-illustration span:nth-child(2){background:#fff0ab;color:#bc9132;left:70px;top:0;transform:rotate(7deg)}.empty-illustration span:nth-child(3){background:#d6efff;color:#5a94ad;left:122px;top:30px;transform:rotate(15deg)}.canvas-empty h2{font-size:23px;letter-spacing:-.7px;margin:8px 0}.canvas-empty p{font-size:13px;color:#8390a2;line-height:1.6}.zoom-value{font-size:11px;min-width:48px;background:0 0;border:0;color:#607089;font-weight:750}.inspector{border-left:1px solid var(--border)}.inspector-heading{padding:24px 20px 17px;border-bottom:1px solid var(--border)}.inspector-heading h2{font-size:18px;letter-spacing:-.4px;margin:8px 0 7px}.inspector-heading p{font-size:12px;color:#8290a4;line-height:1.6;margin:0}.inspector-body{padding:22px 19px;overflow:auto;flex:1}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.field label{color:#4e5b70;font-size:12px;font-weight:720}.field input[type=color]{width:100%;height:41px;border:1px solid #e4e8ef;border-radius:9px;background:#fff;padding:4px;cursor:pointer}.field textarea{border:1px solid #dce3ed;border-radius:10px;padding:10px;color:#334155;resize:vertical;font-size:13px;line-height:1.5}.field input[type=range]{accent-color:#4a69e8}.field output{font-size:11px;color:#7c8ca3}.section-label{font-size:11px;font-weight:800;color:#8c9bae;letter-spacing:.09em;margin:10px 0 12px}.field-hint{font-size:11px;color:#8c9aac;line-height:1.5}.inspector-tip{border-radius:12px;background:#f4f7ff;padding:13px;margin-top:25px}.inspector-tip b{font-size:12px;color:#4e69aa}.inspector-tip p{font-size:11px;line-height:1.6;color:#7e8ba3;margin-bottom:0}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-footer{font-size:10px;color:#9ba6b6;text-align:center;padding:17px;border-top:1px solid var(--border)}#inlineEditor{position:absolute;z-index:5;border:2px solid #5475e9;border-radius:9px;box-shadow:0 6px 25px #2b4fc525;padding:12px;line-height:1.3;font-size:16px;resize:none;background:#fff;color:#243044;touch-action:auto}#toast{position:fixed;left:50%;bottom:52px;transform:translateX(-50%);background:#182339;color:#fff;z-index:60;padding:12px 18px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);max-width:90vw}#toast[hidden]{display:none}.modal{border:1px solid #e1e6ed;border-radius:18px;box-shadow:0 25px 80px #14233b3b;width:min(520px,calc(100vw - 25px));max-height:90vh;padding:22px;color:#253247}.modal::backdrop{background:#1e2d4666;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.modal h2{margin:7px 0 5px;font-size:21px;letter-spacing:-.6px}.modal-desc{font-size:12px;color:#8290a3;line-height:1.6}.template-list{display:grid;gap:8px;margin:19px 0}.template-entry{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #e6ebf4;border-radius:11px;padding:12px;text-align:left;background:#fff;color:#334155}.export-choice:hover,.template-entry:hover{border-color:#a8bef7;background:#f8faff}.template-entry i{font-size:21px;font-style:normal;width:34px;height:34px;background:#edf3ff;display:grid;place-items:center;border-radius:8px}.export-choice b,.template-entry b{display:block;font-size:13px}.export-choice span,.template-entry small{display:block;font-size:11px;color:#8290a3;margin-top:4px}.export-grid{display:grid;gap:10px;margin-top:18px}.export-choice{border:1px solid #e2e7ef;border-radius:11px;background:#fff;text-align:left;padding:14px;color:#3b4a62}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.help-grid p{font-size:12px;color:#4d5c73}kbd{background:#f0f3f8;padding:3px 6px;border-radius:5px;color:#718096;font-size:11px}.mobile-bar{display:none}@media(max-width:1150px){.editor{grid-template-columns:198px minmax(0,1fr) 235px}.tools-section{padding-left:10px;padding-right:10px}.inspector-body,.inspector-heading{padding-left:14px;padding-right:14px}.subbar,.topbar{padding-left:15px;padding-right:15px}}@media(max-width:850px){.canvas-hint,.privacy,.studio-label{display:none}.editor{grid-template-columns:190px minmax(0,1fr)}.inspector{display:none;position:absolute;right:0;top:0;bottom:54px;width:min(320px,95%);z-index:11;box-shadow:-8px 0 30px #24365426}.editor.show-inspector .inspector{display:flex}.editor{position:relative}.subbar{padding:10px 14px}.title-line input{font-size:19px}.mobile-bar{display:flex;height:52px;background:#fff;border-top:1px solid var(--border);justify-content:space-around;align-items:center}.mobile-tab{border:none;background:0 0;font-size:12px;font-weight:700;color:#8290a4;padding:13px}.mobile-tab.active{color:#2b54d6;border-bottom:2px solid #2b54d6}}@media(max-width:580px){.editor{grid-template-columns:1fr;height:calc(100dvh - 188px);min-height:440px}.tools-panel{display:none;position:absolute;z-index:11;left:0;top:0;bottom:54px;width:210px;box-shadow:8px 0 30px #24365426}.editor.show-tools .tools-panel{display:flex}.inspector{bottom:0}.topbar{min-height:55px}.brand-tool{font-size:11px}.brand{font-size:14px}.top-actions .btn.subtle{display:none}.subbar{align-items:flex-start;flex-direction:column;gap:6px;padding:8px 13px}.title-line input{width:54vw;font-size:18px}.document-actions{gap:5px}.document-actions .btn{padding:6px 8px;min-height:27px;font-size:11px}.canvas-top{min-height:42px}.canvas-empty h2{font-size:20px}.canvas-bottom{padding:5px 9px}.canvas-empty .empty-actions{flex-direction:column}.board-stage{min-height:280px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.canvas-bottom,.canvas-top,.inspector,.mobile-bar,.subbar,.tools-panel,header{display:none!important}.canvas-column,.editor{display:block!important;height:auto!important}.board-stage{height:90vh!important}}.object-browser{max-height:178px;overflow:auto;padding:0 2px}.object-browser button{width:100%;display:flex;gap:8px;align-items:center;min-height:34px;padding:6px 9px;margin:2px 0;background:#fff;border:1px solid #e6eaf2;border-radius:8px;text-align:left;font-size:11px;color:#41506b}.object-browser button[aria-pressed=true]{background:#edf3ff;border-color:#a7bdf8;color:#284ec0}.object-browser button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-browser .field-hint{margin:7px}.selection-region{fill:#4773de20;stroke:#365de4;stroke-dasharray:6 4;stroke-width:1.5;pointer-events:none}.button-grid [data-align],.button-grid [data-distribute]{font-size:11px}.object-browser button:focus-visible{outline:3px solid #5c8afa;outline-offset:2px}