.color-editor-heading{max-width:750px}.color-editor-heading h2{font-size:30px}.color-editor-heading p{font-size:14px}.color-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 12px}.color-form>[role=status]{font-size:12px;color:#526784}.color-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.3fr);gap:28px;align-items:start}.color-controls details{border:1px solid #dce5ee;border-radius:12px;background:#fff;margin-bottom:12px}.color-controls summary{padding:17px;font-size:14px;font-weight:600;cursor:pointer}.color-fields{padding:0 17px 18px;display:grid;gap:15px}.color-field label{font-size:12px;margin-bottom:7px}.color-field>div{display:flex;gap:8px}.color-field input[type=color]{width:48px;height:42px;flex:none;padding:3px;cursor:pointer}.color-field input[type=text],.color-field input[data-color-key]{height:42px;font-size:13px}.color-field input:invalid{border-color:#b82543}.color-preview-column{position:sticky;top:120px;min-width:0}.color-preview-tools{display:flex;justify-content:space-between;gap:12px;align-items:center}.color-preview-tools>div{display:flex;gap:5px}.color-preview-tools button{padding:8px 12px;border:1px solid #dce5ee;background:#fff;border-radius:6px;cursor:pointer;font:inherit;font-size:11px}.color-preview-tools button[aria-pressed=true]{background:#092450;color:#fff}.color-preview-window{max-height:650px;overflow:auto;border:1px solid #dce5ee;border-radius:16px;background:#e9eef5;padding:8px}.color-preview{width:100%;border-radius:10px;overflow:hidden;margin:auto;transition:max-width .2s}.color-preview.preview-mobile{max-width:360px}.color-preview .announcement{font-size:9px;padding:8px;height:auto;min-height:32px;text-align:center}.color-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;font-size:10px}.color-demo-nav img{width:95px;height:64px;object-fit:contain}.color-preview .color-demo-hero{margin:12px;border-radius:16px;box-shadow:none}.color-preview .feature-copy{padding:22px!important}.color-preview .feature-copy h2{font-size:26px!important}.color-preview .feature-copy p{font-size:12px}.color-preview .button{padding:11px 14px;font-size:11px;min-height:0;cursor:default}.color-preview .color-demo-content{padding:10px 16px}.color-preview .color-demo-content>h2{font-size:22px;margin-top:10px}.color-preview .color-demo-content>p{font-size:12px}.color-preview .discovery-panel{display:block;padding:14px!important;border-radius:14px}.color-demo-tiles{display:flex;gap:6px;margin-bottom:12px}.color-preview .category-tile{font-size:9px;min-height:38px;padding:8px;flex:1}.color-preview .learning-card{max-width:100%;padding:6px}.color-preview .learning-card h3{font-size:17px;min-height:0}.color-preview .learning-card small{font-size:9px}.color-demo-stories{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.color-preview .color-demo-stories section{padding:0!important}.color-preview .community-card{padding:15px;min-height:125px}.color-preview .community-card h3{font-size:17px}.color-preview .community-card p{font-size:11px}.color-preview .company-band{padding:16px!important;margin:16px 0}.color-preview .company-band h3{font-size:16px}.color-preview .company-logo-tile{width:160px;padding:10px;min-height:50px}.color-preview .corporate-panel{padding:20px;display:block}.color-preview .corporate-panel h3{font-size:22px}.color-preview .corporate-panel p{font-size:12px}.color-preview footer{padding:20px;font-size:10px}.color-preview.preview-mobile .color-demo-stories{grid-template-columns:1fr}.color-preview.preview-mobile .color-demo-nav span{font-size:8px}
@media(max-width:800px){.color-workspace{grid-template-columns:1fr}.color-preview-column{position:static;grid-row:1}.color-preview-window{max-height:450px}.color-toolbar .button{font-size:11px;padding:12px}.color-editor-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.color-preview{transition:none}}