*{box-sizing:border-box}:root{--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);color:#1f2937;background:#f5f5f5;font-size:13px;font-weight:400;line-height:1.4}html,body,#root{width:100%;height:100%;margin:0;padding:0}button,input,select,textarea{font-family:var(--sans);font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app{background:#f5f5f5;flex-direction:column;height:100vh;display:flex}.content{flex:1;display:flex;overflow:hidden}.toolbar{background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:20px;padding:12px 20px;display:flex;box-shadow:0 1px 2px #0000000d}.toolbar-title{color:#1f2937;margin-right:auto;font-size:16px;font-weight:600}.toolbar-button{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.toolbar-button:hover{background:#e5e7eb;border-color:#9ca3af}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.left-sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:180px;display:flex;overflow-y:auto}.sidebar-section{border-bottom:1px solid #f0f0f0;padding:12px}.sidebar-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:8px 12px;font-size:11px;font-weight:700}.section-item{cursor:pointer;color:#374151;background:#f9fafb;border:1px solid #f0f0f0;border-radius:3px;margin:4px 0;padding:8px 12px;font-size:13px;transition:all .2s}.section-item:hover{background:#f3f4f6;border-color:#e5e7eb}.section-item.active{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd;font-weight:500}.canvas-container{background:#e5e7eb;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.page-preview{background:#fff;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 40px #00000026}.page-content{box-sizing:border-box;width:100%;height:100%;position:relative;overflow:hidden}.page-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.decorative-shape{z-index:1;position:absolute}.page-logo{z-index:3;object-fit:contain;pointer-events:none;position:absolute}.header-left{align-items:center;gap:6px;display:flex}.header-logo{object-fit:contain}.page-inner{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.page-header{z-index:3;border-bottom:none;padding-top:0}.page-header-border{border-bottom:solid #d1d5db;width:100%}.page-body{z-index:2;flex:1;position:relative;overflow:hidden}.page-footer{z-index:3;border-top:none;margin-top:auto;padding-bottom:0}.page-footer-border{border-top:solid #d1d5db;width:100%}.page-text{word-wrap:break-word;overflow-wrap:break-word;margin:0}.doc-document-title,.doc-part-title,.doc-article-title,.doc-section-title{break-after:avoid}.doc-section-title{text-transform:uppercase}.doc-subtitle,.doc-lead-paragraph,.doc-body{-webkit-hyphens:auto;hyphens:auto}.doc-caption{break-before:avoid}.doc-header,.doc-footer{white-space:nowrap}.page-slots{justify-content:space-between;align-items:center;gap:8px;display:flex}.sample-table{border-collapse:collapse;width:100%;margin:12px 0 4px}.doc-table-header{vertical-align:bottom}.doc-table-body{vertical-align:top}.sample-table tr.striped{background-image:linear-gradient(#0000000a,#0000000a)}.right-panel{background:#fff;border-left:1px solid #e0e0e0;flex-direction:column;width:280px;display:flex;overflow-y:auto}.panel-section{border-bottom:1px solid #f0f0f0;padding:16px}.panel-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.control-group{margin-bottom:12px}.control-label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.control-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:3px;width:100%;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.control-input:focus{background:#f9fafb;border-color:#9ca3af;outline:none}.control-select{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:3px;width:100%;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.control-select:focus{border-color:#9ca3af;outline:none}.color-picker-row{align-items:center;gap:8px;display:flex}.color-picker-input{cursor:pointer;border:1px solid #d1d5db;border-radius:3px;width:40px;height:32px;padding:2px}.color-hex-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:3px;flex:1;padding:6px 8px;font-family:Courier New,monospace;font-size:12px}.palette-swatches{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.palette-swatch{cursor:pointer;border:1px solid #d1d5db;border-radius:3px;height:22px;padding:0}.palette-swatch.selected{outline-offset:1px;outline:2px solid #2563eb}.palette-swatch:disabled{cursor:not-allowed;opacity:.5}.palette-selection{color:#6b7280;margin:4px 0;font-size:11px}.checkbox{cursor:pointer;accent-color:#6d28d9;width:16px;height:16px}.button-group{gap:8px;display:flex}.button-primary{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:3px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.button-primary:hover{background:#5b21b6}.button-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.button-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.preset-button{cursor:pointer;color:#374151;text-align:left;background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;width:100%;margin:4px 0;padding:8px 12px;font-size:12px;transition:all .2s;display:block}.preset-button:hover{background:#e5e7eb;border-color:#9ca3af}