.st-screen[data-at=page] .st-side,.st-screen[data-at=index] .st-main{display:none}.st-tabbar{display:contents}@media (max-width:1023.98px){.st-tabbar .nav{display:none}}.st-side-head{justify-content:flex-start;gap:4px;margin-left:-10px}.st-page{max-width:640px}.st-head{align-items:flex-start;gap:4px;min-height:44px;margin:0 0 20px -10px;display:flex}.st-title{padding-top:7px;font-size:28px}.st-intro{max-width:52ch;margin-top:6px;font-size:15px}.st-group{margin:26px 0 10px}.st-nav>.st-group:first-of-type{margin-top:22px}.section-head.st-group{margin-bottom:10px}.st-help{margin-top:8px}.st-help a,.st-faq a{color:var(--brand-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}.st-center{text-align:center}.st-ink{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.st-row>div{flex:1;min-width:0}.st-row>div>span{display:block}.st-ico{border-radius:var(--r-sm);background:var(--sunk);width:36px;height:36px;color:var(--brand-text);flex:none;place-items:center;display:grid}.st-ico svg{width:20px;height:20px}.st-ico.st-ok{background:color-mix(in srgb, var(--mint) 22%, transparent);color:var(--mint-text)}.st-danger-row b,.st-danger-row .st-ico{color:var(--cut)}.st-danger-row .st-ico{background:var(--cut-soft)}.st-warn{font-weight:600;color:var(--sun-text)!important}.list-item.st-row[disabled]{cursor:progress}.st-signout-list{margin-top:26px}.st-me{border:var(--border) solid var(--edge);border-radius:var(--r-lg);background:var(--surface);align-items:center;gap:14px;padding:14px 16px;display:flex}.st-me>div{flex:1;min-width:0}.st-me b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.st-me>div>span{color:var(--muted);font-size:13.5px;display:block}.st-me .st-me-edit{color:var(--brand-text);margin-top:2px;font-weight:700}.st-me .chev{color:var(--faint);flex:none;width:18px;height:18px}.st-account{align-items:flex-start;gap:14px;display:flex}.st-account>div{flex:1;min-width:0}.st-account-ico{background:var(--sunk);width:48px;height:48px;color:var(--brand-text);border-radius:999px;flex:none;place-items:center;display:grid}.st-account-ico svg{width:24px;height:24px}.st-account-tuko{flex:none;margin:-4px -6px -6px -8px}.st-account-email{font-family:var(--font-display);overflow-wrap:anywhere;margin:8px 0 4px;font-size:18px;font-weight:800;line-height:1.2;display:block}.st-actions{gap:4px;margin-top:16px;display:grid}.st-note p{margin-bottom:4px}.st-inline-btn{gap:8px;padding-left:0}.st-inline-btn svg{width:18px;height:18px}.st-status{border-radius:var(--r-md);background:var(--sunk);color:var(--muted);align-items:flex-start;gap:10px;margin:18px 0 4px;padding:12px 14px;font-size:14.5px;font-weight:600;line-height:1.4;display:flex}.st-status svg{flex:none;width:20px;height:20px}.st-status .waiting-dot{margin-top:5px}.st-status-saved{background:color-mix(in srgb, var(--mint) 18%, transparent);color:var(--mint-text)}.st-status-waiting{background:var(--sun-soft);color:var(--sun-text)}.st-callout{border:var(--border) solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;margin-top:18px;padding:12px 12px 12px 14px;display:flex}.st-callout>svg{width:22px;height:22px;color:var(--brand-text);flex:none}.st-callout>div{flex:1;min-width:0}.st-callout b{font-weight:700;display:block}.st-callout span{color:var(--muted);font-size:13.5px}.st-callout-btn{min-height:42px;padding:8px 16px;font-size:14px}.st-check{cursor:pointer;align-items:flex-start;gap:10px;margin-top:16px;font-size:14.5px;font-weight:600;display:flex}.st-check input{width:20px;height:20px;accent-color:var(--cut);flex:none;margin:1px 0 0}.st-profile-hero{justify-content:center;margin:0 0 18px;display:flex}.st-label{justify-content:space-between;align-items:center;display:flex}.st-saved{color:var(--mint-text);align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.st-saved svg{width:16px;height:16px}.st-swatches{grid-template-columns:repeat(8,minmax(0,48px));justify-content:space-between;gap:6px;display:grid}.st-swatch{aspect-ratio:1;border:var(--border) solid transparent;transition:border-color .15s, transform .1s var(--ease-out);border-radius:999px;place-items:center;display:grid}.st-swatch .avatar{aspect-ratio:1;width:100%;max-width:40px;height:auto;box-shadow:inset 0 -3px #00000038}.st-swatch:active{transform:scale(.92)}.st-swatch[aria-pressed=true]{border-color:var(--ink)}.st-preview{border:var(--border) solid var(--line);border-radius:var(--r-lg);background:var(--sunk);align-items:center;gap:10px;margin-top:6px;padding:18px 14px 14px;display:flex;position:relative}.st-preview-stage{flex:none;margin:-10px -4px -8px -6px}.st-preview-card{border:var(--border) solid var(--line);border-radius:var(--r-md);background:var(--surface);flex:1;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.st-preview-cover{border-radius:12px;flex:none;width:48px;height:48px}.st-preview-cover .cover-motif{width:70%;bottom:-8%;right:-6%}.st-preview-body{flex:1;gap:4px;min-width:0;display:grid}.st-preview-body b{font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1.15}.st-preview-tag{position:absolute;top:-11px;left:14px}@media (max-width:420px){.st-preview .mini-board{display:none}}.st-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.st-theme{border:var(--border) solid var(--edge);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 var(--lip) 0 var(--edge);margin-bottom:var(--lip);transition:transform .1s var(--ease-out), box-shadow .1s, border-color .15s, background .15s;gap:10px;padding:8px 8px 10px;display:grid}.st-theme:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--edge)}.st-theme[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 var(--lip) 0 var(--brand)}.st-theme-label{text-align:left;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.2;display:flex}.st-radio{border:var(--border) solid var(--edge);color:#0000;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;display:grid}.st-radio svg{stroke-width:3.5px;width:12px;height:12px}.st-theme[aria-pressed=true] .st-radio{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.st-thumb-light{--t-bg:#fffaf5;--t-card:#fff;--t-line:#f0e6dc;--t-ink:#1d1135;--t-brand:#ff6b2c;--t-edge:#c94612;--t-cover:#b4441c}.st-thumb-dark{--t-bg:#150c26;--t-card:#1f1534;--t-line:#3d3159;--t-ink:#f6f1ff;--t-brand:#ff7a3d;--t-edge:#c4521c;--t-cover:#f39a72}.st-thumb{border-radius:var(--r-sm);background:var(--t-bg);height:104px;box-shadow:inset 0 0 0 1.5px var(--t-line);flex-direction:column;gap:6px;padding:10px 9px;display:flex}.st-thumb i{display:block}.st-thumb .st-thumb-card{display:flex}.st-thumb-title{background:var(--t-ink);border-radius:4px;width:58%;height:7px}.st-thumb-card{background:var(--t-card);box-shadow:inset 0 0 0 1.5px var(--t-line);border-radius:7px;flex-direction:column;flex:1;gap:4px;padding:4px;display:flex}.st-thumb-cover{background:var(--t-cover);border-radius:4px;flex:1}.st-thumb-line{background:var(--t-line);border-radius:2px;width:70%;height:4px}.st-thumb-btn{background:var(--t-brand);height:11px;box-shadow:0 2px 0 var(--t-edge);border-radius:4px;margin-bottom:2px}.st-thumb-split{display:block;position:relative}.st-thumb-split .st-thumb+.st-thumb{clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;inset:0}.st-motion{gap:6px}.st-motion .choice{min-height:64px;padding:12px 14px}.st-motion .choice-icon{width:40px;height:40px}.st-motion .choice-icon svg{width:22px;height:22px}.st-spin{animation:.9s linear infinite st-spin}@keyframes st-spin{to{transform:rotate(360deg)}}.st-empty{align-items:center;gap:12px;display:flex}.st-empty svg{width:22px;height:22px;color:var(--faint);flex:none}.st-made{background:var(--sun-soft);border-color:#0000;align-items:center;gap:12px;display:flex}.st-made>div{min-width:0}.st-made-title{font-family:var(--font-display);margin-bottom:2px;font-size:21px;font-weight:800;display:block}.st-faq-item+.st-faq-item{border-top:var(--border) solid var(--line)}.st-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;font-weight:600;list-style:none;transition:background .12s;display:flex}.st-faq-item summary::-webkit-details-marker{display:none}.st-faq-item summary:active{background:var(--sunk)}.st-faq-item .chev{width:18px;height:18px;color:var(--faint);transition:transform .2s var(--ease-out);flex:none;transform:rotate(90deg)}.st-faq-item[open] .chev{transform:rotate(-90deg)}.st-faq-item p{padding:0 16px 16px;font-size:15px;line-height:1.55}.st-version{text-align:center;margin-top:28px}.st-welcome{text-align:center;border:var(--border) dashed var(--edge);border-radius:var(--r-lg);justify-items:center;gap:8px;padding:56px 32px;display:grid}.st-welcome-title{font-size:24px;font-weight:800}.st-welcome p{max-width:40ch}@media (min-width:1024px){.st-screen{grid-template-columns:320px minmax(0,640px);align-items:start;gap:48px;display:grid}.st-screen[data-at] .st-side,.st-screen[data-at] .st-main{display:block}.st-side{position:sticky;top:24px}.st-back{display:none}.st-side-head,.st-head{margin-left:0}.st-title{padding-top:4px}.st-main{padding-top:6px}.st-side .list-item{min-height:56px}.st-side .list-item[aria-current=page],.st-me[aria-current=page]{background:var(--brand-soft)}.st-side .list-item[aria-current=page] b{color:var(--brand-text)}.st-side .list-item[aria-current=page] .st-ico{background:var(--brand);color:var(--on-brand)}.st-me[aria-current=page]{border-color:var(--brand);box-shadow:0 var(--lip) 0 var(--brand)}.st-tiles .tile{aspect-ratio:1/.66}.st-tiles .tile svg.tile-motif{width:28%}.st-thumb{height:128px}}