/* 1art feature overlay. The catalog shell, type, spacing, glass and motion live in the unmodified upstream assets. */
.masthead{position:relative;z-index:10}.masthead nav{flex-wrap:wrap;justify-content:flex-end}.brand span{white-space:nowrap}.palette-wrap{position:relative}.icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:999px;color:var(--ink);background:transparent;cursor:pointer}.icon:hover,.icon:focus-visible{border-color:var(--line)}.palette-panel{position:absolute;right:0;top:48px;z-index:20;width:280px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 18px 48px rgba(0,0,0,.2)}.palette-panel .eyebrow{font-size:10px}.palette-option{display:flex;width:100%;gap:12px;align-items:center;padding:8px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-align:left;font-size:13px}.palette-option[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 12%,transparent)}.swatch{width:15px;height:15px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #8885}.save{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:12px;font-size:12px}.save input{accent-color:var(--accent)}.micro{color:var(--muted);font-size:11px}.text-button{border:0;padding:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}#choice-list .card{width:100%;text-align:left;color:var(--ink);font-family:inherit}.preview-surface{position:relative;display:block;height:500px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.frame-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.frame-stage iframe{width:1440px;height:1100px;border:0;transform:scale(var(--frame-scale,.7));transform-origin:top left;background:white;pointer-events:none}.frame-open{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:11px 18px;color:var(--accent);font:italic 15px var(--body)}#preview .results-heading{align-items:center}#open-preview{font:italic 13px var(--body);text-align:center}#preview-domain{margin-bottom:0}.static-backdrop g:first-child{stroke:var(--secondary)}.static-backdrop g:last-child{stroke:var(--accent)}
html[data-palette]:not([data-palette=web]) .search-row .explore-button{border-color:rgba(var(--accent-rgb),.4);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--secondary-rgb),.26)),rgba(18,28,42,.16);box-shadow:0 0 38px rgba(var(--accent-rgb),.14)}html[data-palette]:not([data-palette=web]) .search-row .explore-button:hover{border-color:rgba(var(--accent-rgb),.68);background:linear-gradient(135deg,rgba(var(--accent-rgb),.3),rgba(var(--secondary-rgb),.34)),rgba(18,28,42,.16)}html[data-theme=light][data-palette]:not([data-palette=web]) .search-row .explore-button{background:linear-gradient(135deg,rgba(var(--accent-rgb),.72),rgba(var(--secondary-rgb),.68)),rgba(255,255,255,.48)}html[data-palette]:not([data-palette=web]) .card:hover{border-color:rgba(var(--accent-rgb),.6)}
@media(max-width:640px){.masthead{align-items:flex-start}.masthead nav{gap:8px}.palette-panel{position:fixed;top:90px;right:20px;width:min(280px,calc(100vw - 40px))}.preview-surface{height:330px}#preview .results-heading{align-items:flex-start;flex-direction:column}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row .explore-button{min-height:48px;width:100%}.brand span{display:none}}