:root{color-scheme:dark light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}#editor-root{box-sizing:border-box;width:100%}.editor-shell{box-sizing:border-box;width:100%;min-height:100%;height:100%;display:grid;grid-template-rows:50px 1fr 56px;background:#1f2329;color:#e5e7eb;font-family:Inter,system-ui,sans-serif}.editor-shell.editor-theme-light{background:#f3f4f6;color:#1f2937}.editor-shell.editor-theme-light .editor-topbar,.editor-shell.editor-theme-light .editor-bottom{background:#fff;border-color:#d1d5db}.editor-shell.editor-theme-light .editor-main .left-tools-scroll-outer,.editor-shell.editor-theme-light .editor-main .right-layers{background:#f9fafb;border-color:#e5e7eb}.editor-shell.editor-theme-light .tool{color:#4b5563}.editor-shell.editor-theme-light .layer-row,.editor-shell.editor-theme-light .layer-row-toggle{background:#fff;border:1px solid #e5e7eb}.editor-shell.editor-theme-light .canvas-wrap{background:#e5e7eb}.editor-topbar,.editor-bottom{display:grid;align-items:center;background:#171a1f;border-color:#2a2f37}.editor-topbar{grid-template-columns:auto 1fr auto;border-bottom:1px solid #2a2f37;padding:0 12px;gap:12px}.editor-topbar-left{display:flex;align-items:center;gap:10px;justify-self:start}.editor-topbar-center{display:flex;justify-content:center;align-items:center;min-width:0}.editor-transparency-strip{display:flex;align-items:center;gap:10px;font-size:.78rem;color:#9ca3af;max-width:100%}.editor-transparency-label{white-space:nowrap}.editor-transparency-strip input[type=range]{width:min(200px,28vw)}.editor-transparency-val{font-variant-numeric:tabular-nums;min-width:2.5rem;color:#e5e7eb;font-size:.75rem}.theme-toggle--compact .active{background:#2d8ceb!important}.theme-toggle--icons button{display:flex;align-items:center;justify-content:center;padding:6px 12px;min-width:40px}.theme-toggle--icons svg{display:block}.editor-topbar-right{justify-self:end;display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #2a2f37;background:#21262e;color:#e5e7eb;font-size:1.25rem;line-height:1;cursor:pointer}.editor-theme-light .icon-btn{background:#fff;border-color:#d1d5db;color:#1f2937}.ghost-btn{border:1px solid #3d4654;border-radius:8px;background:transparent;color:#b6c0ce;padding:6px 12px;font-size:.85rem;cursor:pointer}.editor-theme-light .ghost-btn{border-color:#d1d5db;color:#374151}.zoom-label{font-size:.8rem;color:#9ca3af;min-width:5.5rem;text-align:right}.editor-theme-light .zoom-label{color:#6b7280}.theme-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #2a2f37}.theme-toggle button{border:0;background:#21262e;color:#9ca3af;padding:6px 14px;font-size:.8rem;cursor:pointer}.theme-toggle button.active{background:#2d8ceb;color:#fff}.editor-theme-light .theme-toggle{border-color:#d1d5db}.editor-theme-light .theme-toggle button{background:#f3f4f6;color:#4b5563}.editor-theme-light .theme-toggle button.active{background:#2563eb;color:#fff}.editor-main{display:grid;grid-template-columns:minmax(118px,132px) 1fr 320px;min-height:0}.editor-main>.left-tools-scroll-outer{min-height:0}.left-tools-scroll-outer{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;border-right:1px solid #2a2f37;background:#181c22}.right-layers{background:#181c22}.left-tools{padding:8px 8px 12px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;overflow:visible}.left-tools-color-pick-palette{display:flex;flex-direction:column;gap:8px;padding:8px 6px 6px;border-radius:10px;background:#141a22;border:1px solid #2f3642}.editor-theme-light .left-tools-color-pick-palette{background:#f3f4f6;border-color:#e5e7eb}.left-tools-color-pick-btn{width:100%;border-radius:8px;border:1px solid #3d4654;background:#21262e;color:#e5e7eb;padding:8px 10px;font-size:.72rem;cursor:pointer}.editor-theme-light .left-tools-color-pick-btn{background:#fff;border-color:#d1d5db;color:#1f2937}.left-tools-hex-row{display:flex;width:100%}.left-tools-hex-input{width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #3d4654;background:#181c22;color:#e5e7eb;font-family:ui-monospace,monospace;font-size:.72rem;padding:6px 8px}.editor-theme-light .left-tools-hex-input{background:#fff;border-color:#d1d5db;color:#1f2937}.left-tools-objects{display:flex;flex-direction:column;gap:6px}.left-tools-object-wrap{position:relative;display:flex;flex-direction:column;gap:6px}.left-tools-object-wrap .tool.tool--object{position:relative;flex-direction:column;gap:3px;min-height:56px}.tool-label-row{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:10px}.left-tools-object-wrap .tool.tool--object .tool-chevron{opacity:.85;flex-shrink:0}.left-tools-object-menu{position:absolute;left:0;right:0;top:calc(100% - 6px);z-index:40;display:flex;flex-direction:column;gap:2px;padding:10px 6px 6px;border-radius:10px;background:#141a22;border:1px solid #2f3642;box-shadow:0 10px 28px #00000073}.editor-theme-light .left-tools-object-menu{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 28px #0000001f}.left-tools-object-item{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;padding:8px 10px;font-size:.78rem;color:#e5e7eb;background:transparent;cursor:pointer;text-align:left}.left-tools-object-item:hover{background:#2a3140}.left-tools-object-item.active{background:#2d8ceb;color:#fff}.left-tools-object-item--muted{color:#9ca3af;font-size:.72rem}.editor-theme-light .left-tools-object-item{color:#1f2937}.editor-theme-light .left-tools-object-item:hover{background:#f3f4f6}.editor-theme-light .left-tools-object-item.active{color:#fff}.left-tools-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.editor-theme-light .left-tools-label{color:#6b7280}.left-tools-select{width:100%;border-radius:8px;border:1px solid #3d4654;background:#181c22;color:#e5e7eb;padding:6px 8px;font-size:.72rem;cursor:pointer}.editor-theme-light .left-tools-select{background:#fff;border-color:#d1d5db;color:#1f2937}.left-tools-hint{margin:0;font-size:.65rem;line-height:1.35;color:#9ca3af}.left-tools-divider{height:1px;background:#2f3642;margin:4px 0}.editor-theme-light .left-tools-divider{background:#e5e7eb}.left-tools-draw-palette{margin-top:4px;padding:8px 6px 4px;border-radius:10px;background:#141a22;border:1px solid #2f3642;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;box-sizing:border-box}.editor-theme-light .left-tools-draw-palette{background:#f3f4f6;border-color:#e5e7eb}.left-tools-page-palette{margin-top:4px;padding:8px 6px 6px;border-radius:10px;background:#141a22;border:1px solid #2f3642;display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;box-sizing:border-box}.editor-theme-light .left-tools-page-palette{background:#f3f4f6;border-color:#e5e7eb}.left-tools-field{display:flex;flex-direction:column;gap:4px;font-size:.65rem;color:#9ca3af}.left-tools-field>span{font-weight:600;text-transform:uppercase;letter-spacing:.04em}.left-tools-color input[type=color]{width:100%;height:32px;border:1px solid #3d4654;border-radius:6px;padding:0;background:#181c22}.left-tools-stroke{display:flex;flex-direction:column;gap:4px;font-size:.65rem;color:#9ca3af}.left-tools-stroke-row{display:flex;align-items:center;gap:6px;width:100%;min-width:0;box-sizing:border-box}.left-tools-stroke-row input[type=range]{flex:1 1 0;width:0;min-width:0;max-width:100%;box-sizing:border-box}.left-tools-stroke-val{font-size:.65rem;color:#cbd5e1;min-width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool{border:0;border-radius:10px;min-height:56px;background:transparent;color:#b6c0ce;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.tool.active{background:#2d8ceb;color:#fff}.tool span{font-size:10px}.canvas-wrap{overflow:hidden;position:relative;background:#2a2f37;padding:0;min-height:0;flex:1;display:flex;flex-direction:column}.canvas-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#b6c0ce;font-size:.95rem}.editor-theme-light .canvas-empty{color:#6b7280}.canvas-empty a{color:#2d8ceb}.canvas-empty-sub{margin-top:.5rem;font-size:.85rem;opacity:.9}.right-layers{border-left:1px solid #2a2f37;padding:12px;overflow:auto;min-height:0}.layers-heading{margin:0 0 10px;font-size:.95rem;font-weight:600}.layers-hint{margin:0;font-size:.8rem;line-height:1.45;color:#9ca3af}.editor-theme-light .layers-hint{color:#6b7280}.layer-row{padding:8px 10px;border-radius:8px;background:#21262e;margin-bottom:8px}.layer-row-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.layer-row-toggle input{cursor:pointer}.layer-id{font-size:.8rem;font-family:ui-monospace,monospace;word-break:break-all}.editor-bottom{border-top:1px solid #2a2f37;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);gap:10px;padding:6px 10px}.editor-bottom-left{justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.editor-export-scope-label{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#9ca3af}.editor-export-scope-select{max-width:200px;border-radius:6px;border:1px solid #3d4654;background:#141a22;color:#e5e7eb;padding:4px 8px;font-size:.72rem}.editor-theme-light .editor-export-scope-select{background:#fff;border-color:#d1d5db;color:#1f2937}.editor-scale-label{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#9ca3af}.editor-scale-select{border-radius:6px;border:1px solid #3d4654;background:#141a22;color:#e5e7eb;padding:4px 8px;font-size:.72rem;max-width:120px}.editor-theme-light .editor-scale-select{background:#fff;border-color:#d1d5db;color:#1f2937}.editor-bottom-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;align-items:center}.editor-bottom-right{justify-self:end;text-align:right;min-width:0;max-width:min(42vw,520px)}.editor-bottom-coords{font-size:.72rem;line-height:1.35;color:#cbd5e1;word-break:break-word}.editor-bottom-coords.muted{color:#6b7280}.editor-theme-light .editor-bottom-coords{color:#4b5563}.btn{border:0;border-radius:6px;padding:6px 12px;color:#fff;font-weight:600}.pdf{background:#dc3545}.svg{background:#556c4b}.dxf{background:#6c757d}.meta-btn{background:#3d4a5c;font-size:.8rem}.svg-viewport{position:relative;width:100%;flex:1;min-height:200px;overflow:hidden}.svg-viewport--pan{cursor:grab}.svg-viewport--pan:active{cursor:grabbing}.svg-viewport--crosshair{cursor:crosshair}.svg-viewport--text{cursor:text}.svg-host svg foreignObject .ts-fobj-text::selection{background:#5bb3ff59}.svg-host{pointer-events:auto}.svg-host svg{display:block;width:100%;height:100%}.svg-host svg .ts-selected{filter:drop-shadow(0 0 4px #2d8ceb)}.ts-element-popover-inner{background:#21262e;border:1px solid #3d4654;border-radius:10px;padding:10px 12px;min-width:220px;box-shadow:0 12px 40px #00000073}.ts-popover-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.ts-popover-field label{font-weight:600;font-size:.7rem;color:#9ca3af}.ts-popover-field input[type=color]{width:100%;height:32px;border:1px solid #3d4654;border-radius:6px;padding:0;background:#181c22}.ts-popover-inline{display:flex;align-items:center;gap:8px}.ts-popover-inline input[type=range]{flex:1}.ts-popover-val{font-variant-numeric:tabular-nums;color:#e5e7eb;font-size:.7rem}.ts-popover-close{margin-top:6px;width:100%;border:1px solid #3d4654;border-radius:6px;background:#2a3140;color:#e5e7eb;padding:6px;cursor:pointer;font-size:.8rem}.layer-card{border-radius:10px;background:#21262e;border:1px solid #2f3642;margin-bottom:8px;overflow:hidden}.layer-card--open{border-color:#3d4a5c}.layer-card--active{box-shadow:inset 0 0 0 1px #2d8ceb44}.layer-card-head{display:flex;align-items:center;gap:6px;padding:8px 6px}.layer-chevron{border:0;background:transparent;color:#9ca3af;cursor:pointer;padding:4px;display:flex;border-radius:6px}.layer-chevron:hover{background:#2a3140;color:#e5e7eb}.layer-title{flex:1;font-size:.8rem;font-weight:600;color:#e5e7eb}.layer-icon-btn{border:0;background:transparent;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;display:flex}.layer-icon-btn:hover{background:#2a3140;color:#e5e7eb}.layer-card-body{padding:0 10px 10px 32px;display:flex;flex-direction:column;gap:10px}.layer-sublayer-list{display:flex;flex-direction:column;gap:10px}.layer-sublayer{display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border-left:2px solid #3d4a5c;border-radius:6px;background:#ffffff06}.layer-sublayer-head{display:flex;align-items:center;gap:6px}.layer-sublayer-title{flex:1;font-size:.75rem;font-weight:600;color:#e5e7eb}.editor-theme-light .layer-sublayer{border-left-color:#d1d5db;background:#00000008}.editor-theme-light .layer-sublayer-title{color:#111827}.layer-field{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:#9ca3af}.layer-field-row{display:flex;align-items:center;gap:8px}.layer-field-row input[type=range]{flex:1}.layer-field-val{font-size:.7rem;color:#cbd5e1;min-width:2.5rem;text-align:right}.layer-field input[type=color]{width:100%;height:32px;border:1px solid #3d4654;border-radius:6px;padding:0;background:#181c22}.layer-hex-color-row{display:flex;align-items:center;gap:8px;width:100%}.layer-hex-color-row input[type=color]{width:36px;height:36px;flex-shrink:0;border:1px solid #3d4654;border-radius:6px;padding:0;background:#181c22}.layer-hex-text{flex:1 1 0;min-width:0;box-sizing:border-box;border-radius:6px;border:1px solid #3d4654;background:#181c22;color:#e5e7eb;font-family:ui-monospace,monospace;font-size:.72rem;padding:6px 8px}.editor-theme-light .layer-hex-text,.editor-theme-light .layer-hex-color-row input[type=color]{background:#fff;border-color:#d1d5db;color:#1f2937}.layer-select{width:100%;border-radius:6px;border:1px solid #3d4654;background:#181c22;color:#9ca3af;padding:6px 8px;font-size:.75rem}.layer-selected-footer{margin-top:12px;padding-top:12px;border-top:1px solid #2f3642}.layer-selected-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.selected-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-weight:600}.selected-clear{border:0;background:transparent;color:#2d8ceb;cursor:pointer;font-size:.72rem}.selected-hint{font-size:.75rem;color:#9ca3af;margin:0 0 8px}.selected-object-form{padding-top:4px}.selected-object-form--text{display:flex;flex-direction:column;gap:10px}.ts-text-row--font,.ts-font-family-select{width:100%}.ts-text-row--toolbar{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;flex-wrap:nowrap}.ts-font-size-select{flex:1 1 auto;min-width:0;border-radius:6px;border:1px solid #3d4654;background:#21262e;color:#e5e7eb;padding:6px 8px;font-size:.78rem;cursor:pointer}.editor-theme-light .ts-font-size-select{background:#fff;border-color:#d1d5db;color:#1f2937}.ts-style-btn-group{display:flex;flex-direction:row;gap:4px;flex-shrink:0}.ts-style-btn{width:32px;height:32px;padding:0;border-radius:6px;border:1px solid #3d4654;background:#2f3642;color:#e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;line-height:1}.ts-style-btn:hover{background:#3d4a5c}.ts-style-btn--on{background:#2d8ceb;border-color:#2d8ceb;color:#fff}.ts-style-btn__i{font-style:italic}.ts-style-btn__u{text-decoration:underline}.ts-text-color-swatch{flex-shrink:0;width:32px;height:32px;border-radius:6px;overflow:hidden;border:1px solid #3d4654;cursor:pointer;display:block}.ts-text-color-swatch input[type=color]{width:44px;height:44px;margin:-6px 0 0 -6px;padding:0;border:0;cursor:pointer}.ts-popover-select,.selected-object-form input[type=number]{width:100%;border-radius:6px;border:1px solid #3d4654;background:#181c22;color:#e5e7eb;padding:6px 8px;font-size:.8rem}.editor-theme-light .ts-popover-select,.editor-theme-light .selected-object-form input[type=number]{background:#fff;border-color:#d1d5db;color:#1f2937}.editor-theme-light .layer-card{background:#fff;border-color:#e5e7eb}.editor-theme-light .layer-title{color:#111827}.editor-theme-light .ts-element-popover-inner{background:#fff;border-color:#d1d5db}