@layer components{.ns-app{--st-radius:14px;--st-gap:10px;--st-muted:var(--text-tertiary);--st-line:var(--border-main);--paper:#fff;--ink:var(--text-primary);--blue:var(--btn-accent);--yellow:#fff4cc;--display:inherit;--sans:inherit;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--bg-page);color:var(--text-primary)}.st-h{color:var(--blue);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.05}.st-h-xl{font-size:clamp(36px,5vw,64px);line-height:1}.st-h-sm{font-size:clamp(22px,2vw,30px)}.st-t{font-size:16px;font-weight:600;line-height:1.2}.st-sub{color:var(--st-muted);font-size:14px;line-height:1.45}.st-mono{font-size:12px;font-weight:500}.st-label{color:var(--st-muted);margin:0;font-size:12px;font-weight:500}.st-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.hf-display{letter-spacing:-.02em;font-weight:600;line-height:1.08}.st-btn,.hf-cta{background:var(--blue);color:var(--paper);font-family:var(--sans);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:filter .15s,background .15s,opacity .15s;display:inline-flex}.st-btn{height:40px;padding:0 18px;font-size:14px}.st-btn:hover:not(:disabled),.hf-cta:hover:not(:disabled){filter:brightness(1.12)}.st-btn:disabled,.hf-cta:disabled{background:var(--fill-dark,#0000001a);color:var(--text-tertiary);cursor:default}.st-btn-sm{border-radius:10px;height:32px;padding:0 12px;font-size:13px}.st-btn-lg{height:50px;padding:0 24px;font-size:15.5px}.st-btn-sun,.st-btn-dark{background:var(--btn-black);color:var(--text-onblack)}.st-btn-pink{background:var(--fill-accent);color:var(--text-accent)}.st-btn-white{background:var(--bg-input);color:var(--ink);box-shadow:0 0 0 1px var(--st-line)}.st-btn-ghost{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.st-btn-ghost:hover:not(:disabled){filter:none;background:color-mix(in srgb, var(--ink) 12%, transparent)}.st-ink .st-btn-ghost{color:var(--paper);background:#ffffff1f}.st-ink .st-btn-ghost:hover:not(:disabled){background:#fff3}.st-generate{background:var(--blue);color:var(--paper);font:600 15px/1.1 var(--sans);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:filter .15s,opacity .15s;display:flex}.st-generate:hover:not(:disabled){filter:brightness(1.12)}.st-generate:disabled{background:var(--fill-dark,#0000001a);color:var(--text-tertiary);cursor:default}.st-generate small{font:500 11.5px var(--mono);font-variant-numeric:tabular-nums;opacity:.82}.st-tag,.hf-tag{background:var(--fill-accent);height:16px;color:var(--text-accent);border-radius:5px;align-items:center;padding:0 5px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.st-tag-top,.hf-tag-top{background:var(--btn-accent);color:#fff}.st-tag-blue{background:var(--blue);color:var(--paper)}.st-chip{background:color-mix(in srgb, var(--ink) 6%, transparent);height:34px;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.st-chip:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 11%, transparent)}.st-chip.is-on,.st-chip[aria-pressed=true]{background:var(--fill-accent);color:var(--text-accent)}.st-pill{border:1px solid var(--st-line);background:var(--bg-card);border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 13px;font-size:13px;transition:background .15s,border-color .15s;display:inline-flex}.st-pill:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}.st-pill.is-on,.st-pill[aria-pressed=true]{border-color:var(--text-primary);background:var(--btn-black);color:var(--text-onblack)}.st-tabs{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:12px;gap:2px;padding:3px;display:flex}.st-tab{height:32px;color:var(--st-muted);white-space:nowrap;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.st-tab:hover{color:var(--ink)}.st-tab[aria-selected=true],.st-tab.is-on{background:var(--bg-card);color:var(--ink);box-shadow:0 0 0 1px var(--st-line)}.st-nav-link{height:36px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;line-height:1;transition:color .15s,background .15s;display:inline-flex;position:relative}.st-nav-link:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.st-nav-link.is-on{background:var(--fill-main);color:var(--text-primary)}.st-card{border:1px solid var(--st-line);border-radius:var(--st-radius);background:var(--bg-card);transition:border-color .15s,background .15s}a.st-card:hover,button.st-card:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}.st-card.is-on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.st-panel{border:1px solid var(--st-line);background:var(--bg-card);border-radius:18px}.st-well{background:color-mix(in srgb, var(--ink) 4%, var(--bg-card));border-radius:12px}.st-ink{color:#fff;background:#111;border-radius:20px;position:relative;overflow:hidden}.st-ink .st-h,.st-ink .hf-display{color:#fff}.st-ink .st-sub{color:#ffffffb8}.st-h em{color:var(--text-accent);font-style:normal}.st-ink .st-h em{color:#fff}.st-scrim{color:#fff;background:#000000b3}.st-shade{z-index:2;pointer-events:none;background:linear-gradient(#0000 40%,#0003 62%,#000000c7 100%);position:absolute;inset:0}.st-input,.st-textarea{border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--ink);font:14px/1.45 var(--sans);border-radius:12px;transition:border-color .15s}.st-input{height:40px;padding:0 12px}.st-textarea{resize:none;min-height:92px;padding:10px 12px}.st-input:focus,.st-textarea:focus{border-color:var(--blue);outline:none}.st-input::placeholder,.st-textarea::placeholder{color:color-mix(in srgb, var(--ink) 42%, transparent)}.st-slot{background:var(--fill-main);isolation:isolate;position:relative;overflow:hidden}.st-slot>img,.st-slot>video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.st-tile{border-radius:var(--st-radius);display:block;position:relative;overflow:hidden}.st-tile .st-slot{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.st-tile:hover .st-slot{transform:scale(1.04)}.st-masonry{columns:2;column-gap:var(--st-gap)}.st-masonry>*{break-inside:avoid;margin-bottom:var(--st-gap)}@container (min-width:760px){.st-masonry{columns:3}}@container (min-width:1100px){.st-masonry-4{columns:4}.st-masonry-5{columns:5}}.st-rail{gap:var(--st-gap);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.st-rail>*{scroll-snap-align:start;flex-shrink:0}.st-print{animation:.3s cubic-bezier(.2,.8,.2,1) both bb-pop}@media (prefers-reduced-motion:reduce){.st-tile .st-slot,.st-print{transition:none;animation:none}}.hfp{--hfp-tile:var(--bg-secondary);--hfp-surface:var(--bg-secondary);--hfp-line:#0000000f;--hfp-muted:#8a8a86;border:1px solid var(--hfp-line);background:var(--bg-card);border-radius:20px;flex-direction:column;flex-shrink:0;align-self:flex-start;width:330px;max-height:calc(100% - 16px);margin:8px 0 8px 8px;display:flex;overflow:hidden}.hfp-body{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.hfp-body>*{flex-shrink:0}.hfp-tile{background:var(--hfp-tile,#f2f2f1);border-radius:12px}.hfp-label{color:var(--hfp-muted,#8a8a86);font-size:12px;line-height:1.3}.hfp-drop{background:var(--hfp-surface,#f7f7f6);text-align:center;border:1px dashed #00000024;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:120px;padding:16px;transition:border-color .15s,background .15s;display:flex}.hfp-drop:hover{border-color:#0000003d}.hfp-drop.is-over{border-color:var(--btn-accent);background:var(--fill-accent)}.hfp-icons{margin-bottom:12px;display:flex}.hfp-icons>span{color:#55554f;background:#e9e9e7;border:1px solid #ffffffb3;border-radius:999px;place-items:center;width:36px;height:36px;margin-inline:-4px;display:grid;box-shadow:0 4px 10px -6px #0000002e}.hfp-chip{background:var(--hfp-tile,#f2f2f1);width:100%;height:40px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.hfp-chip:hover:not(:disabled){background:#ebebea}.hfp-pill{background:var(--bg-card);color:var(--text-primary);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.hfp-pill:hover:not(:disabled){background:var(--fill-hover)}.hfp-seg{background:var(--hfp-tile,#f2f2f1);border-radius:12px;gap:2px;margin-bottom:8px;padding:4px;display:flex}.hfp-seg>button{min-width:0;height:34px;color:var(--hfp-muted,#8a8a86);white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.hfp-seg>button[aria-pressed=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.hfp-hero{background:#e9e9e7;border-radius:12px;height:130px;position:relative;overflow:hidden}.hfp-hero-title{letter-spacing:-.01em;text-transform:uppercase;font-size:20px;font-weight:700;line-height:1.4}.hfp-change{z-index:5;color:#fff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);background:#0006;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:12px;font-weight:500;display:flex;position:absolute;top:6px;right:6px}.hfp-generate{background:var(--btn-accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;padding:0 16px;font-size:15px;font-weight:500;transition:filter .15s,transform .2s,opacity .15s;display:flex}.hfp-generate:hover:not(:disabled){filter:brightness(1.08)}.hfp-generate:active:not(:disabled){transform:scale(.97)}.hfp-generate:disabled{opacity:.45}.hfr{background:var(--bg-card);border:1px solid #0000000f;border-radius:20px;flex-direction:column;flex:1;min-width:0;min-height:0;margin:8px;display:flex;overflow:hidden}}