.theme-creator{--tc-gap: 1rem;margin:1.5rem 0}.theme-creator__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.theme-creator__presets{display:inline-flex;gap:.35rem;margin-left:auto}.tc-btn{font:inherit;font-size:.85rem;padding:.35rem .7rem;border-radius:.5rem;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white);cursor:pointer;line-height:1.2}.tc-btn:hover{border-color:var(--sl-color-accent)}.tc-btn--active{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.theme-creator__grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1.25rem;align-items:start}@media(max-width:800px){.theme-creator__grid{grid-template-columns:1fr}}.theme-creator__panel{border:1px solid var(--sl-color-gray-5);border-radius:.75rem;padding:1rem;background:var(--sl-color-gray-7, var(--sl-color-gray-6))}.tc-field{margin-bottom:.75rem}.tc-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--sl-color-gray-3);margin-bottom:.25rem}.tc-field input[type=text]{width:100%;font:inherit;font-size:.9rem;padding:.4rem .55rem;border-radius:.45rem;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-white)}.tc-slug{font-size:.75rem;color:var(--sl-color-gray-3);margin-top:.2rem}.tc-seed-group{margin-top:1rem}.tc-seed-group__title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3);margin:0 0 .4rem}.tc-seed{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.tc-seed__swatch{inline-size:1.6rem;block-size:1.6rem;padding:0;border:1px solid var(--sl-color-gray-5);border-radius:.4rem;background:none;cursor:pointer}.tc-seed__swatch::-webkit-color-swatch-wrapper{padding:2px}.tc-seed__swatch::-webkit-color-swatch{border:none;border-radius:.25rem}.tc-seed__label{flex:1;font-size:.85rem}.tc-seed__hex{width:5.5rem;font-family:var(--__sl-font-mono, monospace);font-size:.8rem;padding:.25rem .4rem;text-transform:uppercase;border-radius:.35rem;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-white)}.tc-preview{border:1px solid var(--shiny-color-outline-variant, #ccc);border-radius:16px;padding:1.25rem;background:var(--shiny-color-background, #fff);color:var(--shiny-color-on-surface, #111);transition:background .15s ease}.tc-preview__section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:0 0 .5rem}.tc-preview__section+.tc-preview__section{margin-top:1.25rem}.tc-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tc-chip{flex:1 1 130px;min-width:120px;border-radius:12px;padding:.6rem .7rem;font-size:.78rem;line-height:1.25;border:1px solid rgba(128,128,128,.2)}.tc-chip code{font-size:.72rem;opacity:.85}.tc-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.tc-pill{display:inline-block;padding:4px 12px;border:1px solid transparent;border-radius:9999px;font-size:.78rem;font-weight:600}.tc-fab{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:none;border-radius:9999px;font-weight:600;background:var(--shiny-color-primary);color:var(--shiny-color-on-primary);box-shadow:var(--shiny-elevation-3, 0 4px 8px rgba(0, 0, 0, .25));cursor:default}.tc-button{font:inherit;font-size:.85rem;font-weight:600;padding:.45rem 1rem;border-radius:9999px;cursor:default;border:1px solid transparent}.tc-button--filled{background:var(--shiny-color-primary);color:var(--shiny-color-on-primary)}.tc-button--tonal{background:var(--shiny-color-secondary-container);color:var(--shiny-color-on-secondary-container)}.tc-button--outline{background:transparent;color:var(--shiny-color-primary);border-color:var(--shiny-color-outline)}.tc-card{border-radius:12px;padding:1rem;background:var(--shiny-color-surface-container);color:var(--shiny-color-on-surface);border:1px solid var(--shiny-color-outline-variant)}.tc-card h4{margin:0 0 .35rem;color:var(--shiny-color-on-surface)}.tc-card p{margin:0;font-size:.85rem;color:var(--shiny-color-on-surface-variant)}.tc-field-mock{border:1px solid var(--shiny-color-outline);border-radius:8px;padding:.5rem .7rem;min-width:200px;color:var(--shiny-color-on-surface-variant);font-size:.85rem}.tc-snackbar{display:inline-flex;align-items:center;gap:.75rem;border-radius:8px;padding:.6rem .9rem;background:var(--shiny-color-inverse-surface);color:var(--shiny-color-inverse-on-surface);font-size:.85rem}.tc-snackbar a{color:var(--shiny-color-inverse-primary);font-weight:600}.theme-creator__export{margin-top:1.25rem}.theme-creator__tabs{display:flex;gap:.35rem;margin-bottom:.5rem;flex-wrap:wrap}.theme-creator__code-wrap{position:relative}.theme-creator__code{margin:0;max-height:360px;overflow:auto;border-radius:.6rem;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);padding:.9rem 1rem;font-family:var(--__sl-font-mono, monospace);font-size:.78rem;line-height:1.5;color:var(--sl-color-white);white-space:pre}.theme-creator__actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.35rem}