.drawing-tool-root{background:var(--background-color);height:calc(100vh - 60px);color:var(--text-color);--dt-door-fill:#e8e8e8;--dt-door-stroke:#333;flex-direction:column;display:flex}.drawing-tool-root.dark{--dt-bg-primary:#282828;--dt-bg-secondary:#333;--dt-bg-tertiary:#3a3a3a;--dt-border:#4a4a4a;--dt-text:var(--text-color,#fff);--dt-text-secondary:#fff9;--dt-accent:#7b58e0;--dt-canvas-bg:#2a2a2a;--dt-grid-color:#ffffff14;--dt-preview-fill:#3b82f633;--dt-preview-stroke:#3b82f6;--dt-lite-fill:#87ceeb66;--dt-lite-stroke:#0ea5e9;--dt-louver-fill:#96969680;--dt-louver-stroke:#888;--dt-hardware-fill:#fbbf244d;--dt-hardware-stroke:#fbbf24;--dt-hinge-fill:#94a3b899;--dt-hinge-stroke:#64748b;--dt-hinge-knuckle:#94a3b8;--dt-selection-color:#3b82f6;--dt-warning-color:#fbbf24;--dt-error-color:#ef4444;--dt-door-badge-bg:#3b82f633;--dt-door-badge-text:#60a5fa;--dt-frame-badge-bg:#22c55e33;--dt-frame-badge-text:#4ade80;--dt-scale-bg:#0009;--dt-scale-text:#fff}.drawing-tool-root.light{--dt-bg-primary:#fff;--dt-bg-secondary:#f0f0f0;--dt-bg-tertiary:#e5e5e5;--dt-border:#d0d0d0;--dt-text:var(--text-color,#333);--dt-text-secondary:#0009;--dt-accent:#1f54ff;--dt-canvas-bg:#fff;--dt-grid-color:#00000014;--dt-preview-fill:#3b82f633;--dt-preview-stroke:#2563eb;--dt-lite-fill:#87ceeb66;--dt-lite-stroke:#0ea5e9;--dt-louver-fill:#b4b4b480;--dt-louver-stroke:#666;--dt-hardware-fill:#ffa5004d;--dt-hardware-stroke:#f59e0b;--dt-hinge-fill:#94a3b899;--dt-hinge-stroke:#475569;--dt-hinge-knuckle:#64748b;--dt-selection-color:#2563eb;--dt-warning-color:#f59e0b;--dt-error-color:#ef4444;--dt-door-badge-bg:#3b82f626;--dt-door-badge-text:#2563eb;--dt-frame-badge-bg:#22c55e26;--dt-frame-badge-text:#16a34a;--dt-scale-bg:#0009;--dt-scale-text:#fff}.drawing-tool-loading,.drawing-tool-error{height:100%;color:var(--dt-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.drawing-tool-loading .loading-spinner{border:3px solid var(--dt-border);border-top-color:var(--dt-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drawing-tool-error h2{color:#ef4444;margin-bottom:.5rem}.drawing-tool-error code{background:var(--dt-bg-tertiary);border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.drawing-tool-error a{color:var(--dt-accent);margin-top:1rem;text-decoration:none}.drawing-tool-error a:hover{text-decoration:underline}.drawing-tool-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.drawing-tool-content-main{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;flex:1;min-height:0;display:flex;overflow:hidden}.tool-palette{background:var(--dt-bg-secondary);border-right:1px solid var(--dt-border);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;width:80px;min-width:80px;padding:.5rem;display:flex;position:relative}.tool-palette-header{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.625rem;font-weight:600}.tool-palette-divider{background:var(--dt-border);width:80%;height:1px;margin:.5rem 0}.tool-button{width:100%;color:var(--dt-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.625rem;transition:all .15s;display:flex}.tool-button:hover{background:var(--dt-bg-tertiary);color:var(--dt-text)}.tool-button.active{background:var(--add-btn-bg,#3b82f6);color:#fff}.tool-label{text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:500}.tool-button svg{width:18px;height:18px}.tool-shortcut{opacity:.7;font-size:.5rem}.drawing-canvas-wrapper{background:var(--dt-canvas-bg);flex:1;position:relative;overflow:hidden}.drawing-canvas{cursor:default;touch-action:none;width:100%;height:100%}.drawing-canvas.tool-select{cursor:default}.drawing-canvas.tool-lite,.drawing-canvas.tool-louver,.drawing-canvas.tool-panel,.drawing-canvas.tool-hardware,.drawing-canvas.tool-dimension{cursor:crosshair}.drawing-canvas.tool-pan{cursor:grab}.drawing-canvas.tool-pan.dragging{cursor:grabbing}.scale-indicator{background:var(--dt-bg-secondary);color:var(--dt-text-secondary);border:1px solid var(--dt-border);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:1rem;right:1rem}.door-outline,.frame-outline{fill:var(--dt-door-fill);stroke:var(--dt-door-stroke);stroke-width:2px}.lite-element{fill:#87ceeb66;stroke:#0ea5e9;stroke-width:1px;cursor:pointer}.lite-element:hover{stroke-width:2px}.lite-element.selected{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.louver-element{fill:#b4b4b480;stroke:#666;stroke-width:1px;cursor:pointer}.louver-element:hover{stroke-width:2px}.louver-element.selected{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.hardware-marker{fill:#ffa5004d;stroke:#f59e0b;stroke-width:1px;cursor:pointer}.hardware-marker:hover{fill:#ffa50080}.hardware-marker.selected{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.drawing-preview{fill:#87ceeb4d;stroke:#0ea5e9;stroke-width:1px;stroke-dasharray:4 2;pointer-events:none}.notes-display{pointer-events:none}.notes-label{fill:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.notes-text{fill:var(--dt-text);font-size:10px;font-style:italic}.door-size-label{fill:var(--dt-text);pointer-events:none;font-size:11px;font-weight:600}.grid-line{stroke:var(--dt-border);stroke-width:.5px}.grid-line.major{stroke-width:1px;opacity:.5}.drawing-tool-properties{background:var(--dt-bg-secondary);border-left:1px solid var(--dt-border);flex-direction:column;width:24rem;display:flex}.properties-header{border-bottom:1px solid var(--dt-border);color:var(--dt-text);padding:.75rem 1rem;font-weight:600}.properties-content{flex:1;padding:1rem;overflow-y:auto}.properties-empty,.properties-selected{color:var(--dt-text-secondary);text-align:center;padding:1rem 0;font-size:.875rem}.properties-section{margin-bottom:1.5rem}.properties-section h4{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--dt-border);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.75rem;font-weight:600}.properties-row{justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.875rem;display:flex}.properties-row span:first-child{color:var(--dt-text-secondary)}.properties-row span:last-child{color:var(--dt-text);font-weight:500}.properties-row label{color:var(--dt-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.properties-row input[type=checkbox]{accent-color:var(--dt-accent)}.properties-grid-2col{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}.properties-grid-item{flex-direction:column;gap:.25rem;display:flex}.properties-grid-item span{color:var(--dt-text-secondary);font-size:.75rem}.properties-grid-item input,.properties-grid-item select{background:var(--dt-bg-tertiary);border:1px solid var(--dt-border);width:100%;color:var(--dt-text);border-radius:4px;padding:.375rem .5rem;font-size:.875rem}.properties-grid-item input:focus,.properties-grid-item select:focus{border-color:var(--dt-accent);outline:none}.shortcuts-list{color:var(--dt-text-secondary);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.shortcuts-list div{gap:.5rem;display:flex}.shortcuts-list kbd{background:var(--dt-bg-tertiary);text-align:center;border-radius:3px;min-width:1.5rem;padding:.125rem .375rem;font-family:monospace;font-size:.625rem;display:inline-block}.properties-tabs{border-bottom:1px solid var(--dt-border);display:flex}.properties-tab{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem .5rem;font-size:.625rem;font-weight:600;transition:all .15s}.properties-tab:hover{background:var(--dt-bg-tertiary)}.properties-tab.active{background:var(--dt-bg-tertiary);color:var(--dt-accent);border-bottom:2px solid var(--dt-accent)}.properties-select,.properties-input{background:var(--dt-bg-tertiary);border:1px solid var(--dt-border);width:100%;color:var(--dt-text);border-radius:4px;outline:none;margin-top:.25rem;padding:.375rem .5rem;font-size:.75rem}.properties-select:focus,.properties-input:focus{border-color:var(--dt-accent)}.properties-select:disabled,.properties-input:disabled{opacity:.5;cursor:not-allowed;background:var(--dt-bg-secondary)}.properties-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;width:100%;margin-top:.75rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .15s}.properties-delete-btn:hover{background:#ef444433}.properties-checkbox-label{color:var(--dt-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.properties-checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--dt-accent);cursor:pointer}.hardware-item{background:var(--dt-bg-tertiary);border-radius:4px;justify-content:space-between;margin-bottom:.25rem;padding:.5rem;font-size:.75rem;display:flex}.hardware-item.selected{border:1px solid var(--dt-accent)}.compliance-notice{background:#fb923c1a;border:1px solid #fb923c4d;border-radius:6px;padding:.75rem}.compliance-notice p{color:#fb923c;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.625rem;font-weight:600}.properties-estimator{background:var(--dt-bg-primary);border-top:1px solid var(--dt-border);padding:1rem}.estimator-title{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.625rem;font-weight:600}.estimator-row{color:var(--dt-text-secondary);justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.75rem;display:flex}.estimator-value{color:var(--dt-accent);font-family:monospace;font-weight:500}.dimension-line{--dimension-color:black;--dimension-bg:#f9fafbf2;--dimension-border:#e5e7eb;--dimension-text:#374151}.drawing-tool-root.dark .dimension-line{--dimension-color:#9ca3af;--dimension-bg:#1e293bf2;--dimension-border:#475569;--dimension-text:#e5e7eb}.lite-config-table-container{margin-bottom:1rem}.lite-config-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.7rem}.lite-config-table th{background:var(--dt-bg-tertiary);text-align:center;border-bottom:1px solid var(--dt-border);color:var(--dt-text-secondary);white-space:nowrap;padding:.25rem .125rem;font-size:.625rem;font-weight:600}.lite-config-table th:first-child{width:1.5rem}.lite-config-table th:nth-child(2){width:2.5rem}.lite-config-table th:last-child{width:1.5rem}.lite-config-table td{border-bottom:1px solid var(--dt-border);text-align:center;vertical-align:middle;padding:.25rem .125rem}.lite-config-table tr{cursor:pointer;transition:background-color .1s}.lite-config-table tr:hover{background:var(--dt-bg-tertiary)}.lite-config-table tr.selected{background:#0ea5e926}.lite-config-table tr.selected:hover{background:#0ea5e933}.lite-table-num{color:var(--dt-text-secondary);font-weight:600}.lite-table-select{width:100%;color:var(--dt-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:.125rem;font-size:.625rem}.lite-table-select:hover,.lite-table-select:focus{background:var(--dt-bg-tertiary);border-color:var(--dt-border)}.lite-table-value{cursor:pointer;border-radius:2px;min-width:2rem;padding:.125rem .25rem;display:inline-block}.lite-table-value:hover{background:var(--dt-bg-tertiary)}.lite-table-input{background:var(--dt-bg-tertiary);border:1px solid var(--dt-accent);width:100%;color:var(--dt-text);text-align:center;border-radius:2px;outline:none;padding:.125rem;font-size:.65rem}.lite-table-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lite-table-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lite-table-calc{color:var(--dt-text-secondary);cursor:help;font-size:.6rem}.lite-table-delete{color:var(--dt-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.125rem .25rem;font-size:.875rem;line-height:1;transition:all .1s}.lite-table-delete:hover{color:#ef4444;background:#ef444433}.lite-table-footer{border-top:1px solid var(--dt-border);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.lite-table-summary{color:var(--dt-text-secondary);font-size:.625rem}.lite-add-btn{background:var(--dt-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.625rem;font-weight:500;transition:all .15s}.lite-add-btn:hover{filter:brightness(1.1)}.lite-config-empty{text-align:center;color:var(--dt-text-secondary);padding:1rem}.lite-config-empty p{margin-bottom:.5rem;font-size:.75rem}.properties-value-readonly{color:var(--dt-text-secondary);font-size:.8rem;font-style:italic}.properties-value-readonly.field-calculated{background:#eab30826;border-radius:4px;padding:.25rem .5rem}.drawing-tool-root.dark .properties-value-readonly.field-calculated{background:#eab3081a}.properties-section.conflict-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px}.conflict-value{color:#ef4444;font-weight:600}.conflict-indicator{color:#ef4444;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex}.conflict-circle{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite conflict-pulse;display:inline-block}@keyframes conflict-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width:768px){.drawing-tool-properties{display:none}.tool-palette{width:56px;min-width:56px;padding:.25rem}.tool-palette-header{font-size:.5rem}.tool-button{padding:.25rem}.tool-button svg{width:16px;height:16px}.tool-label{font-size:.4rem}}@media (max-width:480px){.tool-palette{width:44px;min-width:44px;padding:.125rem}.tool-palette-header{display:none}.tool-button svg{width:14px;height:14px}.tool-label{display:none}}.properties-textarea{background:var(--dt-bg-tertiary);border:1px solid var(--dt-border);width:100%;color:var(--dt-text);resize:vertical;border-radius:4px;outline:none;min-height:60px;padding:.5rem;font-family:inherit;font-size:.75rem}.properties-textarea:focus{border-color:var(--dt-accent)}.properties-textarea::placeholder{color:var(--dt-text-secondary)}.shortcuts-tooltip-container{justify-content:flex-end;margin-top:auto;padding-top:1rem;display:flex;position:relative}.shortcuts-help-btn{border:1px solid var(--dt-border);background:var(--dt-bg-tertiary);width:28px;height:28px;color:var(--dt-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.shortcuts-help-btn:hover{background:var(--dt-accent);color:#fff;border-color:var(--dt-accent)}.shortcuts-tooltip{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:1000;border-radius:6px;min-width:180px;animation:.15s ease-out tooltip-fade-in;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 16px #0003}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shortcuts-tooltip:after{content:"";background:var(--dt-bg-primary);border-right:1px solid var(--dt-border);border-bottom:1px solid var(--dt-border);width:10px;height:10px;position:absolute;bottom:-6px;left:10px;transform:rotate(45deg)}.shortcuts-tooltip-header{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--dt-border);padding:.5rem .75rem;font-size:.625rem;font-weight:600}.shortcuts-tooltip-content{padding:.5rem .75rem}.shortcuts-tooltip-row{color:var(--dt-text);justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.75rem;display:flex}.shortcuts-tooltip-row kbd{background:var(--dt-bg-tertiary);border:1px solid var(--dt-border);text-align:center;min-width:1.5rem;color:var(--dt-text-secondary);border-radius:3px;padding:.125rem .375rem;font-family:monospace;font-size:.625rem;display:inline-block}.shortcuts-tooltip-row span{color:var(--dt-text-secondary)}.properties-input.validation-warning,.properties-select.validation-warning{background:#f59e0b1a;border-color:var(--dt-warning-color,#f59e0b)!important}.properties-input.validation-error,.properties-select.validation-error{background:#ef44441a;border-color:var(--dt-error-color,#ef4444)!important}.properties-input.field-calculated,.properties-select.field-calculated{background:#eab30826}.properties-input.field-missing,.properties-select.field-missing{background:#ef444433}.properties-input.field-input,.properties-select.field-input{background:#f9731626}.validation-message{align-items:center;gap:.25rem;margin-top:.25rem;font-size:.625rem;display:flex}.validation-message.warning{color:var(--dt-warning-color,#f59e0b)}.validation-message.error{color:var(--dt-error-color,#ef4444)}.validation-icon{flex-shrink:0;width:12px;height:12px}.missing-params-badge{border:1px solid var(--dt-warning-color,#f59e0b);color:var(--dt-warning-color,#f59e0b);background:#f59e0b26;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:500;display:inline-flex}.missing-params-badge svg{width:10px;height:10px}.properties-section.has-validation-issues h4{color:var(--dt-warning-color,#f59e0b)}.properties-section.has-validation-issues h4:after{content:" •";color:var(--dt-warning-color,#f59e0b)}.frame-jamb,.frame-head{cursor:pointer}.frame-jamb.hinge-jamb,.frame-jamb.strike-jamb{stroke-dasharray:none}.frame-part-label{fill:var(--dt-text-secondary);text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8px}.frame-dimension-label{fill:var(--dt-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500}.frame-dimension-label.strike{fill:var(--dt-warning-color,#f59e0b);font-weight:600}.hinge-marker line,.strike-marker line{stroke-width:1px}.frame-part-marker circle{transition:fill .15s,stroke .15s}.frame-part-marker:hover circle{fill:var(--dt-accent);stroke:var(--dt-accent)}.frame-part-marker:hover .frame-part-label{fill:#fff}.frame-part-label{fill:var(--dt-accent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700}.context-menu,.frame-context-menu{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:10000;border-radius:6px;min-width:180px;padding:4px 0;animation:.1s ease-out context-menu-fade-in;position:fixed;box-shadow:0 4px 16px #0003}.context-menu-header{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:4px 12px;font-size:.625rem;font-weight:600;display:flex}@keyframes context-menu-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{cursor:pointer;color:var(--dt-text);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;transition:background .1s;display:flex}.context-menu-item:hover{background:var(--dt-bg-tertiary)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.disabled:hover{background:0 0}.context-menu-item-icon{width:14px;height:14px;color:var(--dt-text-secondary);margin-right:8px}.context-menu-item-arrow{width:12px;height:12px;color:var(--dt-text-secondary)}.context-menu-item-check{width:14px;height:14px;color:var(--dt-accent)}.context-menu-divider{background:var(--dt-border);height:1px;margin:4px 0}.context-menu-submenu{position:relative}.context-menu-submenu-content{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:10001;border-radius:6px;flex-direction:column;min-width:240px;max-height:60vh;padding:0;display:none;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0003}.context-menu-submenu-content.active{display:flex}.context-menu-submenu-list{scrollbar-width:none;flex:1;padding:4px 0;overflow-y:auto}.context-menu-submenu-list::-webkit-scrollbar{display:none}.context-menu-scroll-indicator{text-align:center;color:var(--dt-text-secondary);opacity:.5;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;border-top:1px solid var(--dt-border);flex-shrink:0;padding:3px 0;font-size:9px;font-weight:700;display:none}.context-menu-scroll-indicator.top{border-top:none;border-bottom:1px solid var(--dt-border)}.context-menu-scroll-indicator.visible{display:block}.context-menu-submenu-header{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:.625rem;font-weight:600}.context-menu-section{padding:4px 0}.context-menu-section-title{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:.625rem;font-weight:600}.context-menu-badge{border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.625rem}.context-menu-badge.hinge{color:var(--dt-accent);background:#3b82f633}.context-menu-badge.strike{color:#22c55e;background:#22c55e33}.context-menu-badge.default{background:var(--dt-bg-tertiary);color:var(--dt-text-secondary)}.context-menu-item-label{flex:1}.context-menu-item-value{color:var(--dt-text-secondary);margin-right:8px;font-size:.625rem}.context-menu-item-shortcut{color:var(--dt-text-secondary);margin-left:16px;font-size:.625rem}.context-menu-item.active{background:var(--dt-bg-tertiary)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-section-label{color:var(--dt-text-secondary);padding:4px 12px;font-size:.625rem;font-weight:500}.context-menu-submenu-content.input-submenu{min-width:180px;padding:8px}.context-menu-input-container{align-items:center;gap:4px;display:flex}.context-menu-input-container input{background:var(--dt-bg-secondary);border:1px solid var(--dt-border);color:var(--dt-text);border-radius:4px;flex:1;width:80px;padding:6px 8px;font-size:.75rem}.context-menu-input-container input:focus{border-color:var(--dt-accent);outline:none}.context-menu-input-suffix{color:var(--dt-text-secondary);font-size:.75rem}.context-menu-input-container button{background:var(--dt-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:.75rem;transition:background .1s}.context-menu-input-container button:hover{background:var(--dt-accent-hover)}.context-menu-input-wrapper{padding:4px 8px}.context-menu-input{background:var(--dt-bg-secondary);border:1px solid var(--dt-border);width:100%;color:var(--dt-text);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:.875rem}.context-menu-input:focus{border-color:var(--dt-accent);background:var(--dt-bg-primary);outline:none}.context-menu-input::placeholder{color:var(--dt-text-secondary);opacity:.6}.context-menu-inline-input{padding:6px 8px}.context-menu-inline-input-wrapper{align-items:center;display:flex;position:relative}.context-menu-inline-input input{background:var(--dt-bg-secondary);border:1px solid var(--dt-border);width:100%;color:var(--dt-text);border-radius:4px;padding:8px 32px 8px 10px;font-family:inherit;font-size:.875rem}.context-menu-inline-input input:focus{border-color:var(--dt-accent);background:var(--dt-bg-primary);outline:none}.context-menu-inline-input input::placeholder{color:var(--dt-text-secondary);opacity:.6}.context-menu-inline-input-suffix{color:var(--dt-text-secondary);opacity:.5;pointer-events:none;font-size:.85rem;position:absolute;right:10px}.menu-bar{background:var(--dt-bg-primary);border-bottom:1px solid var(--dt-border);flex-shrink:0;align-items:center;height:28px;padding:0 .5rem;display:flex}.menu-item{position:relative}.menu-button{color:var(--dt-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:background .1s}.menu-button:hover,.menu-button.active{background:var(--dt-bg-tertiary)}.menu-dropdown{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:1000;border-radius:6px;min-width:180px;padding:4px 0;animation:.1s ease-out menu-fade-in;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0003}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-dropdown button{text-align:left;width:100%;color:var(--dt-text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.75rem;transition:background .1s;display:block}.menu-dropdown button:hover:not(:disabled){background:var(--dt-bg-tertiary)}.menu-dropdown button:disabled,.menu-dropdown button.disabled{opacity:.4;cursor:not-allowed}.menu-dropdown button:disabled:hover,.menu-dropdown button.disabled:hover{background:0 0}.menu-dropdown button{justify-content:space-between;align-items:center;display:flex}.menu-shortcut{opacity:.5;margin-left:1rem;font-family:system-ui,-apple-system,sans-serif;font-size:.65rem}.menu-divider{background:var(--dt-border);height:1px;margin:4px 0}.submenu-trigger{color:var(--dt-text);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;transition:background .1s;display:flex;position:relative}.submenu-trigger:hover{background:var(--dt-bg-tertiary)}.submenu-arrow{opacity:.6;font-size:.625rem}.submenu{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:1001;border-radius:6px;min-width:200px;padding:8px;position:absolute;top:0;left:100%;box-shadow:0 4px 16px #0003}.menu-item-wrapper{position:relative}.undo-redo-submenu{background:var(--dt-bg-primary);border:1px solid var(--dt-border);z-index:1001;border-radius:6px;outline:none;min-width:220px;max-width:320px;animation:.15s ease-out menu-fade-in;position:absolute;top:0;left:100%;box-shadow:0 4px 16px #0003}.undo-redo-submenu .submenu-footer{color:var(--dt-text-secondary);border-top:1px solid var(--dt-border);background:var(--dt-bg-secondary);border-radius:0 0 6px 6px;padding:8px 12px;font-size:.625rem;font-weight:600}.undo-redo-submenu .submenu-list{max-height:360px;overflow-y:auto}.undo-redo-submenu .submenu-item{color:var(--dt-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;font-size:.75rem;transition:background .1s;overflow:hidden}.undo-redo-submenu .submenu-item.highlighted{background:var(--dt-accent);color:#fff}.menu-checkbox{color:var(--dt-text);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;transition:background .1s;display:flex}.menu-checkbox:hover{background:var(--dt-bg-tertiary)}.menu-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--dt-accent)}.menu-section-label{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 8px 4px;font-size:.625rem;font-weight:600}.menu-input-group{flex-direction:column;gap:6px;padding:4px 8px;display:flex}.menu-input-group label{color:var(--dt-text);align-items:center;gap:8px;font-size:.75rem;display:flex}.menu-input-group input[type=number]{border:1px solid var(--dt-border);background:var(--dt-bg-secondary);width:60px;color:var(--dt-text);border-radius:4px;padding:4px 6px;font-size:.75rem}.menu-input-group input[type=number]:focus{border-color:var(--dt-accent);outline:none}.input-unit{color:var(--dt-text-secondary);margin-left:-4px;font-size:.625rem}.menu-info{color:var(--dt-text-secondary);background:var(--dt-bg-tertiary);border-radius:4px;margin:4px 8px;padding:6px 8px;font-size:.7rem;font-style:italic}.hardware-menu{min-width:160px}.drawing-tool-accessory-panel{border-top:2px solid var(--dt-border);background:var(--dt-bg-secondary);flex-direction:column;flex-shrink:0;width:100%;height:200px;min-height:150px;display:flex;overflow:hidden}.accessory-table-container{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex;overflow:hidden}.accessory-table-scroll-container{flex:1;min-height:0;position:relative;overflow-y:auto}.accessory-table-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 .25rem;display:flex}.accessory-table-title{color:var(--dt-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.accessory-table-actions{gap:.5rem;display:flex}.accessory-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.75rem}.accessory-table th,.accessory-table td{border:1px solid var(--dt-border);text-align:center;text-overflow:ellipsis;word-break:break-word;box-sizing:border-box;width:6.25%;min-width:0;max-width:6.25%;padding:.375rem .25rem;overflow:hidden}.accessory-table th>*,.accessory-table td>*{box-sizing:border-box;max-width:100%}.accessory-table .action-btn,.accessory-table .center-btn{width:100%;min-width:0}.accessory-table th{background:var(--dt-bg-tertiary);z-index:1;color:var(--dt-text-secondary);white-space:normal;font-size:.6875rem;font-weight:500;line-height:1.15;position:sticky;top:0}.accessory-table tbody tr{transition:background-color .1s}.accessory-table tbody tr:hover{background:var(--dt-bg-tertiary)}.accessory-table tbody tr.selected{background:#0ea5e926}.accessory-table input[type=number],.accessory-table input[type=text]{text-align:center;width:100%;color:var(--dt-text);background:0 0;border:1px solid #0000;padding:.25rem;font-size:.75rem}.accessory-table input:focus{border-color:var(--dt-accent);background:var(--dt-bg-primary);outline:none}.accessory-table input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.accessory-table input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.accessory-table select{width:100%;color:var(--dt-text);cursor:pointer;background:0 0;border:1px solid #0000;padding:.25rem;font-size:.6875rem}.accessory-table select:focus{border-color:var(--dt-accent);background:var(--dt-bg-primary);outline:none}.accessory-table .auto-calc{color:var(--dt-text-secondary);font-size:.6875rem;font-style:italic}.accessory-table td.cell-calculated{background:#eab30826}.accessory-table td.cell-missing{background:#ef444433}.accessory-table td.cell-input{background:#f9731626}.accessory-table .row-num{color:var(--dt-text-secondary);width:2rem;font-weight:600}.accessory-table .center-checkbox{width:1.5rem}.accessory-table .center-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--dt-accent);cursor:pointer}.accessory-table .action-btn{cursor:pointer;color:var(--dt-text-secondary);background:0 0;border:none;border-radius:3px;padding:.25rem;font-size:.75rem;transition:all .1s}.accessory-table .action-btn:hover{background:var(--dt-bg-tertiary);color:var(--dt-text)}.accessory-table .action-btn:disabled{opacity:.4;cursor:not-allowed}.accessory-table .action-btn:disabled:hover{color:var(--dt-text-secondary);background:0 0}.accessory-table .action-btn.text-btn{text-transform:uppercase;padding:.25rem .375rem;font-size:.625rem;font-weight:500}.accessory-table .action-btn.text-btn.delete:hover:not(:disabled){color:#ef4444;background:#ef444433}.accessory-table .action-btn.text-btn.add{color:var(--dt-accent)}.accessory-table .action-btn.text-btn.add:hover{background:#3b82f633}.accessory-table .center-btn{border:1px solid var(--dt-border);cursor:pointer;color:var(--dt-text-secondary);text-transform:uppercase;background:0 0;border-radius:3px;padding:.125rem .375rem;font-size:.625rem;font-weight:500;transition:all .1s}.accessory-table .center-btn:hover{background:var(--dt-bg-tertiary);color:var(--dt-text);border-color:var(--dt-accent)}.accessory-table .center-action{text-align:center}.accessory-add-row-btn{background:var(--dt-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .15s;display:flex}.accessory-add-row-btn:hover{filter:brightness(1.1)}.accessory-table-empty{text-align:center;color:var(--dt-text-secondary);padding:2rem}.accessory-table-empty p{margin-bottom:.75rem;font-size:.8125rem}.accessory-table th:first-child,.accessory-table td:first-child{width:2rem}.accessory-table th:nth-child(2),.accessory-table td:nth-child(2){width:4.5rem}.accessory-table th:nth-child(3),.accessory-table td:nth-child(3),.accessory-table th:nth-child(4),.accessory-table td:nth-child(4),.accessory-table th:nth-child(5),.accessory-table td:nth-child(5){width:4rem}.accessory-table th:nth-child(6),.accessory-table td:nth-child(6){width:3rem}.accessory-table th:nth-child(7),.accessory-table td:nth-child(7),.accessory-table th:nth-child(8),.accessory-table td:nth-child(8),.accessory-table th:nth-child(9),.accessory-table td:nth-child(9),.accessory-table th:nth-child(10),.accessory-table td:nth-child(10),.accessory-table th:nth-child(11),.accessory-table td:nth-child(11){width:4rem}.accessory-table th:nth-child(12),.accessory-table td:nth-child(12){width:3rem}.accessory-table th:nth-child(13),.accessory-table td:nth-child(13){width:2.5rem}.accessory-table th:nth-child(14),.accessory-table td:nth-child(14){width:3rem}@media (max-width:768px){.drawing-tool-accessory-panel{display:none}}.frame-jamb-outline{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;transition:fill .15s,stroke .15s}svg[data-tool=select] .frame-jamb:hover .frame-jamb-outline{fill:#3b82f626;stroke:var(--dt-accent)}.frame-jamb.selected .frame-jamb-outline{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.frame-notch{fill:#ff0;stroke:#000;stroke-width:1px;pointer-events:none}.frame-head-outline{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;transition:fill .15s,stroke .15s}svg[data-tool=select] .frame-head:hover .frame-head-outline{fill:#3b82f626;stroke:var(--dt-accent)}.frame-head.selected .frame-head-outline{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.leg-stop{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;pointer-events:none;transition:fill .15s,stroke .15s}svg[data-tool=select] .frame-jamb:hover .leg-stop{fill:#3b82f626;stroke:var(--dt-accent)}.frame-jamb.selected .leg-stop{fill:#3b82f640;stroke:var(--dt-accent)}.head-stop{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;pointer-events:none;transition:fill .15s,stroke .15s}svg[data-tool=select] .frame-head:hover .head-stop{fill:#3b82f626;stroke:var(--dt-accent)}.frame-head.selected .head-stop{fill:#3b82f640;stroke:var(--dt-accent)}.frame-dimension-line{stroke:#000;stroke-width:.5px;fill:none}.frame-dimension-arrow{fill:#000;stroke:none}.frame-dimension-text{fill:#000;font-size:10px;font-family:var(--font-mono,monospace);font-weight:500}.drawing-tool-root.dark .frame-dimension-line{stroke:#9ca3af}.drawing-tool-root.dark .frame-dimension-arrow{fill:#9ca3af}.drawing-tool-root.dark .frame-dimension-text{fill:#e5e7eb}.frame-dimension-markers{pointer-events:none}.mullion-element{cursor:pointer}.mullion-element:hover .mullion-body{filter:brightness(1.1)}.mullion-body{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;transition:filter .15s}.mullion-selection{pointer-events:none;display:none}.mullion-hit-area{fill:#0000;cursor:pointer}.mullion-element.selected .mullion-body{fill:#3b82f640;stroke:var(--dt-accent,#3b82f6);stroke-width:2px}.mullion-stop{fill:var(--dt-door-fill);stroke:#000;stroke-width:1px;pointer-events:none;transition:fill .15s,stroke .15s}svg[data-tool=select] .mullion-element:hover .mullion-stop{fill:#3b82f626;stroke:var(--dt-accent)}.mullion-element.selected .mullion-stop{fill:#3b82f640;stroke:var(--dt-accent)}.mullion-preview line{stroke:#3b82f6}.frame-opening-element{cursor:pointer}.frame-opening-element:hover{filter:brightness(1.05)}.opening-selection{pointer-events:none;display:none}.frame-opening-element.selected{filter:none}.frame-opening-element.selected rect{fill:#3b82f640;stroke:var(--dt-accent,#3b82f6);stroke-width:2px}.glass-content rect{fill:#93c5fd4d;stroke:#60a5fa;stroke-width:1px}.glass-content line{stroke:#93c5fd;stroke-width:.5px;stroke-opacity:.6}.panel-content rect{stroke-width:1px}.panel-content rect:last-child{fill:none;stroke-opacity:.6}.louver-content rect{fill:#f3f4f680;stroke:#9ca3af;stroke-width:1px}.louver-content line{stroke:#6b7280;stroke-width:2px}.door-content rect:first-child{fill:#fbbf2433;stroke:#f59e0b;stroke-width:1px}.door-content rect:last-child{fill:#f59e0b}.drawing-tool-root.dark .glass-content rect{fill:#93c5fd33;stroke:#3b82f6}.drawing-tool-root.dark .glass-content line{stroke:#60a5fa}.drawing-tool-root.dark .panel-content rect{stroke:#6b7280}.drawing-tool-root.dark .louver-content rect{fill:#37415180;stroke:#6b7280}.drawing-tool-root.dark .louver-content line{stroke:#9ca3af}.drawing-tool-root.dark .door-content rect:first-child{fill:#fbbf2426;stroke:#d97706}.drawing-tool-root.dark .mullion-preview line{stroke:#60a5fa}.glass-light-element{cursor:pointer;pointer-events:all}.glass-light-fill{fill:#add8e64d;stroke:#87ceeb;stroke-width:1px}.glass-light-element.selected .glass-light-fill{fill:#3b82f640;stroke:var(--dt-accent);stroke-width:2px}.glass-light-element:hover .glass-light-fill{fill:#add8e680}.drawing-tool-root.dark .glass-light-fill{fill:#93c5fd33;stroke:#3b82f6}.drawing-tool-root.dark .glass-light-element.selected .glass-light-fill{fill:#3b82f64d;stroke:var(--dt-accent)}.drawing-tool-root.dark .glass-light-element:hover .glass-light-fill{fill:#93c5fd59}.generate-mullions-widget{background:var(--dt-bg-primary);min-width:216px;padding:8px}.dt-mullion-grid{cursor:crosshair;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e0f2ff 0%,#bae6fd 100%);border:1px solid #94a3b8;display:grid;position:relative}.dt-mullion-cell{border:1px solid #94a3b84d;transition:background-color .1s}.dt-mullion-cell.highlighted{background-color:#3b82f666}.dt-mullion-label{text-align:center;color:#475569;-webkit-user-select:none;user-select:none;margin-top:8px;font-size:12px}.dt-mullion-cancel-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-top:8px;padding:4px 12px;font-size:12px;transition:all .15s}.dt-mullion-cancel-btn:hover{background:var(--dt-bg-tertiary);border-color:var(--dt-accent);color:var(--dt-accent)}.drawing-tool-root.dark .dt-mullion-grid{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#475569}.drawing-tool-root.dark .dt-mullion-label{color:var(--dt-text-secondary)}.drawing-tool-root.dark .dt-mullion-cancel-btn{background:var(--dt-bg-secondary);border-color:var(--dt-border);color:var(--dt-text)}.drawing-tool-root.dark .dt-mullion-cancel-btn:hover{background:var(--dt-bg-tertiary);border-color:var(--dt-accent)}
.door-frame-demo-shell{color:#18212b;--door-frame-return-bar-height:32px;--door-frame-tabs-height:38px;background:#f5f7fb;height:100vh;position:relative;overflow:hidden}.door-frame-demo-return-bar{color:#5a6675;height:var(--door-frame-return-bar-height);z-index:100200;background:#fffffff5;border-bottom:1px solid #141e2b1f;align-items:center;gap:.42rem;width:100vw;padding:0 .72rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0f172a14}.door-frame-demo-return-bar:hover{color:#1f6feb}.door-frame-demo-return-icon{border:1px solid #141e2b33;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.door-frame-demo-tabs{height:var(--door-frame-tabs-height);left:0;top:var(--door-frame-return-bar-height);z-index:100150;background:#fff;border-bottom:1px solid #141e2b1f;align-items:center;gap:10px;width:100vw;padding:4px 10px;display:flex;position:fixed}.door-frame-demo-mode-switch{border:1px solid #141e2b24;border-radius:8px;align-items:center;height:30px;display:inline-flex;overflow:hidden}.door-frame-demo-mode-switch button,.door-frame-demo-print-button{color:#5a6675;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.door-frame-demo-mode-switch button{border-radius:0;justify-content:center;min-width:78px}.door-frame-demo-mode-switch button+button{border-left-color:#141e2b1a}.door-frame-demo-mode-switch button.active,.door-frame-demo-mode-switch button:hover{color:#1f6feb;background:#1f6feb1a;border-color:#1f6feb33}.door-frame-demo-print-button{color:#1f54ff;background:#eaf3ff;border-color:#bdd7ff;border-radius:8px;justify-content:center;min-width:96px;padding:0 14px}.door-frame-demo-print-button:hover{color:#fff;background:#1f54ff;border-color:#1f54ff}.door-frame-demo-editor{height:calc(100vh - var(--door-frame-return-bar-height) - var(--door-frame-tabs-height));left:0;top:calc(var(--door-frame-return-bar-height) + var(--door-frame-tabs-height));width:100vw;position:absolute}.door-frame-demo-editor .drawing-tool-content{z-index:1;min-height:0;position:relative}.door-frame-demo-editor .menu-bar{z-index:100400;background:#fff;border-bottom:1px solid #d8dde6;gap:2px;height:32px;padding:0 10px;position:relative;box-shadow:0 1px #0f172a08}.door-frame-demo-editor .menu-item{isolation:isolate}.door-frame-demo-editor .menu-button{color:#1f2937;border:1px solid #0000;border-radius:6px;height:24px;padding:0 9px;font-size:.78rem}.door-frame-demo-editor .menu-button:hover,.door-frame-demo-editor .menu-button.active{color:#1f54ff;background:#eef4ff;border-color:#c9dcff}.door-frame-demo-editor .menu-dropdown,.door-frame-demo-editor .submenu,.door-frame-demo-editor .undo-redo-submenu{color:#1f2937;z-index:100500;background:#fff;border:1px solid #0f172a29;border-radius:8px;min-width:210px;padding:6px;box-shadow:0 18px 40px #0f172a2e,0 2px 8px #0f172a14}.door-frame-demo-editor .menu-dropdown button,.door-frame-demo-editor .submenu-trigger,.door-frame-demo-editor .menu-checkbox{color:#1f2937;border-radius:6px;min-height:30px;padding:7px 9px;font-size:.78rem}.door-frame-demo-editor .menu-dropdown button:hover:not(:disabled),.door-frame-demo-editor .submenu-trigger:hover,.door-frame-demo-editor .menu-checkbox:hover{color:#1f54ff;background:#eef4ff}.door-frame-demo-editor .menu-dropdown button:disabled,.door-frame-demo-editor .menu-dropdown button.disabled{color:#94a3b8;opacity:1}.door-frame-demo-editor .menu-divider{background:#e5e7eb;margin:5px 3px}.door-frame-demo-editor .menu-shortcut{color:#64748b;margin-left:18px;font-size:.68rem}.door-frame-demo-editor .menu-section-label{color:#6b7280;padding:8px 9px 4px}.door-frame-demo-editor .modal-overlay{z-index:100600;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.door-frame-demo-editor .modal-overlay-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a70;position:fixed;inset:0}.door-frame-demo-editor .modal-container{z-index:1;justify-content:center;width:100%;max-height:calc(100vh - 48px);display:flex;position:relative}.door-frame-demo-editor .modal-content{color:#111827;background:#fff;border:1px solid #0f172a1f;border-radius:8px;flex-direction:column;width:min(100%,520px);max-height:calc(100vh - 56px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a3d,0 4px 16px #0f172a1a}.door-frame-demo-editor .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.door-frame-demo-editor .modal-header h2{color:#111827;letter-spacing:0;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.door-frame-demo-editor .close-button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.2rem;line-height:1;display:inline-flex}.door-frame-demo-editor .close-button:hover{color:#1f54ff;background:#eef4ff;border-color:#c9dcff}.door-frame-demo-editor .modal-body{background:#fff;flex:1;padding:16px;overflow-y:auto}.door-frame-demo-editor .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.door-frame-demo-editor .dashboard-btn,.door-frame-demo-editor .dashboard-btn-secondary{cursor:pointer;font:inherit;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.door-frame-demo-editor .dashboard-btn{color:#fff;background:#1f54ff}.door-frame-demo-editor .dashboard-btn:hover{background:#1745dc}.door-frame-demo-editor .dashboard-btn-secondary{color:#1f2937;background:#fff;border-color:#d8dde6}.door-frame-demo-editor .dashboard-btn-secondary:hover{background:#f1f5f9}.door-frame-demo-editor .checkbox,.door-frame-demo-editor input[type=checkbox]{accent-color:#1f54ff}.door-frame-demo-toast{color:#fff;z-index:100300;background:#111827f0;border:1px solid #ffffff24;border-radius:8px;align-items:flex-start;gap:4px;max-width:340px;padding:12px;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 30px #0f172a3d}.door-frame-demo-toast strong{font-size:.9rem}.door-frame-demo-toast span{color:#ffffffc2;font-size:.8rem}.door-frame-demo-toast button{color:#fff;cursor:pointer;font:inherit;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;justify-self:start;margin-top:4px;padding:4px 8px;font-size:.76rem}