.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.palette-options button{appearance:none;min-width:0;text-align:left;display:flex;flex-direction:column;gap:8px;border:1px solid #35432f;border-radius:9px;background:#192316;color:#d7e0d0;padding:9px 8px;font:500 11px/1.4 var(--font);cursor:pointer}
.palette-options button[aria-pressed=true]{border-color:#bbd79a;background:#26351e;box-shadow:inset 0 0 0 1px #bbd79a;color:#f0f5e8}
.palette-options button:focus-visible{outline:2px solid #bbd79a;outline-offset:3px}
.palette-sample{display:flex;width:100%;height:18px;overflow:hidden;border-radius:4px;border:1px solid #ffffff22;background:var(--palette-paper)}
.palette-sample i{width:32%;height:100%;display:block;background:var(--palette-surface);border-left:1px solid #ffffff11;margin-left:auto}
.palette-sample i+i{width:20%;background:var(--palette-ink);margin-left:0}
.motion-controls{margin-top:23px;padding:17px 0 4px;border-top:1px solid #34432b}
.motion-controls select{margin-bottom:10px!important}.motion-controls .motion-help{font-size:11px;color:#b8c5ac;line-height:1.7;margin:0 0 12px}
.motion-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;width:100%;color:#dce9ce;border:1px solid #4c613d;border-radius:8px;background:#23301d;font:500 11px/1.5 var(--font);cursor:pointer}
.motion-preview:disabled{opacity:.5;cursor:default}.motion-preview:focus-visible{outline:2px solid #bbd79a;outline-offset:3px}.motion-preview span{font-size:16px}
/* Keep native text rasterization; avoid forcing grayscale smoothing on every display. */
body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.brand-symbol{display:inline-flex;width:1em;height:1em;font-size:32px;flex-shrink:0;align-items:center;justify-content:center}
.brand-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.builder-header .brand-symbol{font-size:22px}
.brand small{font-size:10px;color:#b4beb5;letter-spacing:.8px}
.topbar nav{font-size:13px}
.hero .eyebrow,.hero-bottom{font-size:11px}
.hero-note,.suggestions,.quiet,.pricing-detail{color:#b1bdb2}
.suggestions button{font-size:11px}
.footer>div>p,.footer>div:nth-child(2),.footer-bottom{font-size:12px;color:#b1bdb2}
#project-save-status,.preview-disclaimer,.preview-url,.style-help,.style-options small,.intent-card small,.mode-pill{font-size:11px;color:#b6c3aa}
.style-options small{line-height:1.5}.style-options label>span{gap:7px}
.preview-sections button,#inline-edit,.expand-preview{font-size:11px}
.palette-options .palette-label{overflow-wrap:anywhere}
@media(max-width:600px){.brand-symbol{font-size:28px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom{font-size:10px}.footer>div:nth-child(2){gap:15px;flex-wrap:wrap}.footer-bottom{font-size:11px}}
@media(max-width:380px){.builder-header .brand-symbol{font-size:20px}#project-save-status{font-size:10px}}