.theme-creator{height:calc(100vh - var(--ifm-navbar-height,60px));background:var(--dds-background-neutral-subtle,#f5f7fa);flex-direction:column;display:flex}.theme-creator__content{background:var(--dds-border-base,#e5e7eb);flex:1;grid-template-columns:320px 400px 1fr;gap:1px;display:grid;overflow:hidden}.theme-creator__sidebar{background:var(--dds-background-neutral-base,#fff);flex-direction:column;display:flex;overflow:hidden}.theme-creator__editor{background:var(--dds-background-neutral-base,#fff);flex-direction:column;min-height:0;display:flex;overflow:hidden}.theme-creator__editor-header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-subtle,#fafafa);padding:20px 24px}.theme-creator__editor-title{color:var(--dds-text-primary,#1c1f26);margin:0 0 4px;font-family:Courier New,monospace;font-size:20px;font-weight:700}.theme-creator__editor-description{color:var(--dds-text-secondary,#6b7280);margin:0;font-size:14px;line-height:1.5}.theme-creator__editor-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.theme-creator__editor-empty{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.theme-creator__editor-empty-content{text-align:center;max-width:500px}.theme-creator__editor-empty-content h3{color:var(--dds-text-primary,#1c1f26);margin:0 0 12px;font-size:24px;font-weight:700}.theme-creator__editor-empty-content>p{color:var(--dds-text-secondary,#6b7280);margin:0 0 32px;font-size:16px;line-height:1.6}.theme-creator__editor-empty-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.theme-creator__editor-empty-feature{text-align:center}.theme-creator__editor-empty-feature span{margin-bottom:8px;font-size:32px;display:block}.theme-creator__editor-empty-feature p{color:var(--dds-text-secondary,#6b7280);margin:0;font-size:14px}.theme-creator__preview{background:var(--dds-background-neutral-base,#fff);flex-direction:column;display:flex;overflow:hidden}.theme-creator__preview-header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:16px}.theme-creator__preview-title{color:var(--dds-text-primary,#1c1f26);margin:0 0 4px;font-size:16px;font-weight:600}.theme-creator__preview-description{color:var(--dds-text-secondary,#6b7280);margin:0;font-size:13px}.theme-creator__preview-frame{background:var(--dds-background-neutral-subtle,#f9fafb);flex:1;padding:24px;overflow:auto}.theme-creator__preview-placeholder{border:2px dashed var(--dds-border-base,#e5e7eb);height:100%;min-height:300px;color:var(--dds-text-secondary,#9ca3af);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.theme-creator__preview-empty{color:var(--dds-text-secondary,#9ca3af);flex:1;justify-content:center;align-items:center;padding:48px 24px;font-size:14px;display:flex}.theme-creator__loading,.theme-creator__error{text-align:center;justify-content:center;align-items:center;height:100vh;padding:48px;display:flex}.theme-creator__loading p{color:var(--dds-text-secondary,#6b7280);font-size:18px}.theme-creator__error{flex-direction:column;gap:16px}.theme-creator__error h2{color:var(--dds-text-primary,#1c1f26);margin:0;font-size:24px}.theme-creator__error p{max-width:600px;color:var(--dds-text-secondary,#6b7280);margin:0;font-size:16px}@media (max-width:1280px){.theme-creator__content{grid-template-columns:280px 1fr 350px}}@media (max-width:1024px){.theme-creator__content{grid-template-rows:auto 1fr;grid-template-columns:1fr}.theme-creator__sidebar{max-height:300px}.theme-creator__preview{display:none}}@media (max-width:768px){.theme-creator__editor-empty-features{grid-template-columns:1fr;gap:16px}}.theme-creator__preview-frame::-webkit-scrollbar{width:8px}.theme-creator__preview-frame::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.theme-creator__preview-frame::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.theme-creator__preview-frame::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}
.theme-creator__tabs{border-bottom:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-border-base,#e5e7eb);gap:1px;padding:0;display:flex}.theme-creator__tab{background:var(--dds-background-neutral-subtle,#f5f7fa);color:var(--dds-text-secondary,#6b7280);cursor:pointer;border:0;flex:1;padding:16px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.theme-creator__tab:hover{background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-primary,#1c1f26)}.theme-creator__tab.active{background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-brand,#06c);font-weight:600}.palette-creator{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.palette-creator__header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.palette-creator__header-left{flex:1;align-items:center;gap:24px;display:flex}.palette-creator__header h2{color:var(--dds-text-primary,#1c1f26);white-space:nowrap;margin:0;font-size:18px;font-weight:700}.palette-creator__actions{flex-shrink:0;gap:8px;display:flex}.palette-creator__steps{flex:1;gap:8px;display:flex}.palette-creator__steps dap-ds-content-switcher-item{flex:1;min-width:0}.step-number{background:var(--dds-background-neutral-subtle,#f3f4f6);width:24px;height:24px;color:var(--dds-text-secondary,#6b7280);border-radius:50%;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:600;display:inline-flex}.palette-creator__steps dap-ds-content-switcher-item[selected] .step-number{background:var(--dds-background-brand-base,#06c);color:#fff}.step-label{font-size:14px}.palette-creator__content{background:var(--dds-background-neutral-base,#fff);flex:1;overflow:auto}.foundations-step,.brand-mapping-step,.semantic-tokens-step,.component-tokens-step{padding:24px}.step-header{margin-bottom:24px}.step-header h3{color:var(--dds-text-primary,#1c1f26);margin:0 0 8px;font-size:18px;font-weight:600}.step-header p{margin:0 0 var(--dds-spacing-400);color:var(--dds-text-secondary,#6b7280);font-size:14px;line-height:1.5}.foundations-list{gap:var(--dds-spacing-600);flex-direction:column;display:flex}.foundation-item{padding:var(--dds-spacing-500);border:1px solid var(--dds-border-base,#e5e7eb);border-radius:var(--dds-border-radius-base);background:var(--dds-background-neutral-subtle,#fafafa)}.foundation-header{margin-bottom:var(--dds-spacing-400);justify-content:space-between;align-items:center;display:flex}.foundation-header h4{color:var(--dds-text-primary,#1c1f26);margin:0;font-family:Courier New,monospace;font-size:16px;font-weight:600}.color-scale-editor__header{margin-bottom:var(--dds-spacing-400)}.color-scale-editor__controls{align-items:center;gap:var(--dds-spacing-400);display:flex}.color-input-label{align-items:center;gap:var(--dds-spacing-200);display:flex}.color-input-picker{width:48px}.color-input-picker::part(input){box-shadow:none;border:0;padding:0}.color-input-label span{color:var(--dds-text-secondary,#6b7280);font-size:13px;font-weight:500}.color-input-label input[type=color]{border:1px solid var(--dds-border-base,#e5e7eb);cursor:pointer;border-radius:4px;width:48px;height:32px}.color-input-text{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:4px;width:100px;padding:6px 8px;font-family:Courier New,monospace;font-size:13px}.color-scale-editor__actions{align-items:center;gap:12px;margin-left:auto;display:flex}.color-scale-editor__section{margin-bottom:24px}.color-scale-editor__section:last-child{margin-bottom:0}.color-scale-editor__section-title{color:var(--dds-text-secondary,#6b7280);letter-spacing:.5px;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:600}.color-scale-editor__scale{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;display:grid}.color-scale-editor__swatch{border:1px solid var(--dds-border-base,#e5e7eb);cursor:pointer;border-radius:4px;height:60px;transition:transform .2s;position:relative}.color-scale-editor__swatch:hover{z-index:1;border-color:var(--dds-border-brand,#06c);transform:scale(1.05)}.shade-label{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.color-scale-editor__warnings{border:1px solid var(--dds-border-warning,#fbbf24);background:var(--dds-background-warning-subtle,#fef3c7);border-radius:6px;margin-top:16px;padding:12px 16px}.color-scale-editor__warnings h5{color:var(--dds-text-warning,#92400e);margin:0 0 8px;font-size:13px;font-weight:600}.color-scale-editor__warnings .warning{color:var(--dds-text-warning,#92400e);margin-bottom:4px;font-size:12px}.color-scale-editor__warnings .warning:last-child{margin-bottom:0}.color-shade-editor__content{padding:8px 0}.color-preview{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:6px;justify-content:center;align-items:center;height:120px;margin-bottom:20px;display:flex}.color-preview__hex{color:#fff;background:#000000b3;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.color-inputs{flex-direction:column;gap:16px;display:flex}.color-input-wrapper{flex-direction:column;gap:8px;display:flex}.color-input-wrapper label{color:var(--dds-text-secondary,#6b7280);font-size:13px;font-weight:500}.color-picker-input{border:1px solid var(--dds-border-base,#e5e7eb);cursor:pointer;border-radius:4px;width:100%;height:48px}.color-inputs dap-ds-input{width:100%}.add-foundation-form{flex-direction:column;gap:16px;padding:8px 0;display:flex}.add-foundation-form .color-input-wrapper{flex-direction:column;gap:8px;display:flex}.add-foundation-form .color-input-wrapper label{color:var(--dds-text-secondary,#6b7280);font-size:13px;font-weight:500}.add-foundation-form .color-picker-input{border:1px solid var(--dds-border-base,#e5e7eb);cursor:pointer;border-radius:4px;width:100%;height:48px;margin-bottom:8px}.add-foundation-form dap-ds-input{width:100%}.brand-mapping-panel{flex-direction:column;gap:20px;display:flex}.brand-mapping-item{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);border-radius:6px;justify-content:space-between;align-items:center;padding:16px;display:flex}.brand-mapping-info{flex:1}.brand-mapping-label{flex-direction:column;gap:4px;display:flex}.brand-mapping-label strong{color:var(--dds-text-primary,#1c1f26);font-size:14px;font-weight:600}.brand-mapping-label .description{color:var(--dds-text-secondary,#6b7280);font-size:12px}.brand-mapping-control{align-items:center;gap:12px;display:flex}.brand-mapping-select{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);border-radius:4px;padding:6px 32px 6px 12px;font-family:Courier New,monospace;font-size:13px}.brand-mapping-preview,.mapping-preview-swatches{gap:4px;display:flex}.preview-swatch{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:4px;width:28px;height:28px}.palette-preview{flex-direction:column;flex:1;display:flex;overflow:hidden}.palette-preview__controls{border-bottom:1px solid var(--dds-border-base,#e5e7eb);gap:8px;padding:16px;display:flex}.palette-preview__content{flex:1;padding:16px;overflow:auto}.color-swatch-preview{flex-direction:column;gap:24px;display:flex}.color-section{flex-direction:column;gap:16px;display:flex}.color-section h4{color:var(--dds-text-primary,#1c1f26);text-transform:uppercase;margin:0;font-size:14px;font-weight:600}.color-family{flex-direction:column;gap:8px;display:flex}.color-family h5{color:var(--dds-text-secondary,#6b7280);margin:0;font-family:Courier New,monospace;font-size:12px;font-weight:600}.color-family__alpha-title{color:var(--dds-text-tertiary,#9ca3af);letter-spacing:.5px;text-transform:uppercase;margin:12px 0 8px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.color-swatches{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;display:grid}.color-swatch{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:4px;height:48px;position:relative}.swatch-label{color:#fff;background:#000000b3;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.brand-mappings{flex-direction:column;gap:8px;display:flex}.brand-mapping-row{background:var(--dds-background-neutral-subtle,#fafafa);border-radius:4px;align-items:center;gap:12px;padding:8px 12px;font-family:Courier New,monospace;font-size:12px;display:flex}.brand-role{color:var(--dds-text-brand,#06c);font-weight:600}.brand-arrow{color:var(--dds-text-secondary,#9ca3af)}.brand-foundation{color:var(--dds-text-primary,#1c1f26);font-weight:500}.component-preview{flex-direction:column;gap:24px;display:flex}.preview-note{background:var(--dds-background-informative-subtle,#dbeafe);color:var(--dds-text-informative,#1e40af);border-radius:6px;padding:12px;font-size:13px}.preview-components{flex-direction:column;gap:24px;display:flex}.preview-section h5{color:var(--dds-text-primary,#1c1f26);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:600}.preview-row{gap:12px;display:flex}.preview-button{cursor:pointer;border:0;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500}.preview-status-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.status-box{color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:16px;font-size:13px;font-weight:600;display:flex}.preview-text{flex-direction:column;gap:8px;display:flex}.preview-text p{margin:0;font-size:13px}.coming-soon{text-align:center;padding:32px}.coming-soon p{color:var(--dds-text-secondary,#6b7280);margin:0 0 12px;font-size:14px;line-height:1.6}.coming-soon p:last-child{margin-bottom:0}.palette-export-modal-content{flex-direction:column;gap:24px;display:flex}.export-section{flex-direction:column;gap:12px;display:flex}.export-section h3{color:var(--dds-text-primary,#1c1f26);margin:0;font-size:14px;font-weight:600}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-label{border:1px solid var(--dds-border-base,#e5e7eb);cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.radio-label:hover{border-color:var(--dds-border-brand,#06c);background:var(--dds-background-brand-subtle,#f0f7ff)}.radio-label input[type=radio]{margin-top:2px}.radio-content{flex-direction:column;flex:1;gap:4px;display:flex}.radio-content strong{color:var(--dds-text-primary,#1c1f26);font-size:14px;font-weight:600}.radio-content .description{color:var(--dds-text-secondary,#6b7280);font-size:12px;line-height:1.4}.theme-variant-select{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px}.help-text{color:var(--dds-text-secondary,#6b7280);margin:4px 0 0;font-size:12px;line-height:1.4}.checkbox-group{flex-direction:column;gap:8px;display:flex}.checkbox-wrapper{border:1px solid var(--dds-border-base,#e5e7eb);border-radius:6px;padding:12px}.checkbox-content{flex-direction:column;gap:4px;display:flex}.checkbox-content strong{color:var(--dds-text-primary,#1c1f26);font-size:14px;font-weight:600}.checkbox-content .description{color:var(--dds-text-secondary,#6b7280);font-size:12px;line-height:1.4}@media (max-width:1200px){.palette-creator__header{flex-wrap:wrap}.palette-creator__header-left{flex-basis:100%;order:1}.palette-creator__actions{order:2;margin-left:auto}.step-label{display:none}}@media (max-width:768px){.palette-creator__header{padding:12px 16px}.palette-creator__header h2{font-size:16px}.palette-creator__steps{gap:6px}.color-scale-editor__scale{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.step-header,.foundations-step,.brand-mapping-step,.semantic-tokens-step,.component-tokens-step{padding:16px}}
.component-list{background:var(--dds-background-neutral-base,#fff);flex-direction:column;height:100%;display:flex}.component-list__search{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:16px}.component-list__search-input{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-subtle,#f9fafb);width:100%;color:var(--dds-text-primary,#1c1f26);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.component-list__search-input:focus{border-color:var(--dds-brand-500,#4f46e5);background:#fff;outline:none;box-shadow:0 0 0 3px #4f46e51a}.component-list__search-input::placeholder{color:var(--dds-text-secondary,#6b7280)}.component-list__items{flex:1;padding:8px;overflow-y:auto}.component-list__empty{color:var(--dds-text-secondary,#6b7280);text-align:center;padding:48px 16px}.component-list__item{text-align:left;flex-direction:column;gap:8px;width:100%;margin-bottom:8px;display:flex}.component-list__item::part(base){border-radius:var(--dds-radius-base);width:100%}.component-list__item.customized::part(base){border-left:3px solid var(--dds-brand-500,#4f46e5)}.component-list__footer{border-top:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-subtle,#f9fafb);padding:12px 16px}.component-list__count{color:var(--dds-text-secondary,#6b7280);text-align:center;margin:0;font-size:12px}.component-list__items::-webkit-scrollbar{width:8px}.component-list__items::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.component-list__items::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.component-list__items::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}
.component-preview{background:var(--dds-background-neutral-base,#fff);flex-direction:column;height:100%;display:flex}.component-preview__header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:16px}.component-preview__header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.component-preview__header-actions{align-items:center;gap:12px;display:flex}.component-preview__title{color:var(--dds-text-primary,#1c1f26);margin:0;font-size:16px;font-weight:600}.component-preview__badge{background:var(--dds-brand-500,#4f46e5);color:#fff;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.component-preview__content{background:var(--dds-background-neutral-subtle,#f9fafb);flex:1;padding:24px;transition:background-color .2s;overflow-y:auto}.component-preview__content--light{color:#000;background:#fff}.component-preview__content--neutral{color:#000;background:#f9fafb}.component-preview__content--dark{color:#fff;background:#1c1f26}.component-preview__content--custom{color:#000}.component-preview__examples{flex-direction:column;gap:24px;display:flex}.component-preview__example{flex-direction:column;gap:8px;display:flex}.component-preview__example-label{color:var(--dds-text-secondary,#6b7280);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.component-preview__css{border-top:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);padding:16px}.component-preview__css-title{color:var(--dds-text-primary,#1c1f26);margin:0 0 12px;font-size:13px;font-weight:600}.component-preview__css-code{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-subtle,#f9fafb);max-height:300px;color:var(--dds-text-primary,#1c1f26);border-radius:6px;margin:0;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow:auto}.component-preview__css-code code{font-family:inherit}.component-preview__content::-webkit-scrollbar{width:8px;height:8px}.component-preview__css-code::-webkit-scrollbar{width:8px;height:8px}.component-preview__content::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.component-preview__css-code::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.component-preview__content::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.component-preview__css-code::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.component-preview__content::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}.component-preview__css-code::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}.component-preview__palette-toggle{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-primary,#1c1f26);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.component-preview__palette-toggle:hover{border-color:var(--dds-border-hover,#d1d5db);background:var(--dds-background-neutral-hover,#f3f4f6)}.component-preview__palette-toggle:has(input:disabled){opacity:.6;cursor:not-allowed}.component-preview__palette-toggle:has(input:disabled):hover{border-color:var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff)}.component-preview__palette-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.component-preview__palette-toggle input[type=checkbox]:disabled{cursor:not-allowed}.component-preview__palette-toggle-hint{color:var(--dds-text-tertiary,#9ca3af);margin-left:4px;font-size:11px;font-style:italic}
.theme-controls{border-bottom:1px solid var(--ifm-color-emphasis-200);background:var(--ifm-background-surface-color);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.theme-controls__left{flex:1;align-items:center;gap:12px;display:flex}.theme-controls__badge{background:var(--ifm-color-warning-lightest);color:var(--ifm-color-warning-darkest);white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.theme-controls__badge--error{background:var(--ifm-color-danger-lightest);color:var(--ifm-color-danger-darkest)}.theme-controls__right{align-items:center;gap:12px;display:flex}.theme-controls__group{gap:4px;display:flex}.theme-controls__divider{height:32px}@media (max-width:768px){.theme-controls,.theme-controls__left,.theme-controls__right{flex-direction:column;align-items:stretch}.theme-controls__group{flex-direction:row}.theme-controls__divider{display:none}}[data-theme=dark] .theme-controls{border-color:var(--ifm-color-emphasis-300);background:var(--ifm-background-surface-color)}[data-theme=dark] .theme-controls__export-menu{border-color:var(--ifm-color-emphasis-300);background:var(--ifm-background-surface-color);box-shadow:0 4px 12px #0000004d}
.editor-tabs{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:auto}.editor-tabs__content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.editor-tabs__content .property-editor,.editor-tabs__content .part-editor{flex:1;height:100%;min-height:0;overflow:hidden}.editor-tabs-empty{color:var(--dds-text-secondary,#6b7280);text-align:center;flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.editor-tabs-empty p{margin:0;font-size:14px}
.part-editor{background:var(--dds-background-neutral-base,#fff);flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.part-editor__header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:16px}.part-editor__title{color:var(--dds-text-primary,#1c1f26);margin:0 0 4px;font-size:16px;font-weight:600}.part-editor__description{color:var(--dds-text-secondary,#6b7280);margin:0;font-size:12px;font-weight:400;line-height:1.4}.part-editor__list{flex:1;padding:16px;overflow-y:auto}.part-editor__empty{color:var(--dds-text-secondary,#6b7280);text-align:center;padding:48px 16px}.part-editor__accordion--customized::part(base){border-left-width:3px;border-color:var(--dds-brand-500,#4f46e5);background:#4f46e508}.part-editor__heading{flex-direction:column;flex:1;gap:4px;display:flex}.part-editor__heading-main{align-items:center;gap:8px;display:flex}.part-editor__part-name{background:var(--dds-background-neutral-medium,#e5e7eb);color:var(--dds-text-primary,#1c1f26);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.part-editor__customized-badge{background:var(--dds-brand-500,#4f46e5);color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.part-editor__content{padding:0}.part-editor__styles-list{margin-bottom:12px}.part-editor__style-item{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.part-editor__style-property{color:var(--dds-text-secondary,#6b7280);font-size:12px;font-weight:500}.part-editor__style-property code{background:var(--dds-background-neutral-subtle,#f3f4f6);border-radius:3px;padding:2px 4px;font-family:Courier New,monospace}.part-editor__style-input-group{gap:6px;display:flex}.part-editor__style-input{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-primary,#1c1f26);border-radius:4px;flex:1;padding:6px 10px;font-family:Courier New,monospace;font-size:13px;transition:all .2s}.part-editor__style-input:focus{border-color:var(--dds-brand-500,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.part-editor__remove-style-btn{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-secondary,#9ca3af);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .2s}.part-editor__remove-style-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.part-editor__add-style{border-top:1px dashed var(--dds-border-base,#e5e7eb);padding-top:12px}.part-editor__add-style-title{color:var(--dds-text-primary,#1c1f26);margin:0 0 8px;font-size:13px;font-weight:600}.part-editor__add-style-form{gap:6px;display:flex}.part-editor__list::-webkit-scrollbar{width:8px}.part-editor__list::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.part-editor__list::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.part-editor__list::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}
.part-editor-item__heading{width:100%}.part-editor-item__heading-main{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.part-editor-item__content{padding:.75rem}.part-editor-item__error,.part-editor-item__success{border-radius:4px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.part-editor-item__error{border:1px solid var(--ifm-color-danger-lighter,#fecaca);background:var(--ifm-color-danger-contrast-background,#fef2f2);color:var(--ifm-color-danger-dark,#b91c1c)}.part-editor-item__success{border:1px solid var(--ifm-color-success-lighter,#bbf7d0);background:var(--ifm-color-success-contrast-background,#f0fdf4);color:var(--ifm-color-success-dark,#15803d)}.part-editor-item--customized dap-ds-accordion{border-left:3px solid var(--ifm-color-primary,#2563eb)}
.property-editor{background:var(--dds-background-neutral-base,#fff);flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.property-editor__header{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:16px}.property-editor__title{color:var(--dds-text-primary,#1c1f26);margin:0 0 4px;font-size:16px;font-weight:600}.property-editor__description{color:var(--dds-text-secondary,#6b7280);margin:0 0 12px;font-size:12px;line-height:1.5}.property-editor__search{border-bottom:1px solid var(--dds-border-base,#e5e7eb);padding:12px 16px}.property-editor__list{flex:1;padding:16px;overflow-y:auto}.property-editor__empty{color:var(--dds-text-secondary,#6b7280);text-align:center;padding:48px 16px}.property-editor__item{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-subtle,#fafafa);border-radius:8px;margin-bottom:16px;padding:16px;transition:all .2s}.property-editor__item.customized{border-left-width:3px;border-color:var(--dds-brand-500,#4f46e5);background:#4f46e508}.property-editor__item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.property-editor__label{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.property-editor__property-name{background:var(--dds-background-neutral-medium,#e5e7eb);color:var(--dds-text-primary,#1c1f26);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.property-editor__default-inline{background:var(--dds-background-neutral-subtle,#f3f4f6);color:var(--dds-text-secondary,#6b7280);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-style:italic}.property-editor__customized-badge{background:var(--dds-brand-500,#4f46e5);color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.property-editor__reset-btn{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-secondary,#6b7280);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.property-editor__reset-btn:hover{border-color:var(--dds-border-base,#d1d5db);background:var(--dds-background-neutral-subtle,#f9fafb);color:var(--dds-text-primary,#1c1f26)}.property-editor__input-group{align-items:center;gap:8px;margin-bottom:8px;display:flex;position:relative}.property-editor__input{border:1px solid var(--dds-border-base,#e5e7eb);background:var(--dds-background-neutral-base,#fff);color:var(--dds-text-primary,#1c1f26);border-radius:6px;flex:1;padding:8px 12px;font-family:Courier New,monospace;font-size:13px;transition:all .2s}.property-editor__input:focus{border-color:var(--dds-brand-500,#4f46e5);outline:none;box-shadow:0 0 0 3px #4f46e51a}.property-editor__input::placeholder{color:var(--dds-text-secondary,#9ca3af);font-style:italic}.property-editor__color-preview{border:2px solid var(--dds-border-base,#e5e7eb);border-radius:6px;flex-shrink:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000001a}.property-editor__summary{color:var(--dds-text-secondary,#6b7280);text-align:center;margin:0;font-size:12px}.property-editor__list::-webkit-scrollbar{width:8px}.property-editor__list::-webkit-scrollbar-track{background:var(--dds-background-neutral-subtle,#f9fafb)}.property-editor__list::-webkit-scrollbar-thumb{background:var(--dds-border-base,#d1d5db);border-radius:4px}.property-editor__list::-webkit-scrollbar-thumb:hover{background:var(--dds-border-base,#9ca3af)}