@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";:root{--primary:#1e5fa8;--primary-dark:#164880;--primary-light:#eef3fb;--primary-border:#a8c4e0;--gray-900:#1f2937;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--success:#16a34a;--warning:#d97706;--error:#dc2626;--info:#2563eb;--success-bg:#dcfce7;--warning-bg:#fef3c7;--error-bg:#fee2e2;--info-bg:#dbeafe;--font:"IBM Plex Sans", sans-serif;--page-bg:#f0f2f4;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-card:none;--shadow-dropdown:0 1px 6px #0000001a;--shadow-modal:0 4px 24px #0000001f;--font-ui:"IBM Plex Sans", sans-serif;--font-weight-label:500;--font-size-base:14px;--border-width:1px;--border-style:solid;--btn-font-weight:500;--btn-text-transform:none;--label-text-transform:none;--tool-selection:#1e5fa8;--error-dark:#991b1b;--info-dark:#1e40af;--success-dark:#14532d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);color:var(--gray-900);background:var(--page-bg);font-size:13px;overflow:hidden}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font)}[data-theme=horizon]{--primary:#0d9488;--primary-dark:#0f766e;--primary-light:#f0fdfa;--primary-border:#99f6e4}[data-theme=enterprise]{--primary:#1e5fa8;--primary-dark:#164880;--primary-light:#eef3fb;--primary-border:#a8c4e0}[data-theme=sage]{--primary:#4e7c5f;--primary-dark:#3c6249;--primary-light:#ebf5ee;--primary-border:#b0d4ba}[data-theme=ember]{--primary:#b45309;--primary-dark:#92400e;--primary-light:#fef3c7;--primary-border:#fde68a}.design-area{font-family:var(--font-ui)}[data-style-theme=modern-flat]{--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-card:none;--shadow-dropdown:0 1px 6px #0000001a;--shadow-modal:0 4px 24px #0000001f;--font-ui:"Segoe UI", system-ui, sans-serif;--font-weight-label:500;--font-size-base:14px;--border-width:1px;--border-style:solid;--btn-font-weight:500;--btn-text-transform:none}[data-style-theme=enterprise-classic]{--radius-sm:2px;--radius-md:2px;--radius-lg:3px;--shadow-card:none;--shadow-dropdown:0 2px 4px #0003;--shadow-modal:0 4px 8px #00000040;--font-ui:"Arial", sans-serif;--font-weight-label:700;--font-size-base:13px;--border-width:1px;--border-style:solid;--btn-font-weight:700;--btn-text-transform:uppercase;--label-text-transform:none}[data-style-theme=material]{--radius-sm:4px;--radius-md:4px;--radius-lg:8px;--shadow-card:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-dropdown:0 4px 8px #00000026;--shadow-modal:0 8px 24px #0003;--font-ui:"Roboto", "Segoe UI", sans-serif;--font-weight-label:500;--font-size-base:14px;--border-width:0px;--border-style:none;--btn-font-weight:500;--btn-text-transform:uppercase;--label-text-transform:none}[data-style-theme=high-contrast]{--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--shadow-card:none;--shadow-dropdown:0 2px 4px #0000004d;--shadow-modal:0 4px 12px #00000059;--font-ui:"Arial", sans-serif;--font-weight-label:700;--font-size-base:15px;--border-width:2px;--border-style:solid;--btn-font-weight:700;--btn-text-transform:none}.comp-field{flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;display:flex}.comp-label{font-size:11px;font-weight:var(--font-weight-label);color:var(--gray-700);text-transform:var(--label-text-transform);letter-spacing:.4px}.comp-required{color:var(--error)}.comp-input{border:var(--border-width) var(--border-style) var(--gray-300);border-radius:var(--radius-md);height:32px;font-size:var(--font-size-base);color:var(--gray-400);background:var(--white);align-items:center;padding:0 10px;display:flex}.comp-page-header{background:var(--primary-light);border-bottom:3px solid var(--primary);align-items:center;width:100%;height:100%;padding:0 20px;display:flex}.comp-page-header-inner{flex-direction:column;gap:2px;width:100%;display:flex}.comp-page-title{color:var(--primary);font-size:20px;font-weight:700;line-height:1.2}.comp-page-subtitle{color:var(--gray-500);font-size:12px}.comp-section-header{background:var(--gray-100);border-radius:var(--radius-md);align-items:center;width:100%;height:100%;padding:0 12px;display:flex}.comp-section-title{font-size:13px;font-weight:var(--font-weight-label);color:var(--gray-900);white-space:nowrap;flex-shrink:0}.comp-section-rule{display:none}.comp-tabbar{border-bottom:2px solid var(--gray-200);align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.comp-tab{height:36px;color:var(--gray-500);cursor:default;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-2px;padding:0 16px;font-size:12px;display:flex}.comp-tab.active{color:var(--primary);font-weight:var(--font-weight-label);border-bottom-color:var(--primary)}.comp-breadcrumb{flex-wrap:wrap;align-items:center;gap:2px;width:100%;height:100%;font-size:12px;display:flex}.comp-breadcrumb-item{align-items:center;gap:4px;display:flex}.comp-breadcrumb-sep{color:var(--gray-400);margin:0 2px}.comp-breadcrumb-item .link{color:var(--primary);text-decoration:underline}.comp-breadcrumb-item .current{color:var(--gray-700);font-weight:600}.comp-dropdown{cursor:default;justify-content:space-between}.comp-dropdown-value{color:var(--gray-400)}.comp-dropdown-arrow{color:var(--gray-500);font-size:10px}.comp-datepicker{justify-content:space-between}.comp-datepicker-value{color:var(--gray-400)}.comp-datepicker-icon{font-size:14px}.comp-checkbox{align-items:center;gap:8px;width:100%;height:100%;display:flex}.comp-checkbox-box{border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.comp-checkbox-box.checked{background:var(--primary);border-color:var(--primary);color:var(--white)}.comp-checkbox-label{color:var(--gray-700);font-size:12px}.comp-radio-group{flex-direction:column;gap:6px;display:flex}.comp-radio-item{align-items:center;gap:8px;display:flex}.comp-radio-dot{border:2px solid var(--gray-300);background:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.comp-radio-dot.selected{border-color:var(--primary)}.comp-radio-inner{background:var(--primary);border-radius:50%;width:8px;height:8px}.comp-radio-label{color:var(--gray-700);font-size:12px}.comp-button{border-radius:var(--radius-md);width:100%;height:100%;font-size:13px;font-weight:var(--btn-font-weight);text-transform:var(--btn-text-transform);cursor:default;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:flex}.comp-button-disabled{opacity:.4}.comp-button-chevron{opacity:.8;flex-shrink:0;font-size:10px}.comp-button-primary{background:var(--primary);color:var(--white)}.comp-button-secondary{background:var(--white);color:var(--primary);border:var(--border-width) var(--border-style) var(--primary)}.comp-button-ghost{color:var(--primary);background:0 0;border:none;text-decoration:underline}.comp-table-wrapper{border:var(--border-width) var(--border-style) var(--gray-200);border-radius:var(--radius-md);width:100%;height:100%;overflow:hidden}.comp-table{border-collapse:collapse;width:100%;font-size:12px}.comp-table thead tr{background:var(--primary)}.comp-table th{font-weight:var(--font-weight-label);color:var(--white);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--primary-dark);padding:7px 10px;font-size:11px;overflow:hidden}.comp-table th:last-child{border-right:none}.comp-table td{color:var(--gray-700);border-right:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;overflow:hidden}.comp-table td:last-child{border-right:none}.comp-table tbody tr.alt td{background:var(--gray-50)}.comp-table-actions-th{white-space:nowrap;text-align:center;width:1px;padding:7px 8px}.comp-table-actions-td{white-space:nowrap;padding:4px 8px}.comp-table-actions{justify-content:center;align-items:center;gap:4px;display:flex}.comp-table-action-btn{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--gray-500);cursor:default;background:0 0;justify-content:center;align-items:center;display:inline-flex}.comp-summary-card{border:var(--border-width) var(--border-style) var(--gray-200);border-radius:var(--radius-lg);background:var(--white);width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.comp-summary-title{background:var(--primary);color:var(--white);font-size:12px;font-weight:var(--font-weight-label);flex-shrink:0;padding:8px 12px}.comp-summary-fields{flex-direction:column;flex:1;padding:6px 0;display:flex;overflow:hidden}.comp-summary-row{border-bottom:1px solid var(--gray-100);gap:8px;padding:5px 12px;font-size:12px;display:flex}.comp-summary-row:last-child{border-bottom:none}.comp-summary-key{color:var(--gray-500);flex-shrink:0;min-width:90px}.comp-summary-value{color:var(--gray-900);font-weight:500}.comp-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:100%;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.comp-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.comp-modal{background:var(--white);border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:var(--shadow-modal);border:var(--border-width) var(--border-style) var(--gray-200);flex-direction:column;display:flex;overflow:hidden}.comp-modal-header{background:var(--primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.comp-modal-title{color:var(--white);font-size:14px;font-weight:700}.comp-modal-close{color:#ffffffb3;cursor:default;font-size:12px}.comp-modal-body{color:var(--gray-700);flex:1;padding:16px;font-size:13px;overflow:hidden}.comp-modal-footer{border-top:1px solid var(--gray-200);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.comp-modal-footer .comp-button{height:32px}.comp-inline-error{width:100%;height:100%;color:var(--error);align-items:center;font-size:11px;font-weight:500;display:flex}.comp-message-box{border-radius:var(--radius-md);border-left:4px solid;align-items:center;width:100%;height:100%;padding:0 14px;font-size:13px;line-height:1.4;display:flex}.comp-error-box{background:var(--error-bg);border-color:var(--error);color:var(--error-dark)}.comp-info-box{background:var(--info-bg);border-color:var(--info);color:var(--info-dark)}.comp-unknown{background:var(--gray-100);width:100%;height:100%;color:var(--gray-500);justify-content:center;align-items:center;font-size:11px;display:flex}.comp-display-field{flex-direction:column;justify-content:center;gap:3px;height:100%;padding:0 2px;display:flex}.comp-display-field--full{width:100%}.comp-display-field--half{width:50%}.comp-display-field--third{width:33.33%}.comp-display-label{font-size:10px;font-weight:var(--font-weight-label);color:var(--gray-500);text-transform:var(--label-text-transform);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.comp-display-value{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.comp-textarea{border:var(--border-width) var(--border-style) var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--gray-400);background:var(--white);flex:1;align-items:flex-start;padding:6px 10px;line-height:1.5;display:flex;overflow:hidden}.comp-textarea.comp-textarea-disabled{background:var(--gray-100);border-color:var(--gray-200);opacity:.6}.comp-success-box{background:var(--success-bg);border-color:var(--success);color:var(--success-dark);flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:8px 14px}.comp-success-heading{font-size:13px;font-weight:700;line-height:1.3}.comp-success-message{font-size:12px;line-height:1.4}.comp-toggle{align-items:center;gap:8px;width:100%;height:100%;display:flex}.comp-toggle-disabled{opacity:.4}.comp-toggle-track{background:var(--gray-300);border-radius:999px;flex-shrink:0;align-items:center;width:36px;height:20px;padding:2px;display:flex}.comp-toggle-track.checked{background:var(--primary);justify-content:flex-end}.comp-toggle-knob{background:var(--white);border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:0 1px 3px #0003}.comp-toggle-label{color:var(--gray-700);font-size:12px}.comp-search-input{gap:6px}.comp-search-icon{color:var(--gray-400);flex-shrink:0;font-size:12px}.comp-search-value{color:var(--gray-400);white-space:nowrap;flex:1;align-items:center;font-size:12px;display:flex;overflow:hidden}.comp-search-clear{color:var(--gray-400);flex-shrink:0;font-size:10px}.comp-divider{align-items:center;gap:8px;width:100%;height:100%;display:flex}.comp-divider-line{border-top:1px solid var(--gray-300);flex:1;height:0}.comp-divider-label{color:var(--gray-500);white-space:nowrap;flex-shrink:0;font-size:11px}.comp-tooltip{align-items:flex-start;gap:6px;width:100%;height:100%;display:flex}.comp-tooltip-icon{border:1.5px solid var(--gray-400);width:20px;height:20px;color:var(--gray-500);cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.comp-tooltip-bubble{background:var(--gray-900);color:var(--white);border-radius:var(--radius-md);white-space:normal;max-width:200px;box-shadow:var(--shadow-dropdown);flex-shrink:1;padding:6px 10px;font-size:11px;line-height:1.5}.comp-number-input{gap:4px;overflow:hidden}.comp-number-affix{color:var(--gray-500);flex-shrink:0;font-size:12px}.comp-number-value{color:var(--gray-700);flex:1;align-items:center;font-size:12px;display:flex}.comp-number-steppers{border-left:1px solid var(--gray-200);border-radius:0 var(--radius-md) var(--radius-md) 0;flex-direction:column;height:100%;margin-right:-10px;display:flex;overflow:hidden}.comp-number-step{color:var(--gray-500);cursor:default;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:0 7px;font-size:13px;font-weight:500;line-height:1;display:flex}.comp-number-step:first-child{border-bottom:1px solid var(--gray-200)}.comp-icon-block{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.comp-icon-empty{color:var(--gray-400);font-size:14px;font-style:italic}.comp-file-upload{flex-direction:column;gap:6px;width:100%;height:100%;display:flex}.comp-file-drop-zone{border:var(--border-width) dashed var(--gray-300);border-radius:var(--radius-md);background:var(--gray-50);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:0;padding:8px;display:flex}.comp-file-icon{color:var(--gray-400);font-size:16px;line-height:1}.comp-file-instruction{color:var(--gray-500);text-align:center;font-size:11px;line-height:1.3}.comp-file-types{color:var(--gray-400);font-size:10px}.comp-file-browse{border:var(--border-width) var(--border-style) var(--primary);border-radius:var(--radius-md);height:22px;color:var(--primary);cursor:default;align-items:center;margin-top:2px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.comp-file-uploaded{background:var(--white);border:var(--border-width) var(--border-style) var(--gray-200);border-radius:var(--radius-md);flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.comp-file-uploaded-icon{color:var(--gray-500);flex-shrink:0;font-size:12px}.comp-file-uploaded-name{color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.comp-file-uploaded-remove{color:var(--gray-400);cursor:default;flex-shrink:0;font-size:10px}.tab-container{border:var(--border-width) var(--border-style) var(--gray-300);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.tab-container-bar{background:var(--gray-100);border-bottom:1px solid var(--gray-300);flex-direction:row;flex-shrink:0;align-items:flex-end;gap:2px;height:40px;padding:0 8px;display:flex}.tab-container-tab{cursor:pointer;height:32px;color:var(--gray-500);border-radius:var(--radius-sm) var(--radius-sm) 0 0;-webkit-user-select:none;user-select:none;white-space:nowrap;border-top:3px solid #0000;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;transition:color .1s,border-top-color .1s,background .1s;display:flex}.tab-container-tab:hover{color:var(--gray-700);background:var(--gray-200)}.tab-container-tab.active{color:var(--primary);border-top-color:var(--primary);background:var(--white);height:34px;font-weight:var(--font-weight-label)}.tab-container-tab-icon{opacity:.75;font-size:11px}.tab-container-content{background:var(--white);flex:1;position:relative;overflow:hidden}.collapsible-frame{border:var(--border-width) var(--border-style) var(--gray-200);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.collapsible-frame-header{cursor:pointer;border-bottom:1px solid var(--gray-200);-webkit-user-select:none;user-select:none;background:var(--white);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.collapsible-frame-header:hover{background:var(--gray-50)}.collapsible-frame-label{font-weight:var(--font-weight-label);color:var(--gray-900);font-size:13px}.collapsible-frame-chevron{color:var(--gray-500);font-size:13px;transition:transform .15s;display:inline-block}.collapsible-frame-chevron.open{transform:rotate(0)}.collapsible-frame-chevron.closed{transform:rotate(-90deg)}.collapsible-frame-content{background:var(--white);flex:1;position:relative;overflow:hidden}.card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.card-header{background:var(--primary);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.card-title{font-size:13px;font-weight:var(--font-weight-label);color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin-right:8px;overflow:hidden}.card-slot-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.card-slot-link{color:var(--white);white-space:nowrap;cursor:default;flex-shrink:0;font-size:12px;text-decoration:underline}.card-body{background:var(--white);flex:1;min-height:48px;position:relative;overflow:hidden}.card-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;height:48px;padding:0 14px;display:flex}.card-footer-btn{height:32px;font-size:13px;font-weight:var(--btn-font-weight);text-transform:var(--btn-text-transform);border-radius:var(--radius-md);cursor:default;white-space:nowrap;border:none;padding:0 16px}.card-footer-btn-primary{background:var(--primary);color:var(--white)}.card-footer-btn-secondary{background:var(--white);color:var(--gray-700);border:var(--border-width) var(--border-style) var(--gray-300)}.card-field-rows{border-bottom:1px solid var(--gray-200);background:var(--white);flex-shrink:0}.card-field-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:8px;padding:5px 14px;display:flex}.card-field-row:last-child{border-bottom:none}.card-field-key{font-size:var(--font-size-base);color:var(--gray-500);flex-shrink:0;min-width:90px}.card-field-value{font-size:var(--font-size-base);color:var(--gray-900);font-weight:500}.canvas-component{cursor:grab;border-radius:var(--radius-sm);will-change:left, top, width, height;outline:1px solid #0000;overflow:visible}.canvas-component:hover{outline-color:var(--primary-border)}.canvas-component.selected{outline:2px solid var(--tool-selection);outline-offset:1px;cursor:grab;z-index:10!important}.canvas-component:active{cursor:grabbing}.cc-controls{z-index:1000;gap:4px;display:flex;position:absolute;top:-30px;right:0}.cc-btn{background:var(--primary);min-width:24px;height:24px;color:var(--white);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:0 6px;font-size:11px;transition:background .1s;display:flex;box-shadow:0 1px 3px #00000026}.cc-btn:hover{background:var(--primary-dark)}.cc-btn-delete{background:var(--error)}.cc-btn-delete:hover{background:var(--error-dark)}.cc-resize-handle{cursor:se-resize;background:var(--primary);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:2px 0;width:12px;height:12px;position:absolute;bottom:0;right:0}.canvas-container{background:var(--gray-200);cursor:default;flex:1;padding:40px;overflow:auto}.canvas-zoom-wrapper{min-width:min-content;display:inline-block}.design-area{background-color:var(--white);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000002e}.canvas-empty-hint{color:var(--gray-400);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:15px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.align-guide{pointer-events:none;z-index:9999;background:#1e5fa8;min-width:1px;min-height:1px;position:absolute}.align-guide-x{width:1px}.align-guide-y{height:1px}.modal-dim-overlay{z-index:100;pointer-events:none;background:#00000073;position:absolute;inset:0}.toolbar{background:var(--white);border-bottom:1px solid var(--gray-200);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:16px;height:44px;padding:0 16px;display:flex}.toolbar-brand{flex:1;align-items:center;gap:8px;display:flex}.toolbar-zoom{align-items:center;gap:2px;display:flex}.toolbar-zoom-label{text-align:center;min-width:38px;color:var(--gray-500);font-size:12px}.toolbar-btn{height:28px;color:var(--gray-700);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:0 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.toolbar-btn:hover{background:var(--gray-100)}.toolbar-btn.icon{width:28px;color:var(--gray-500);padding:0;font-size:15px;font-weight:400}.toolbar-btn.icon:hover{background:var(--gray-100);color:var(--gray-700)}.toolbar-btn.primary{background:var(--gray-900);color:var(--white);border-left:1px solid var(--gray-200);border-radius:0 4px 4px 0;margin-left:8px;padding-left:14px;padding-right:14px;font-weight:600}.toolbar-btn.primary:hover{background:var(--gray-700)}.toolbar-actions{align-items:center;gap:2px;display:flex}.toolbar-theme{border-left:1px solid var(--gray-200);align-items:center;gap:4px;margin-left:6px;padding-left:10px;display:flex}.toolbar-theme-label{color:var(--gray-400);white-space:nowrap;font-size:11px;font-weight:500}.toolbar-theme-select{height:28px;color:var(--gray-700);cursor:pointer;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239CA3AF' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:none;border-radius:4px;padding:0 24px 0 8px;font-size:12px;font-weight:500;transition:background-color .12s}.toolbar-theme-select:hover{background-color:var(--gray-100)}.toolbar-export{position:relative}.toolbar-export-menu{background:var(--white);border:1px solid var(--gray-200);z-index:200;border-radius:6px;min-width:148px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.toolbar-export-item{text-align:left;width:100%;color:var(--gray-700);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 14px;font-size:12px;font-weight:500;transition:background .1s;display:block}.toolbar-export-item:hover{background:var(--gray-50)}.export-sublabel{white-space:normal;color:var(--gray-500);opacity:.85;pointer-events:none;margin-top:2px;font-size:.8em;font-weight:400;display:block}.library-panel{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow-y:auto}.library-header{letter-spacing:.8px;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-200);flex-shrink:0;padding:10px 12px 9px;font-size:11px;font-weight:700}.library-group{border-bottom:1px solid var(--gray-100)}.library-group-header{letter-spacing:.6px;text-transform:uppercase;width:100%;color:var(--gray-500);background:var(--gray-50);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;border:none;justify-content:space-between;align-items:center;padding:7px 10px 7px 12px;font-size:10px;font-weight:700;transition:background .1s,color .1s;display:flex}.library-group-header:hover{background:var(--gray-100);color:var(--gray-700)}.library-group-chevron{color:var(--gray-400);font-size:14px;line-height:1;transition:transform .15s;display:inline-block;transform:rotate(-90deg)}.library-group-chevron.collapsed{transform:rotate(180deg)}.library-tile{color:var(--gray-700);cursor:grab;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:8px;padding:5px 12px;font-size:12px;transition:background .1s;display:flex}.library-tile:hover{background:var(--primary-light);border-left-color:var(--primary);color:var(--primary)}.library-tile:active{cursor:grabbing}.library-tile-icon{text-align:center;opacity:.6;flex-shrink:0;width:18px;font-size:13px}.icon-picker-trigger{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);height:26px;color:var(--gray-500);cursor:pointer;align-items:center;gap:4px;min-width:60px;padding:0 6px;font-size:12px;transition:border-color .1s,background .1s;display:inline-flex}.icon-picker-trigger:hover{background:var(--gray-100);border-color:var(--gray-400)}.icon-picker-trigger.has-value{color:var(--gray-700)}.icon-picker-empty-dash{color:var(--gray-400);font-size:14px;line-height:1}.icon-picker-chevron{color:var(--gray-400);margin-left:auto;font-size:9px}.icon-picker-popover{z-index:9999;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);flex-direction:column;width:260px;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0000001f}.icon-picker-search{border:none;border-bottom:1px solid var(--gray-200);width:100%;height:30px;color:var(--gray-900);background:var(--gray-50);outline:none;flex-shrink:0;padding:0 10px;font-size:12px}.icon-picker-search::placeholder{color:var(--gray-400)}.icon-picker-scroll{max-height:280px;padding:6px 6px 8px;overflow-y:auto}.icon-picker-section{margin-bottom:6px}.icon-picker-section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--gray-400);padding:4px 4px 2px;font-size:9px;font-weight:700}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.icon-picker-cell{border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px 2px;transition:background .1s,border-color .1s,color .1s;display:flex}.icon-picker-cell:hover{background:var(--gray-100);color:var(--gray-900)}.icon-picker-cell.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.icon-picker-cell-label{color:inherit;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:8px;line-height:1.2;overflow:hidden}.icon-picker-cell-none{color:var(--gray-400);height:16px;font-size:14px;line-height:1;display:block}.icon-picker-no-results{color:var(--gray-400);text-align:center;padding:12px 8px;font-size:11px}.props-panel{background:var(--white);border-left:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.props-header{letter-spacing:.8px;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px;font-size:11px;font-weight:700;display:flex}.props-type{color:var(--gray-500);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-transform:none;letter-spacing:0;padding:2px 6px;font-size:10px;font-weight:600}.props-body{flex:1;padding-bottom:16px;overflow-y:auto}.props-delete-section{border-top:1px solid var(--gray-200);margin-top:8px;padding:12px}.props-delete-btn{background:var(--white);width:100%;color:var(--error);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.props-delete-btn:hover{background:var(--error-bg);border-color:var(--error)}.props-empty{color:var(--gray-400);text-align:center;padding:20px 12px;font-size:12px;line-height:1.5}.prop-section{padding:8px 0 0}.prop-section-title{letter-spacing:.6px;text-transform:uppercase;color:var(--gray-500);padding:4px 12px;font-size:10px;font-weight:700}.prop-row{align-items:center;gap:8px;padding:4px 12px;display:flex}.prop-label{color:var(--gray-700);flex-shrink:0;min-width:64px;font-size:11px}.prop-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);height:26px;color:var(--gray-900);background:var(--white);flex:1;width:100%;padding:0 6px;font-size:12px}.prop-input:focus{border-color:var(--primary);outline:none}.prop-textarea{resize:vertical;height:auto;padding:6px}.prop-array{padding:4px 12px}.prop-array-label{color:var(--gray-700);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.prop-array-add{background:var(--gray-200);width:20px;height:20px;color:var(--gray-500);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.prop-array-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.prop-pair-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:4px;margin-bottom:4px;display:grid}.prop-array-remove{background:var(--gray-200);width:20px;height:20px;color:var(--gray-500);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:background .1s;display:flex}.prop-array-remove:hover{background:var(--error-bg);color:var(--error)}.prop-array-move{background:var(--gray-200);width:20px;height:20px;color:var(--gray-500);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:8px;transition:background .1s;display:flex}.prop-array-move:hover:not(:disabled){background:var(--gray-300);color:var(--gray-700)}.prop-array-move:disabled{opacity:.3;cursor:default}.prop-align-group{flex:1;gap:4px;display:flex}.prop-align-btn{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);height:26px;color:var(--gray-600);flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;transition:background .1s,border-color .1s;display:flex}.prop-align-btn:hover{background:var(--gray-100)}.prop-align-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.prop-tab-row{align-items:center;gap:4px;margin-bottom:4px;display:flex}.prop-input-icon{flex:none;width:52px;padding:0 4px}.prop-color-row{flex:1;align-items:center;gap:6px;display:flex}.prop-color-swatch{border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:26px;height:26px;padding:1px}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.mobile-overlay{z-index:10000;background:var(--gray-50);color:var(--gray-700);text-align:center;font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:fixed;inset:0}.mobile-overlay p{max-width:320px;margin:0;font-size:16px;line-height:1.5}@media (width<=767px){.mobile-overlay{display:flex}}@media print{.mobile-overlay{display:none}}.app-body{flex:1;display:flex;overflow:hidden}