.app-container{display:flex;flex-direction:column;height:100vh;min-width:1280px;font-family:var(--font-family)}.main-content{display:flex;flex:1;overflow:hidden}.theme-toggle-button{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:50%;border:var(--border-width) solid var(--border);background-color:var(--surface);color:var(--text);font-size:var(--font-size-lg);cursor:pointer;z-index:1000;transition:background-color var(--transition-normal)}.theme-toggle-button:hover{background-color:var(--hover)}@media(max-width:1280px){.app-container{min-width:auto}}@media(max-width:768px){.main-content{flex-direction:column}}:root{--background-light: #ffffff;--surface-light: #f5f5f5;--primary-light: #1a73e8;--secondary-light: #5f6368;--text-light: #202124;--border-light: #dadce0;--hover-light: #f1f3f4;--background-dark: #121212;--surface-dark: #1e1e1e;--primary-dark: #8ab4f8;--secondary-dark: #9aa0a6;--text-dark: #e8eaed;--border-dark: #5f6368;--hover-dark: #272727;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Roboto", "Arial", sans-serif;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--border-radius: 4px;--border-width: 1px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=light]{--background: var(--background-light);--surface: var(--surface-light);--primary: var(--primary-light);--secondary: var(--secondary-light);--text: var(--text-light);--border: var(--border-light);--hover: var(--hover-light)}[data-theme=dark]{--background: var(--background-dark);--surface: var(--surface-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--text: var(--text-dark);--border: var(--border-dark);--hover: var(--hover-dark)}.print-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.print-preview-modal{background:var(--surface, #fff);border-radius:8px;width:90vw;max-width:1100px;height:85vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;overflow:hidden}.print-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border, #e0e0e0);flex-shrink:0}.print-preview-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text, #333)}.print-preview-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary, #888);padding:4px 8px;border-radius:4px;transition:background .15s}.print-preview-close:hover{background:var(--hover, rgba(0,0,0,.06))}.print-preview-body{display:flex;flex:1;overflow:hidden}.print-preview-settings{width:280px;flex-shrink:0;padding:12px;overflow-y:auto;border-right:1px solid var(--border, #e0e0e0);display:flex;flex-direction:column;gap:8px}.print-settings-fieldset{border:1px solid var(--border, #e0e0e0);border-radius:4px;padding:8px;margin:0}.print-settings-fieldset legend{font-weight:500;font-size:12px;color:var(--text-secondary, #666);padding:0 4px}.print-settings-label{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;font-size:12px;color:var(--text-secondary, #666)}.print-settings-checkbox-label{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;color:var(--text, #333);cursor:pointer}.print-settings-input,.print-settings-select,.print-settings-text-input{width:100%;padding:4px 6px;border:1px solid var(--border, #ccc);border-radius:4px;background:var(--background, #fff);color:var(--text, #333);font-size:14px;box-sizing:border-box}.print-settings-input:focus,.print-settings-select:focus,.print-settings-text-input:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb26}.print-settings-select{cursor:pointer}.print-preview-info{background:var(--surface-hover, rgba(0,0,0,.04));border-radius:4px;padding:8px;font-size:12px}.print-info-row{display:flex;justify-content:space-between;padding:2px 0;color:var(--text-secondary, #666)}.print-info-row span:last-child{font-weight:500;color:var(--text, #333)}.print-preview-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow:auto;background:var(--background, #f5f5f5)}.print-preview-page-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.print-preview-page-image{max-width:100%;max-height:60vh;border:1px solid var(--border, #ccc);background:#fff;box-shadow:0 2px 8px #0000001a}.print-preview-page-label{font-size:13px;color:var(--text-secondary, #666)}.print-preview-nav{display:flex;align-items:center;gap:12px;margin-top:12px}.print-preview-nav-btn{padding:6px 16px;border:1px solid var(--border, #ccc);border-radius:4px;background:var(--surface, #fff);color:var(--text, #333);cursor:pointer;font-size:13px;transition:background .15s}.print-preview-nav-btn:hover:not(:disabled){background:var(--hover, rgba(0,0,0,.06))}.print-preview-nav-btn:disabled{opacity:.4;cursor:not-allowed}.print-preview-nav-info{font-size:13px;color:var(--text-secondary, #666);min-width:60px;text-align:center}.print-preview-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;max-width:300px;justify-content:center}.print-preview-grid-cell{width:32px;height:32px;border:1px solid var(--border, #ccc);border-radius:4px;background:var(--surface, #fff);color:var(--text, #333);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.print-preview-grid-cell:hover{background:var(--hover, rgba(0,0,0,.06))}.print-preview-grid-cell.active{background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb)}.print-preview-empty{color:var(--text-secondary, #888);font-size:14px;text-align:center;padding:40px}.print-preview-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border, #e0e0e0);flex-shrink:0}.print-preview-btn{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.print-preview-btn-secondary{background:var(--surface, #f0f0f0);color:var(--text, #333)}.print-preview-btn-secondary:hover{background:var(--hover, rgba(0,0,0,.08))}.print-preview-btn-primary{background:var(--primary, #2563eb);color:#fff}.print-preview-btn-primary:hover:not(:disabled){opacity:.9}.print-preview-btn-primary:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.print-preview-modal{width:95vw;height:90vh}.print-preview-body{flex-direction:column}.print-preview-settings{width:100%;border-right:none;border-bottom:1px solid var(--border, #e0e0e0);max-height:200px}.print-preview-page-image{max-height:40vh}}.ribbon-bar{display:flex;background-color:var(--surface);border-bottom:var(--border-width) solid var(--border);padding:var(--spacing-xs) 0;min-height:40px;align-items:center}.ribbon-tab{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md);transition:background-color var(--transition-normal);margin:0 var(--spacing-xs)}.ribbon-tab:hover{background-color:var(--hover)}.ribbon-tab.active{background-color:var(--primary);color:var(--background)}.tab-icon{margin-right:var(--spacing-sm);font-size:var(--font-size-lg)}.ribbon-divider{width:1px;height:24px;background-color:var(--border);margin:0 var(--spacing-sm)}.ribbon-dropdown-wrapper{position:relative;display:flex;align-items:center}.ribbon-dropdown{position:absolute;top:100%;left:var(--spacing-xs);background-color:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;padding:var(--spacing-xs) 0;margin-top:var(--spacing-xs)}.ribbon-dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md);text-align:left;transition:background-color var(--transition-normal)}.ribbon-dropdown-item:hover{background-color:var(--hover)}.ribbon-status{margin-left:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary, #888);font-family:var(--font-family)}@media(max-width:768px){.ribbon-tab{padding:var(--spacing-sm)}.tab-label{display:none}.tab-icon{margin-right:0}}.side-panel{display:flex;flex-direction:column;background-color:var(--surface);border-left:var(--border-width) solid var(--border);width:300px;height:100%}.panel-tabs{display:flex;flex-direction:column;padding:var(--spacing-sm) 0;background-color:var(--surface);border-bottom:var(--border-width) solid var(--border)}.panel-tab{display:flex;align-items:center;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md);transition:background-color var(--transition-normal);text-align:left}.panel-tab:hover{background-color:var(--hover)}.panel-tab.active{background-color:var(--primary);color:var(--background)}.tab-icon{margin-right:var(--spacing-md);font-size:var(--font-size-lg)}.tab-label{font-weight:var(--font-weight-medium)}.panel-content-container{flex:1;overflow-y:auto;padding:var(--spacing-md)}.panel-content{color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md)}@media(max-width:1024px){.side-panel{width:250px}}@media(max-width:768px){.side-panel{width:100%;height:300px;border-left:none;border-top:var(--border-width) solid var(--border)}.panel-tabs{flex-direction:row;overflow-x:auto}.panel-tab{flex:1;justify-content:center}.tab-label{display:none}.tab-icon{margin-right:0}}.properties-panel{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px);font-family:var(--font-family, sans-serif);font-size:var(--font-size-md, 14px);color:var(--text, #333)}.properties-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:var(--spacing-lg, 24px);text-align:center}.properties-panel-empty-icon{font-size:48px;margin-bottom:var(--spacing-md, 16px);opacity:.5}.properties-panel-empty-text{color:var(--text-secondary, #888);font-size:var(--font-size-sm, 12px);line-height:1.5;max-width:220px}.properties-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background-color:var(--surface-hover, rgba(0, 0, 0, .04));border-radius:var(--border-radius, 4px);margin-bottom:var(--spacing-xs, 4px)}.properties-panel-type-badge{font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-sm, 12px);text-transform:uppercase;letter-spacing:.5px;color:var(--primary, #2563eb)}.properties-panel-id{font-size:var(--font-size-xs, 10px);color:var(--text-secondary, #888);font-family:monospace}.properties-panel-fieldset{border:1px solid var(--border, #e0e0e0);border-radius:var(--border-radius, 4px);padding:var(--spacing-sm, 8px);margin:0}.properties-panel-fieldset legend{font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-sm, 12px);color:var(--text-secondary, #666);padding:0 var(--spacing-xs, 4px)}.properties-panel-row{display:flex;gap:var(--spacing-sm, 8px)}.properties-panel-row>*{flex:1}.properties-panel-label{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs, 4px);font-size:var(--font-size-sm, 12px);color:var(--text-secondary, #666)}.properties-panel-input,.properties-panel-text-input,.properties-panel-select{width:100%;padding:4px 6px;border:1px solid var(--border, #ccc);border-radius:var(--border-radius, 4px);background-color:var(--background, #fff);color:var(--text, #333);font-size:var(--font-size-md, 14px);font-family:var(--font-family, sans-serif);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.properties-panel-input:focus,.properties-panel-text-input:focus,.properties-panel-select:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb26}.properties-panel-input[type=number]{-moz-appearance:textfield}.properties-panel-input[type=number]::-webkit-inner-spin-button,.properties-panel-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.properties-panel-color-input{width:100%;height:28px;padding:2px;border:1px solid var(--border, #ccc);border-radius:var(--border-radius, 4px);background-color:var(--background, #fff);cursor:pointer;box-sizing:border-box}.properties-panel-color-input::-webkit-color-swatch-wrapper{padding:0}.properties-panel-color-input::-webkit-color-swatch{border:none;border-radius:2px}.properties-panel-text-input{margin-top:2px;font-size:var(--font-size-xs, 11px);font-family:monospace}.properties-panel-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@media(max-width:768px){.properties-panel{padding:var(--spacing-xs, 4px)}.properties-panel-row{flex-direction:column}}.command-line{background-color:var(--surface);border-top:var(--border-width) solid var(--border);padding:var(--spacing-sm);min-height:60px}.command-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.command-label{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text);font-weight:var(--font-weight-medium)}.command-input-container{display:flex;gap:var(--spacing-sm)}.command-input{flex:1;padding:var(--spacing-sm);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);background-color:var(--background);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md)}.command-input:focus{outline:2px solid var(--primary);outline-offset:1px}.command-submit{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--background);border:none;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal)}.command-submit:hover{background-color:var(--primary-dark)}.suggestions-list{position:absolute;background-color:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;z-index:100;list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0;width:300px}.suggestion-item{padding:var(--spacing-sm);cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-size-md)}.suggestion-item:hover{background-color:var(--hover)}.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}@media(max-width:768px){.command-input-container{flex-direction:column}.command-submit{width:100%}.suggestions-list{width:calc(100% - 2 * var(--spacing-sm))}}.status-bar{display:flex;background-color:var(--surface);border-top:var(--border-width) solid var(--border);padding:var(--spacing-xs) var(--spacing-sm);min-height:30px;align-items:center;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text)}.status-section{display:flex;align-items:center;margin-right:var(--spacing-lg)}.status-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.status-value{font-weight:var(--font-weight-regular)}.toggle-button{padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);background-color:var(--background);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-normal)}.toggle-button:hover{background-color:var(--hover)}.toggle-button.enabled{background-color:var(--primary);color:var(--background)}.toggle-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.status-bar{flex-wrap:wrap;gap:var(--spacing-sm)}.status-section{margin-right:0}}.canvas-area{flex:1;background-color:var(--background);overflow:hidden;position:relative}.canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--secondary);font-family:var(--font-family)}.canvas-placeholder p{margin:0;padding:0}.placeholder-subtext{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}