.creative-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.creative-hero .hero-heading{min-width:0;width:100%;max-width:100%}
.appearance-trigger,.appearance-dock{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--appearance-text,var(--ink));border:1px solid var(--appearance-line,var(--line));background:var(--appearance-surface,var(--paper));border-radius:100px;font-size:11px;min-height:37px;padding:8px 13px;transition:transform .2s,background .2s}
.appearance-trigger svg,.appearance-dock svg{width:17px;height:17px}.appearance-trigger:hover{transform:translateY(-1px)}.appearance-dock{display:none}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:inline-grid}.mobile-menu{position:fixed;top:var(--header);left:0;right:0;height:calc(100dvh - var(--header));overflow:auto;background:var(--appearance-bg,var(--paper));color:var(--appearance-text,var(--ink));padding:34px var(--gutter)}.mobile-menu>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--appearance-line,var(--line));font-size:27px;letter-spacing:-.7px}.mobile-menu>a>span{font-size:10px;color:var(--appearance-muted,var(--muted))}.mobile-menu>p{margin-top:30px;font-size:12px;color:var(--appearance-muted,var(--muted))}}
.appearance-dialog{--ui-bg:var(--appearance-bg,#eeede8);--ui-surface:var(--appearance-surface,#faf9f4);--ui-text:var(--appearance-text,#242522);--ui-muted:var(--appearance-muted,#6d6f62);--ui-line:var(--appearance-line,#24252225);--ui-accent:var(--appearance-accent,#6d7957);background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:26px;width:min(900px,calc(100% - 40px));height:min(860px,92dvh);max-height:92dvh;max-width:none;padding:0;overflow:hidden;box-shadow:0 30px 120px #0005}
.appearance-dialog[open]{display:flex;flex-direction:column}.appearance-dialog::backdrop{background:#12141bb3;backdrop-filter:blur(12px)}
.appearance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:29px 32px 24px;flex:none}.appearance-eyebrow{color:var(--ui-muted);font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:9px}.appearance-header h2{font:500 38px/1.05 'Gummy Display',ui-rounded,sans-serif;letter-spacing:-1.2px;color:var(--ui-text)}.appearance-description{margin-top:12px;color:var(--ui-muted);font-size:12px;line-height:1.6}.appearance-close{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-text);font:300 28px/1 sans-serif;flex:none}.appearance-close:hover{background:var(--ui-line)}
.appearance-tabbar{display:flex;gap:7px;padding:0 32px 18px;flex:none}.appearance-tab{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 17px;background:transparent;border:1px solid var(--ui-line);border-radius:100px;color:var(--ui-muted);font-size:12px}.appearance-tab[aria-selected=true]{background:var(--ui-text);color:var(--ui-bg);border-color:var(--ui-text)}.appearance-count{font-size:9px;opacity:.65}
.appearance-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 32px 25px;scrollbar-width:thin;flex:1;min-height:0}.appearance-panel[hidden]{display:none}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.theme-card,.material-card{position:relative;display:flex;flex-direction:column;padding:9px 9px 13px;border:1px solid var(--ui-line);border-radius:17px;background:var(--ui-surface);cursor:pointer;min-width:0;transition:border-color .2s,transform .25s,box-shadow .2s}.theme-card:hover,.material-card:hover{transform:translateY(-2px);border-color:var(--ui-accent)}.theme-card:has(input:checked),.material-card:has(input:checked){border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent)}.theme-card:has(input:focus-visible),.material-card:has(input:focus-visible){outline:2px solid var(--ui-accent);outline-offset:4px}.theme-card input,.material-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.theme-card-art{display:grid;place-items:center;position:relative;overflow:hidden;border-radius:11px;height:113px;background:var(--card-bg);color:var(--card-ink);isolation:isolate}.theme-card-art svg{width:150px;height:105px;filter:drop-shadow(0 9px 6px #0002)}.theme-card-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,#ffffff22,transparent 60%)}.theme-card-name{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 3px 0;color:var(--ui-text);font-size:12px;font-weight:600}.theme-card-copy{margin:5px 3px 0;min-height:27px;color:var(--ui-muted);font-size:10px;line-height:1.45}.theme-card-check{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--ui-line);border-radius:50%;font-size:10px;color:transparent;flex:none}.theme-card:has(input:checked) .theme-card-check,.material-card:has(input:checked) .theme-card-check{color:var(--ui-bg);background:var(--ui-accent);border-color:var(--ui-accent)}
.theme-card[data-preview-theme=classic]{--card-bg:#eeede8;--card-ink:#beb2dd;--card-secondary:#cdddb0}.theme-card[data-preview-theme=gummy]{--card-bg:#fff0e5;--card-ink:#df315f;--card-secondary:#ff9b3d}.theme-card[data-preview-theme=christmas]{--card-bg:#0b2922;--card-ink:#7baf8d;--card-secondary:#e9c87d}.theme-card[data-preview-theme=halloween]{--card-bg:#20122a;--card-ink:#fa9c39;--card-secondary:#3a183c}.theme-card[data-preview-theme=aurora]{--card-bg:#121932;--card-ink:#8ee2cf;--card-secondary:#a699eb}.theme-card[data-preview-theme=ocean]{--card-bg:#0c2d43;--card-ink:#77cbdf;--card-secondary:#cef6f8}.theme-card[data-preview-theme=sakura]{--card-bg:#fae4e9;--card-ink:#e79aae;--card-secondary:#f8f1d7}.theme-card[data-preview-theme=sunset]{--card-bg:#ffe5cd;--card-ink:#f9a04c;--card-secondary:#cd6a65}.theme-card[data-preview-theme=midnight]{--card-bg:#111923;--card-ink:#c3cddc;--card-secondary:#50769d}.theme-card[data-preview-theme=lavender]{--card-bg:#e7dff2;--card-ink:#b6a3d6;--card-secondary:#eff0da}.theme-card[data-preview-theme=mono]{--card-bg:#ececeb;--card-ink:#282b2d;--card-secondary:#b4b9bc}.theme-card[data-preview-theme=garden]{--card-bg:#e7ecdc;--card-ink:#7d9e67;--card-secondary:#bed398}
.appearance-help{color:var(--ui-muted);font-size:12px;line-height:1.6;margin:0 0 18px}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.material-card{padding:14px 12px}.material-card .type-sample{align-self:center;display:block;font:650 44px/1.45 'Gummy Display',ui-rounded,sans-serif;letter-spacing:-.06em;height:68px;max-width:100%;white-space:nowrap}.material-card .theme-card-name{font-size:11px;margin-top:9px}.material-card .theme-card-copy{font-size:9px;min-height:27px}.material-card.type-auto{border-style:dashed}
.appearance-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;border-top:1px solid var(--ui-line);flex:none}.appearance-effects{display:flex;gap:11px;align-items:center;cursor:pointer}.appearance-effects input{appearance:none;-webkit-appearance:none;width:33px;height:19px;border-radius:20px;background:var(--ui-line);position:relative;margin:0;cursor:pointer;flex:none;border:1px solid var(--ui-line)}.appearance-effects input::before{content:'';position:absolute;top:3px;left:3px;background:var(--ui-text);width:11px;height:11px;border-radius:50%;transition:transform .2s}.appearance-effects input:checked{background:var(--ui-accent);border-color:var(--ui-accent)}.appearance-effects input:checked::before{transform:translateX(14px);background:var(--ui-bg)}.appearance-effects strong{display:block;font-size:11px;font-weight:600}.appearance-effects small{display:block;font-size:9px;color:var(--ui-muted);margin-top:4px}.appearance-reset{color:var(--ui-muted);font-size:10px;background:none;border-bottom:1px solid var(--ui-line);padding:6px 0;white-space:nowrap}.appearance-bottom{display:flex;justify-content:space-between;gap:20px;padding:0 32px 18px;color:var(--ui-muted);font-size:9px;flex:none}.appearance-status{min-height:12px}.appearance-bottom>span{white-space:nowrap;font-size:8px;opacity:.8}
@media(max-width:800px){.appearance-dialog{width:calc(100% - 24px);height:94dvh;max-height:94dvh;border-radius:22px}.appearance-header{padding:25px 22px 20px}.appearance-tabbar{padding:0 22px 18px}.appearance-body{padding:4px 22px 20px}.appearance-footer{padding:17px 22px}.appearance-bottom{padding:0 22px 18px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-header h2{font-size:34px}}
@media(max-width:600px){.appearance-trigger{padding:8px;min-width:36px;width:36px;border:0;background:transparent}.appearance-label{display:none}.appearance-dock{display:inline-flex;position:fixed;left:12px;bottom:12px;z-index:22;padding:9px 12px;min-height:35px;font-size:9px;gap:4px;box-shadow:0 4px 15px #0001}.appearance-dock svg{width:13px;height:13px;margin-right:3px}.appearance-dialog{width:calc(100% - 16px);height:96dvh;max-height:96dvh;border-radius:20px}.appearance-header{padding:22px 18px 20px;gap:12px}.appearance-header h2{font-size:31px}.appearance-description{font-size:11px;margin-top:10px;max-width:220px}.appearance-tabbar{padding:0 18px 17px;gap:7px}.appearance-tab{padding:9px 14px;font-size:11px}.appearance-body{padding:3px 18px 18px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-card-art{height:100px}.theme-card-art svg{width:130px;height:95px}.theme-card-name{font-size:11px}.theme-card-copy{font-size:9px;min-height:25px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-card .type-sample{font-size:42px}.appearance-footer{padding:15px 18px;gap:12px}.appearance-effects small{font-size:8px;max-width:140px}.appearance-reset{font-size:9px}.appearance-bottom{padding:0 18px 15px;font-size:8px}.appearance-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){.appearance-trigger,.theme-card,.material-card,.appearance-effects input::before{transition:none}}