.row-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.row-head-text{min-width:0}.row-eyebrow{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text);margin:0 0 8px;font-size:10px}.row-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.1}
.placeholder-cover{background:var(--bg-2);color:var(--text-muted);place-items:center;display:grid;position:absolute;inset:0}.preset-cover[aria-disabled=true]{cursor:default}
.rp-side{min-width:0;height:100%}.rp-card{box-sizing:border-box;border-radius:24px;flex-direction:column;height:100%;min-height:0;padding:0;display:flex;box-shadow:inset 1px 1px 3px #ffffff26,inset -1px -1px 3px #ffffff0d,0 20px 44px -6px #00000073}.rp-top{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px 16px;display:flex}.rp-who{flex:1;min-width:0}.rp-x{text-decoration:none}.rp-body{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;padding:4px 14px 14px;overflow-y:auto}.rp-body::-webkit-scrollbar{display:none}.rp-sec+.rp-sec,.rp-body>*+*{margin-top:18px}.rp-card h3{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:500}.rp-group{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.rp-group>.rp-sec+.rp-sec{margin-top:0}.rp-recipe{flex-direction:column;gap:8px;display:flex}.rp-fold{width:100%;min-height:32px;color:var(--text-muted);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:8px;margin:0 0 8px;padding:0 4px;line-height:1;display:flex}.rp-fold-t{letter-spacing:0;text-transform:uppercase;flex:1;font-size:12px;font-weight:500}.rp-fold svg,.rp-head-row>.ui-icon,.rp-head-row>svg{width:16px;height:16px;color:var(--text-muted);flex:none}.rp-fold>:last-child{transition:rotate .25s var(--ease);rotate:180deg}.rp-details[data-folded=true] .rp-fold>:last-child{rotate:0deg}.rp-fold:focus-visible{box-shadow:var(--focus-ring);border-radius:8px;outline:none}@media (prefers-reduced-motion:reduce){.rp-fold>:last-child{transition:none}}.rp-box{background:#ffffff0d;border-radius:8px;overflow:hidden}.rp-media{flex-wrap:wrap;gap:4px;padding:20px 12px 8px;display:flex}.rp-asset{background:var(--bg-3);width:72px;height:72px;color:var(--text-muted);cursor:pointer;border:2px solid #fff;border-radius:10px;flex:none;place-items:center;padding:0;transition:border-color .2s;display:grid;position:relative;overflow:hidden}@media (hover){.rp-asset:hover{opacity:.88}.rp-mention:hover{background:#00f0b533}.rp-expand:hover{color:var(--text-primary)}.gd-seed-copy:hover{color:var(--text-primary);background:var(--glass-mist)}.rp-foot-sub>.st-fav:hover{background:var(--wk-btn-hover)}}.rp-asset img,.rp-asset video{object-fit:cover;width:100%;height:100%;display:block}.rp-asset>svg,.rp-asset>.ui-icon{width:20px;height:20px}.rp-asset-k{color:#fff;background:#0000009e;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;inset-block-end:3px;inset-inline-end:3px}.rp-asset-k svg{width:9px;height:9px}.rp-asset:focus-visible{box-shadow:var(--focus-ring);outline:none}.rp-asset.is-dead{border-color:var(--border-strong);cursor:default}.rp-head-row{align-items:center;gap:8px;min-height:28px;padding:0 4px;display:flex}.rp-head-row h3{flex:1;min-width:0;margin:0}.rp-copy.btn-ghost{box-sizing:border-box;white-space:nowrap;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.rp-copy .ui-icon,.rp-copy svg{flex:none;width:14px;height:14px;display:block}.rp-prompt-wrap{transition:height .38s cubic-bezier(.22,1,.36,1);overflow:hidden}.rp-prompt-wrap[data-fade=true]{-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),#0000);mask-image:linear-gradient(#000 calc(100% - 64px),#0000)}@media (prefers-reduced-motion:reduce){.rp-prompt-wrap,.rp-expand svg{transition:none}}.rp-prompt{color:#fff;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:12px;font-size:14px;line-height:20px}.rp-mention{color:#7ff5d6;cursor:pointer;font:inherit;background:#00f0b51c;border:0;border-radius:4px;padding:0 3px;text-decoration:none;display:inline}.rp-expand{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;display:flex}.rp-expand .ui-icon,.rp-expand svg{width:18px;height:18px;transition:rotate .25s var(--ease)}.rp-expand[aria-expanded=true] .ui-icon,.rp-expand[aria-expanded=true] svg{rotate:180deg}.rp-expand:focus-visible{box-shadow:var(--focus-ring);border-radius:8px;outline:none}.rp-spec{background:#ffffff0d;border-radius:8px;gap:4px;margin:0;padding:12px;font-size:14px;line-height:20px;display:grid}.rp-spec[hidden]{display:none}.rp-spec>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rp-spec dt{color:var(--text-muted)}.rp-spec dt:first-letter{text-transform:uppercase}.rp-spec dd{color:#fff;text-align:end;overflow-wrap:anywhere;min-width:0;margin:0}.gd-seed{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.gd-seed-copy{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.gd-seed-copy.is-copied{color:var(--text-primary);background:var(--glass-mist)}.gd-seed-copy:focus-visible{box-shadow:var(--focus-ring);outline:none}.gd-seed-copy svg{width:14px;height:14px}.rp-foot{flex:none;gap:8px;padding:12px 14px 14px;display:grid}.rp-foot-main,.rp-foot-sub{align-items:center;gap:8px;display:flex}.rp-foot-main>a,.rp-foot-main>button,.rp-foot-sub>a,.rp-foot-sub>button{box-sizing:border-box;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.rp-foot-main>a,.rp-foot-main>button{flex:1 1 0;min-height:46px;font-size:14.5px}.rp-foot-sub>.gd-act{flex:auto}.rp-foot-sub>.gd-act-icon,.rp-foot-sub>.st-fav{border:1px solid var(--border-strong);background:var(--glass-mist);width:auto;min-width:40px;height:40px;min-height:40px;color:var(--text-primary);border-radius:999px;flex:none;padding:0}.rp-foot-sub>.st-fav{padding:0 12px}.rp-foot-sub>.gd-act-comments{grid-auto-flow:column;gap:6px;padding:0 12px}.gd-act-comments .gd-act-n{font-variant-numeric:tabular-nums;min-width:1ch;font-size:13px;font-weight:600;line-height:1}.rp-foot .ui-icon,.rp-foot svg{flex:none;width:15px;height:15px}.rp-foot-sub .st-fav .ui-icon,.rp-foot-sub .st-fav svg{width:17px;height:17px}.rp-light{background:var(--text-primary);color:var(--bg-0);border-color:#0000}@media (hover){.rp-light:hover{background:var(--text-secondary)}.gd-act-icon:hover{background:var(--wk-btn-hover)}}.rp-foot .gd-note{margin:2px 4px 0}.gd-act-icon{border:1px solid var(--border-strong);background:var(--glass-mist);width:40px;height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:inline-grid}.gd-act-icon:focus-visible{box-shadow:var(--focus-ring);outline:none}.gd-act-icon svg{width:16px;height:16px}.rp-back{white-space:nowrap;flex:none;align-items:center;gap:6px;height:38px;padding-block:0;padding-inline:11px 14px;font-size:13px;display:inline-flex}@media (max-width:700px){.rp-back>span:not(.ui-icon){display:none}.rp-back{justify-content:center;width:44px;height:44px;padding:0}.rp-copy.btn-ghost,.rp-fold{min-height:36px}}.rp-stage{object-fit:contain;border-radius:14px;max-width:100%;max-height:100%;display:block}.rp-stage-audio.ap{width:min(100%,520px)}
.seg-control{--lens-x:0px;--lens-y:0px;--lens-w:0px;--lens-h:0px;isolation:isolate;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-1);gap:3px;padding:3px;display:flex;position:relative}.seg-option{border-radius:var(--r-pill);min-width:0;min-height:44px;color:var(--hint);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;flex:1 1 0;padding:0 18px;font-size:12px;font-weight:400}@media (hover){.seg-option:hover:not(:disabled){color:var(--text-primary)}}.seg-option[aria-checked=true]{background:var(--bg-5);color:var(--text-primary)}.seg-thumb{display:none}.seg-control[data-lens]>.seg-thumb{z-index:-1;width:var(--lens-w);height:var(--lens-h);transform:translate(var(--lens-x), var(--lens-y));border-radius:var(--r-pill);background:var(--bg-5);pointer-events:none;transition:transform .22s var(--mm-ease), width .22s var(--mm-ease);display:block;position:absolute;top:0;left:0}.seg-control[data-lens]>.seg-option[aria-checked=true]{background:0 0}.seg-control[data-many]{--seg-cols:4;grid-template-columns:repeat(var(--seg-cols), minmax(0, 1fr));border-radius:22px;display:grid}.seg-control[data-many]>.seg-option{padding:0 6px}.seg-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.seg-option:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:reduce){.seg-option,.seg-control[data-lens]>.seg-thumb{transition:none}}
.gd-author{box-sizing:border-box;min-width:0;max-width:220px;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;margin:0 0 6px;padding-block:3px;padding-inline:3px 11px;font-size:13px;line-height:1.2;text-decoration:none;transition:border-color .2s,background .2s;display:flex;position:relative}@media (hover){a.gd-author:hover{background:#ffffff0f;border-color:#fff6}a.gd-author:hover .gd-author-go{color:var(--text-primary)}a.gd-author:hover .gd-author-go .ui-icon{transform:translate(2px)}.rp-top a.gd-author:hover{background:0 0}.rp-top a.gd-author:hover .gd-author-t b{text-decoration:underline}}a.gd-author:focus-visible{outline:2px solid var(--pr-white);outline-offset:2px}.gd-author-av{background:var(--bg-2);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.gd-author-av>svg{width:14px;height:auto}.gd-author-av>.ui-icon{width:13px;height:13px}.gd-author-av>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.gd-medal{background:var(--text-primary);width:13px;height:13px;color:var(--bg-0);box-shadow:0 0 0 2px var(--bg-0);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.gd-medal .ui-icon{width:9px;height:9px}.gd-author-t{flex:1;gap:1px;min-width:0;display:grid}.gd-author-t small,.gd-author-h{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gd-author-t b{font:600 13px/1.2 var(--font-body), system-ui, sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-author-go{color:var(--text-secondary);flex:none;align-items:center;gap:1px;font-size:12px;transition:color .2s;display:inline-flex}.gd-author-go .ui-icon{width:14px;height:14px;transition:transform .25s}.rp-top .gd-author{background:0 0;border:0;gap:11px;max-width:none;margin:0;padding:0}.rp-top .gd-author-av{width:40px;height:40px}.rp-top .gd-author-av>svg{width:22px}.rp-top .gd-author-av>.ui-icon{width:20px;height:20px}.rp-top .gd-medal{width:15px;height:15px;bottom:-3px;right:-3px}.rp-top .gd-author-t{flex-direction:column;justify-content:center;gap:2px;display:flex}.rp-top .gd-author-t b{order:1;font-size:15px}.rp-top .gd-author-t small{clip-path:none;width:auto;height:auto;color:var(--text-muted);order:2;font-size:12px;line-height:1.2;position:static;overflow:visible}.rp-top .gd-author-go{display:none}
.mq{--mq-s:50s;--mq-gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.mq-track{width:max-content;animation:mq-run var(--mq-s) linear infinite;display:flex}.mq[data-dir=rev] .mq-track,[dir=rtl] .mq-track{animation-direction:reverse}[dir=rtl] .mq[data-dir=rev] .mq-track{animation-direction:normal}.mq[data-sleep] .mq-track{animation-play-state:paused}.mq-copy,.mq-set{align-items:center;gap:var(--mq-gap);flex:none;padding-inline-end:var(--mq-gap);display:flex}@keyframes mq-run{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mq{scrollbar-width:none;overflow-x:auto}.mq-track{animation:none}}.mq-logo{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-secondary);font:600 clamp(14px, 1.05vw, 19px) / 1 var(--font-body), system-ui, sans-serif;white-space:nowrap;background:#ffffff0a;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:inline-flex}.mq-logo>span:first-child{aspect-ratio:1;background:#ffffff12;border-radius:50%;place-items:center;width:clamp(30px,2.2vw,44px);display:grid}[data-parallax]{--py:0}
[data-status-box]{background:var(--bg-1);border:1px solid var(--border);box-shadow:var(--edge-hi);animation:gen-in .32s var(--ease) both;position:relative;overflow:hidden}[data-status-box]:after{content:"";background:radial-gradient(140% 100% at 50% 100%, var(--status-underglow) 0%, transparent 74%);mix-blend-mode:screen;pointer-events:none;height:min(50%,150px);position:absolute;bottom:0;left:0;right:0}[data-status-box]>*{position:relative}.gen-failed{--status-underglow:var(--danger-underglow);border-color:var(--danger-line);box-shadow:var(--edge-hi), inset 0 0 26px -4px var(--danger)}.gen-progress{--status-underglow:var(--area-wash);--status-breathe:var(--area-line);animation:gen-in .32s var(--ease) both, gen-breathe 2.4s ease-in-out infinite}.gen-progress:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 38%,#ffffff0f 50%,#0000 62%) 0 0/200% 100%;animation:1.8s ease-in-out infinite skeleton-slide;position:absolute;inset:0}@keyframes gen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes gen-breathe{0%,to{box-shadow:var(--edge-hi), inset 0 0 0 1px var(--border)}50%{box-shadow:var(--edge-hi), inset 0 0 24px -3px var(--status-breathe)}}.gen-status{background:var(--ctl-bg);box-shadow:var(--glass-edge);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--shimmer-base);animation:none}[data-status-box]{animation:none}.gen-progress{box-shadow:var(--edge-hi), inset 0 0 24px -3px var(--status-breathe);animation:none}.gen-progress:before{animation:none;display:none}}.sel-bar{left:50%;bottom:calc(18px + var(--safe-bottom));z-index:50;max-width:calc(100vw - 24px - var(--safe-left) - var(--safe-right));box-sizing:border-box;background:var(--chrome-bg);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:slide-fade-in .16s var(--ease);border-radius:999px;align-items:center;gap:12px;padding-block:6px;padding-inline:16px 6px;display:flex;position:fixed;transform:translate(-50%)}.sel-bar .hd-nav-item:disabled{color:var(--text-disabled);cursor:not-allowed}.sel-delete{color:var(--danger-text)}@media (hover){.sel-delete:not(:disabled):hover{background:var(--danger-bg);color:var(--danger-text)}}.sel-bar[data-closing]{animation:slide-fade-out .16s var(--ease) forwards}@keyframes slide-fade-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-fade-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.select-overlay{z-index:2;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.check-ctl{z-index:3;color:var(--text-primary);pointer-events:none;background:#0a0a0bb8;border-radius:8px;padding:3px;display:inline-flex;position:absolute;top:8px;right:8px}.check-ctl[data-disabled]{color:var(--text-disabled)}.check-draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .32s cubic-bezier(.65,0,.35,1) 60ms}.check-ctl[data-checked=true] .check-draw{stroke-dashoffset:0}.check-ctl[data-checked=true] .ui-icon{animation:.42s cubic-bezier(.34,1.6,.5,1) ck-pop}@media (prefers-reduced-motion:reduce){.sel-bar,.sel-bar[data-closing]{animation:none}.check-draw{transition:none}.check-ctl[data-checked=true] .ui-icon{animation:none}}.feature-card.clip-well{border-radius:var(--r-card);background:var(--bg-2);min-height:0;box-shadow:none;outline:1px solid var(--line);outline-offset:-1px;border:0;flex-direction:column;align-items:stretch;padding:0;display:flex}.feature-card.clip-well[data-fill]{height:100%}.feature-card.clip-well:before{content:none}.feature-card.clip-well:after{z-index:2;border-radius:inherit;background:linear-gradient(180deg, var(--media-scrim), transparent 23%, transparent 63%, var(--media-scrim));opacity:.58;transition:opacity .3s var(--ease)}.feature-card.clip-well:is(:focus-visible,:active):after{opacity:1}@media (hover:hover){.feature-card.clip-well:hover:after{opacity:1}}.feature-card.clip-well:focus-visible{box-shadow:var(--focus-ring)}.clip-media>img,.clip-media>video{transition:transform .85s cubic-bezier(.2,.7,.2,1);transform:scale(1.012)}.clip-well:is(:focus-visible,:active) .clip-media>img,.clip-well:is(:focus-visible,:active) .clip-media>video{transform:scale(1.045)}@media (hover:hover){.clip-well:hover .clip-media>img,.clip-well:hover .clip-media>video{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.feature-card.clip-well:after,.clip-media>img,.clip-media>video{transition:none}.clip-well:is(:focus-visible,:active) .clip-media>img,.clip-well:is(:focus-visible,:active) .clip-media>video{transform:scale(1.012)}@media (hover){.clip-well:hover .clip-media>img,.clip-well:hover .clip-media>video{transform:scale(1.012)}}}[data-status-box] [data-gen-retry]{z-index:2;position:relative}
.gen-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gen-seg{background:var(--ctl-bg);border:1px solid var(--ctl-border);box-shadow:var(--glass-edge);border-radius:999px;gap:2px;padding:3px;display:inline-flex}@media (max-width:699px){.gen-seg{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.gen-seg::-webkit-scrollbar{display:none}}.gen-seg-item{height:30px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}@media (hover){.gen-seg-item:hover{color:var(--text-primary)}}.gen-seg-item[aria-pressed=true]{background:var(--ctl-bg-hover);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--ctl-border)}.gen-seg-n{font-family:var(--font-mono,"Fragment Mono"), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11px}.gen-seg-item[aria-pressed=true] .gen-seg-n{color:var(--text-secondary)}.load-more{background:var(--cmp-bg);border:1px solid var(--ctl-border-hover);min-height:44px;box-shadow:var(--glass-edge), 0 8px 24px #00000059;color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);border-radius:999px;align-items:center;gap:10px;padding-block:0;padding-inline:14px 18px;font-size:13px;font-weight:600;display:inline-flex}.load-more>.ui-icon{color:var(--accent)}@media (hover){.load-more:hover{background:var(--ctl-bg-hover);border-color:var(--border-strong)}.preset-cover:hover .preset-cover-media{border-color:var(--border-strong)}.preset-cover:hover .preset-cover-img{transform:scale(1.03)}}.load-more:focus-visible{border-color:var(--accent-line);outline:none}.load-more-n{font-family:var(--font-mono,"Fragment Mono"), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--text-secondary);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:400}@media (prefers-reduced-motion:reduce){.load-more{transition:none}}.gen-kind{z-index:3;box-sizing:border-box;background:var(--media-scrim);border:1px solid var(--border);min-height:28px;color:var(--text-on-glass);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;font-size:9px;font-weight:500;line-height:1.2;display:inline-flex;position:absolute;top:13px;left:13px}.gen-grid>*{min-width:0;min-height:0;scroll-margin-top:96px}[data-create-templates]>*{max-width:var(--chrome-content);margin-inline:auto}.preset-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:max(240px,20% - 9.6px);grid-auto-flow:column;gap:14px 12px;padding-bottom:6px;display:grid;overflow-x:auto}.preset-grid>*{scroll-snap-align:start}@media (max-width:699px){.preset-grid{grid-auto-columns:72%;gap:12px 8px}}.preset-cover{min-height:0;box-shadow:none;text-align:start;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.preset-cover:before{content:none;display:none}.preset-cover-media{aspect-ratio:16/9;border-radius:var(--r-xl);border:1px solid var(--border);transition:border-color var(--dur-base) var(--ease);position:relative;overflow:hidden}.preset-cover[aria-pressed=true] .preset-cover-media{--card-ring:inset 0 0 0 2px var(--accent-line);border-color:var(--accent-line)}.preset-cover-img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-base) var(--ease);position:absolute;inset:0}.preset-cover-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s var(--ease);position:absolute;inset:0}.preset-cover.is-playing .preset-cover-video{opacity:1}.preset-cover-caption{min-width:0;padding:10px 2px 0}.preset-cover-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;color:var(--text-primary);font-size:17px;font-weight:600;line-height:1.25}.preset-cover-sub{color:var(--hint);margin-top:5px;font-size:11px;line-height:1.4}.preset-cover-caption [data-clamp]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preset-cover:not([data-strip]){border:1px solid var(--line);background:var(--panel);border-radius:24px;overflow:hidden}.preset-cover:not([data-strip]) .preset-cover-media{border:0;border-radius:0}.preset-cover:not([data-strip]) .preset-cover-caption{padding:14px 18px 16px}@media (hover){.preset-cover:not([data-strip]):hover{border-color:var(--border-strong)}}.preset-cover[data-strip]{position:relative}.preset-cover[data-strip] .preset-cover-media{border-color:var(--line);border-radius:20px}.preset-cover-strip{z-index:2;box-sizing:border-box;border:1px solid var(--border-strong);background:var(--panel);min-height:44px;box-shadow:var(--edge-hi);border-radius:13px;padding-block:8px;padding-inline:13px 38px;position:absolute;bottom:8px;left:8px;right:8px}.preset-cover-strip .preset-cover-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.preset-cover-strip .preset-cover-sub{margin-top:1px}.preset-cover-arrow{color:var(--text-secondary);position:absolute;top:50%;right:13px;translate:0 -50%}@media (prefers-reduced-motion:reduce){.preset-cover-img,.preset-cover-video,.preset-cover-media{transition:none}@media (hover){.preset-cover:hover .preset-cover-img{transform:none}}}@media (min-width:1101px){.st-work .st-presets-sec .preset-grid{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:row;overflow-x:visible}}
@property --s1{syntax:"<color>";inherits:false;initial-value:#0000}@property --s2{syntax:"<color>";inherits:false;initial-value:#0000}.st-panel .cmp-stage:before,.st-spot-media:before{--s1:var(--g1);--s2:var(--g2);transition:--s1 .9s var(--ease), --s2 .9s var(--ease)}.st-grid{--g1:var(--line-c1);--g2:var(--line-c2);grid-template-columns:clamp(420px,31vw,480px) minmax(0,1fr);align-items:start;gap:clamp(8px,.8vw,12px);padding-top:12px;padding-bottom:clamp(48px,5vw,96px);display:grid}.st{overflow-x:clip}.st-modes.cap{box-sizing:border-box;width:100%;margin-bottom:10px}.st-modes .cap-tab{min-width:0}.st-modes>.cap-tab:not(.cap-tab~.cap-tab){margin-inline-start:auto}.st-modes>.cap-tab:not(:has(~.cap-tab)){margin-inline-end:auto}@media (max-width:400px){.st-modes.cap{--pt:10px}}.st-panel{top:calc(var(--header-h) + 12px);z-index:6;min-width:0;padding-top:8px;position:sticky}.st-studio:not([data-wide])>.st-panel{box-sizing:border-box;border:1px solid var(--st-edge);background:var(--st-work-bg);border-radius:28px;padding:12px}.st-info .hero-head{--hero-head-gap:12px;width:auto;margin-inline:4px}.st-info .hero-eyebrow{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.16em;margin-bottom:6px;font-size:11px;font-weight:600;line-height:1}.st-info .hero-head h1{letter-spacing:-.025em;font-size:clamp(24px,1.7vw,30px);font-weight:600}.st-card{--chrome-blur:var(--cmp-blur);background:var(--card-bg);border:1px solid #fff3;box-shadow:inset 1px 1px 3px #ffffff26,inset -1px -1px 3px #ffffff0d,0 24px 60px #00000073}.st-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0;left:6%;right:6%}.st-card:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(80% 20% at 95% -4%,#fff9,#0000 85%),radial-gradient(50% 30% at -20% 102%,#ffffff0f,#0000);position:absolute;inset:0}.st-dust{z-index:-1;pointer-events:none;background-image:radial-gradient(circle, var(--dust-dot) .7px, transparent 1.25px);background-size:7px 7px;border-radius:0 28px 0 0;width:87%;height:170px;position:absolute;inset:0 0 auto auto;-webkit-mask-image:radial-gradient(at 76% 0,#0006,#0000 68%);mask-image:radial-gradient(at 76% 0,#0006,#0000 68%)}@media (min-width:1101px){.st-panel .cmp-bench .cmp-row>.tf>textarea.cmp-prompt-full{min-height:96px}}
.st-work{box-sizing:border-box;isolation:isolate;min-width:0;min-height:calc(100svh - var(--header-h) - 32px);border:1px solid var(--st-edge);background:var(--st-work-bg);border-radius:28px;padding:12px;position:relative}.st-work:before{content:"";background:linear-gradient(90deg, transparent, var(--mdl-warm), transparent);pointer-events:none;height:1px;position:absolute;top:-1px;left:14%;right:14%}.st-work-dust{z-index:-1;border-radius:inherit;background-image:radial-gradient(circle, var(--chrome-light) .7px, transparent 1.25px);height:420px;-webkit-mask-image:radial-gradient(ellipse 55% 70% at 50% -10%, var(--bg-0), transparent 72%);-webkit-mask-image:radial-gradient(ellipse 55% 70% at 50% -10%, var(--bg-0), transparent 72%);mask-image:radial-gradient(ellipse 55% 70% at 50% -10%, var(--bg-0), transparent 72%);opacity:.32;pointer-events:none;background-size:7px 7px;position:absolute;inset:0 0 auto}.st-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.st-view{min-width:0}@media (min-width:1101px){.st-studio:not([data-wide]){box-sizing:border-box;--studio-col:calc(20rem + 26px);height:calc(100dvh - var(--header-h));padding-bottom:calc(12px + var(--safe-bottom));grid-template-rows:minmax(0,1fr);align-items:stretch}.st-studio:not([data-wide])>.st-panel{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:none;max-height:none;position:relative;top:auto;overflow:hidden auto}.st-studio:not([data-wide])>.st-work{flex-direction:column;min-height:0;display:flex}.st-studio:not([data-wide])>.st-work>.st-view:not([hidden]),.st-studio:not([data-wide])>.st-work>.st-stage{overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 0;min-height:0;overflow:hidden auto}.st-studio>.st-work>.st-view[data-view=how]:not([hidden]){flex-direction:column;display:flex}}html[data-signed] .st-work[data-view-pending]>.st-view[data-view=history]{display:block}html[data-signed] .st-work[data-view-pending]>.st-view:not([data-view=history]){display:none}.st-spot-ins{flex-wrap:wrap;row-gap:4px;margin:18px 0 0;padding:0;list-style:none;display:flex}.st-spot-ins li{color:var(--text-secondary);font-size:13.5px;line-height:1.4}.st-spot-ins li+li:before{content:"·";color:var(--text-muted);margin-inline:8px}.st-spot-media{justify-self:end;width:100%;max-width:660px;margin:0;position:relative}.st-spot-media:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 58% at 38% 48%, color-mix(in srgb, var(--s1) 34%, transparent), transparent 72%), radial-gradient(44% 54% at 70% 62%, color-mix(in srgb, var(--s2) 26%, transparent), transparent 74%);position:absolute;inset:-14% -10% -6%}.st-spot-media figcaption{color:var(--text-muted);margin:12px 4px 0;font-size:13px}.st-sec-head{margin:clamp(28px,3vw,56px) 4px 16px}.st-sec-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}.st-sec-title{letter-spacing:-.02em;margin:0;font-size:clamp(24px,2vw,38px);line-height:1.05}.st-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.st-clip-link:focus-visible{outline:none}.st-meta{min-width:0;color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:12px;display:inline-flex}.st-meta>span:not(.st-dot){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-dot{white-space:nowrap}.st-dot:before{content:"·";opacity:.5;margin-inline-end:6px}.st-presets-sec{margin-top:clamp(28px,3vw,56px)}.st-presets-sec .row-head{margin-inline:4px}.st-presets-sec .preset-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:max(250px,20% - 9.6px);grid-auto-flow:column;align-items:start;gap:12px;margin:-8px -8px -4px;padding:8px 8px 10px;scroll-padding-inline:8px;display:grid;overflow-x:auto}.st-presets-sec .preset-grid::-webkit-scrollbar{display:none}.st-presets-sec .preset-cover{scroll-snap-align:start;height:auto;box-shadow:none;text-align:start;background:0 0;border:0;padding:0;overflow:visible}.st-presets-sec .preset-cover .preset-cover-media{aspect-ratio:16/9;--card-ring:0 0 0 1px var(--st-edge);transition:box-shadow .45s var(--ease);border:0;border-radius:18px;position:relative;overflow:hidden}@media (hover){.st-presets-sec .preset-cover:hover .preset-cover-media{--card-ring:0 0 0 1px var(--chrome-mid), 0 22px 54px -26px var(--orb-glow-hi)}}.st-presets-sec .preset-cover .preset-cover-caption{box-shadow:none;background:0 0;gap:5px;padding:12px 4px 0;display:grid;position:static}.st-presets-sec .preset-cover-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.15}.st-presets-sec .preset-cover-sub{color:var(--text-secondary);font-size:13px}.st-presets-sec .preset-cover-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.st-use{z-index:1;border-radius:var(--r-pill);background:var(--text-primary);height:34px;color:var(--feed-cta-ink);transition:opacity .3s var(--ease), transform .35s var(--ease-spring);align-items:center;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}@media (hover:hover){.st-use{opacity:0;transform:translateY(6px)}.preset-cover:hover .st-use,.preset-cover:focus-visible .st-use{opacity:1;transform:none}}.st-chips{flex-wrap:wrap;gap:6px;display:flex}.st-chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--st-chip);height:32px;min-height:32px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:color .2s,background .25s,border-color .25s;display:inline-flex}.st-chip small{color:var(--text-muted);font-size:12px}@media (hover){.st-chip:hover{border-color:var(--chrome-mid);color:var(--text-primary)}.st-clip:hover .st-clip-link:after{box-shadow:inset 0 0 0 1px var(--chrome-mid)}.st-clip:hover{box-shadow:0 20px 50px -26px var(--orb-glow-hi)}}.st-chip[aria-pressed=true]{background:var(--text-primary);color:var(--feed-cta-ink);border-color:#0000}.st-chip[aria-pressed=true] small{color:var(--st-chip-on-muted)}.st-clip{transition:box-shadow .45s var(--ease);border-radius:18px;display:block;position:relative;overflow:hidden;container-type:inline-size}.st-clip-link:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--st-clip-edge);pointer-events:none;transition:box-shadow .45s var(--ease);position:absolute;inset:0}.st-clip .st-clip-link:focus-visible:after{box-shadow:var(--focus-ring-in)}.st-clip-link{border-radius:inherit;color:inherit;text-decoration:none;display:block}.st-media{border-radius:inherit;position:relative;overflow:hidden}.st-media-audio{background:radial-gradient(70% 70% at 50% 45%, var(--audio-wash), transparent 75%), var(--bg-2);color:var(--audio);place-items:center;display:grid;position:absolute;inset:0}.st-media-audio .ui-icon{width:32px;height:32px}.st-media img,.st-media video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-spring), opacity .4s var(--ease);display:block;position:absolute;inset:0}.st-media video{opacity:0}.st-clip.is-playing .st-media video{opacity:1}@media (hover:hover){.st-clip:hover .st-media img,.st-clip:hover .st-media video{transform:scale(1.03)}}.st-clip:before,.st-clip:after{content:"";z-index:1;pointer-events:none;height:34%;transition:opacity .3s var(--ease);position:absolute;left:0;right:0}.st-clip:before{background:linear-gradient(180deg, var(--st-shade-top), transparent);top:0}.st-clip:after{background:linear-gradient(0deg, var(--st-shade-bottom), transparent);bottom:0}.st-clip-top{z-index:4;pointer-events:none;transition:opacity .2s var(--ease), translate .22s var(--ease);justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;inset:0 0 auto}.st-user{min-width:0;color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.st-avatar{background:var(--bg-0);width:28px;height:28px;box-shadow:0 0 0 1px var(--chrome-mid);color:var(--text-primary);border-radius:50%;flex:none;place-items:center;display:grid}.st-avatar svg{width:17px;height:auto}.st-clip-meta{z-index:2;transition:opacity .3s var(--ease);position:absolute;bottom:11px;left:12px;right:12px}@container (max-width:220px){.st-clip-top{gap:6px;padding:8px}.st-clip-top .st-user{gap:6px;font-size:12px}.st-clip-top .st-avatar{width:22px;height:22px}.st-clip-top .st-avatar svg{width:14px}.st-clip-top .st-fav{gap:4px;min-width:28px;height:28px;min-height:0;padding:0 6px;font-size:11px}.st-clip-top .st-fav:after{content:"";position:absolute;inset:-4px}.st-clip-top .st-fav :is(.ui-icon,svg){width:14px;height:14px}.st-clip-meta{gap:5px;font-size:11px;bottom:8px;left:8px;right:8px}.st-clip-meta>svg:not(.brand-mark){width:14px;height:14px}.st-clip-meta>.brand-mark{width:20px;height:auto}}@media (hover:hover){.st-clip:before,.st-clip:after,.st-clip-top,.st-clip-meta{opacity:0}.st-clip-top{translate:0 -6px}.st-clip:hover .st-clip-top,.st-clip:is(:focus-visible,:has(:focus-visible)) .st-clip-top{transition:opacity .3s var(--ease), translate .5s var(--ease-spring);translate:0}.st-clip-top:has(.st-fav[aria-pressed=true]){opacity:1;translate:0}.st-clip-top:has(.st-fav[aria-pressed=true]) .st-user{opacity:0;transition:opacity .3s var(--ease)}.st-clip:hover .st-clip-top .st-user,.st-clip:is(:focus-visible,:has(:focus-visible)) .st-clip-top .st-user,.st-clip:hover:before,.st-clip:hover:after,.st-clip:hover .st-clip-top,.st-clip:hover .st-clip-meta,.st-clip:is(:focus-visible,:has(:focus-visible)):before,.st-clip:is(:focus-visible,:has(:focus-visible)):after,.st-clip:is(:focus-visible,:has(:focus-visible)) .st-clip-top,.st-clip:is(:focus-visible,:has(:focus-visible)) .st-clip-meta{opacity:1}}.st-clip-acts{align-items:center;gap:6px;display:inline-flex}.st-more{justify-content:center;margin-top:20px;display:flex}.st-view[data-view=history]>:first-child{margin-top:16px}@media (max-width:700px){.st-view[data-view=history]>:first-child{margin-top:22px}}.st-empty{--k:1.09;place-items:center;display:grid;position:relative}.st-empty>*{grid-area:1/1}.st-empty .st-ghosts{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, var(--bg-0), transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, var(--bg-0), transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, var(--bg-0), transparent 80%);opacity:.9;grid-template-rows:repeat(2,auto);grid-auto-rows:0;place-self:stretch stretch;row-gap:0;overflow:hidden}.st-ghosts span{aspect-ratio:1;border:1px solid var(--st-clip-edge);background:linear-gradient(180deg, var(--st-work-hi), var(--st-work-lo));border-radius:18px;margin-bottom:12px}.st-empty[data-grid=masonry]{container-type:inline-size}.st-empty[data-grid=masonry] .st-ghosts{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:700px){.st-empty[data-grid=masonry] .st-ghosts{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:1060px){.st-empty[data-grid=masonry] .st-ghosts{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:1500px){.st-empty[data-grid=masonry] .st-ghosts{grid-template-columns:repeat(5,minmax(0,1fr))}}.st-empty-card{text-align:center;max-width:440px;padding:32px;position:relative}.st-empty-card h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;margin:0;font-size:clamp(24px,2vw,34px);line-height:1.1}.st-empty-card p{color:var(--text-secondary);margin:12px 0 22px}@media (max-width:1100px){main.st{--composer-w:860px}.st-grid{grid-template-columns:minmax(0,1fr)}.st-panel{width:min(100%, var(--composer-w));justify-self:center;position:relative;top:auto}}@media (max-width:700px){.st-presets-sec .preset-grid{grid-auto-columns:78%}.st-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-12px;padding-inline:12px;overflow-x:auto}.st-ghosts span{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.st-grid{transition:none}}.st-tagline{color:var(--text-muted);margin:12px 6px 0;font-size:13px;line-height:1.5}
.st-pane[hidden],html[data-url-mode=lipsync] [data-url-panes]>.st-pane:not([data-pane=lipsync]),html[data-url-mode=translate] [data-url-panes]>.st-pane:not([data-pane=translate]){display:none}html[data-url-mode=lipsync] [data-url-panes]>.st-pane[data-pane=lipsync],html[data-url-mode=translate] [data-url-panes]>.st-pane[data-pane=translate]{display:block}html[data-url-mode=lipsync] [data-url-panes]>.st-modes:not([data-lens]) .cap-tab[data-cap-on]:not([data-cap-k=lipsync]),html[data-url-mode=translate] [data-url-panes]>.st-modes:not([data-lens]) .cap-tab[data-cap-on]:not([data-cap-k=translate]){color:var(--text-secondary);box-shadow:none;background:0 0;font-weight:500}html[data-url-mode=lipsync] [data-url-panes]>.st-modes:not([data-lens]) .cap-tab[data-cap-k=lipsync],html[data-url-mode=translate] [data-url-panes]>.st-modes:not([data-lens]) .cap-tab[data-cap-k=translate]{color:var(--text-primary);background:linear-gradient(140deg, var(--nav-lens-highlight), var(--glass-mist) 45%, var(--nav-lens-fill));box-shadow:inset 0 0 0 1px var(--glass-edge-light), inset 0 1px 1px var(--glass-edge-light), inset 0 -1px 1px var(--glass-edge-dark);font-weight:600}.st-banner{isolation:isolate;aspect-ratio:16/6;--card-ring:0 0 0 1px var(--sn-tool-rim), inset 0 1px 0 var(--sn-tool-hi);border-radius:22px;margin:0 0 10px;position:relative;overflow:hidden}.st-banner-media,.st-banner-media>video,.st-banner-media>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.st-banner:after{content:"";background:linear-gradient(0deg, var(--reel-scrim), transparent 62%);pointer-events:none;position:absolute;inset:0}.st-banner figcaption{z-index:1;gap:3px;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.st-banner b{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;background:linear-gradient(180deg, var(--text-primary) 30%, var(--mdl-name-lo));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;line-height:1.05}.st-banner span{color:var(--text-secondary);font-size:13px}.st-sc-slide{background:var(--st-ba-seam);opacity:0;transition:opacity .5s var(--ease);grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.st-showcase{container-type:inline-size}.st-pick .st-ba-tag{padding:4px 7px;top:8px;left:8px}.st-pick .st-ba-tag.is-out{left:calc(50% + 8px)}.st-showcase:after{background:linear-gradient(0deg, var(--reel-scrim), transparent 90%)}.st-pick:has(.st-sc-slide):after{background:linear-gradient(0deg, var(--reel-scrim), transparent 90%)}.st-sc-slide[data-on]{opacity:1}.st-sc-slide>img{object-fit:cover;width:100%;height:100%}.st-sc-next{z-index:3;border-radius:var(--r-pill);background:var(--st-ba-tag);height:26px;color:var(--text-primary);font:600 11px/1 var(--font-body), system-ui, sans-serif;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 11px;display:inline-flex;position:absolute;top:8px;right:8px}.st-sc-dots{gap:5px;display:inline-flex}.st-sc-dots>i{background:var(--st-ba-ring);opacity:.4;border-radius:50%;width:6px;height:6px}.st-sc-dots>i[data-on]{opacity:1}@container (max-width:420px){.st-sc-name{display:none}}@media (prefers-reduced-motion:reduce){.st-sc-slide{transition:none}}.st-ba-mid{z-index:2;background:var(--bg-0);width:30px;height:30px;color:var(--text-primary);box-shadow:0 0 0 1.5px var(--st-ba-ring), 0 6px 18px var(--st-shade-top);border-radius:50%;place-items:center;display:grid;position:absolute;top:42%;left:50%;translate:-50% -50%}.st-ba-mid .ui-icon,.st-ba-mid svg{width:15px;height:15px}.st-ba-tag{z-index:2;border-radius:var(--r-pill);background:var(--st-ba-tag);color:var(--text-primary);padding:5px 9px;font-size:11px;font-weight:600;line-height:1;position:absolute;top:10px;left:10px}.st-ba-tag.is-out{left:calc(50% + 10px)}.st-ratio{border-radius:inherit;background:radial-gradient(60% 70% at 50% 45%, var(--st-ratio-glow), transparent 72%), var(--st-frame);box-shadow:inset 0 0 0 1px var(--st-clip-edge);place-items:center;display:grid;position:absolute;inset:0}.st-ratio-box{border:1.5px solid var(--st-ratio-edge);background-image:radial-gradient(circle, var(--st-ratio-dot) .7px, transparent 1.25px);max-width:72%;height:64%;box-shadow:0 0 36px var(--st-ratio-glow-out), inset 0 0 26px var(--st-ratio-glow-in);transition:border-color .35s var(--ease), box-shadow .45s var(--ease);background-size:7px 7px;border-radius:10px;position:relative}@media (hover:hover){.preset-cover:hover .st-ratio-box{border-color:var(--st-ratio-edge-hi);box-shadow:0 0 48px var(--st-ratio-glow-hi), inset 0 0 30px var(--st-ratio-glow-in-hi)}}.st-ratio b{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1;position:absolute;bottom:10px;left:12px}.st-tools{margin:0;padding:0;list-style:none;display:grid}.st-tools li+li{border-top:1px solid var(--st-clip-edge)}.st-tool{box-sizing:border-box;width:100%;color:var(--text-primary);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto auto 16px;align-items:center;gap:12px;padding:13px 10px;text-decoration:none;transition:background .2s;display:grid}.st-tool[aria-disabled]{cursor:default}@media (hover){.st-tool:not([aria-disabled]):hover{background:var(--white-glow-soft)}}.st-tool:focus-visible{outline:2px solid var(--text-primary);outline-offset:-2px}.st-tool-chev{color:var(--text-muted);display:grid}.st-tool-ico{background:var(--white-glow-soft);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--st-edge);border-radius:12px;place-items:center;display:grid}.st-tool-text{gap:3px;min-width:0;line-height:1.5;display:grid}.st-tool-text b{font-size:14px;font-weight:600}.st-tool-text small{color:var(--text-muted);font-size:12.5px}.st-tool-marks{display:inline-flex}.st-tool-mark{background:var(--bg-1);width:22px;height:22px;box-shadow:0 0 0 1px var(--st-frame-edge);color:var(--text-primary);border-radius:50%;place-items:center;margin-inline-start:-5px;display:grid}.st-tool-mark svg{width:14px;height:14px}.st-soon{border-radius:var(--r-pill);background:var(--badge-bg);color:var(--badge-fg);border:1px solid #0000;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.5}.st-from{color:var(--text-secondary);font:600 12.5px/1 var(--font-num), system-ui, sans-serif;align-items:center;gap:4px;display:inline-flex}.st-from img{flex:none;width:15px;height:15px}.st-from small{color:var(--text-muted);font-weight:500}.st-from.is-wait{visibility:hidden}.st-sound{border-radius:inherit;background:radial-gradient(60% 70% at 50% 50%, var(--st-ratio-glow), transparent 72%), var(--st-frame);box-shadow:inset 0 0 0 1px var(--st-clip-edge);position:absolute;inset:0}.st-sound .ap{width:auto;position:absolute;top:50%;left:12px;right:12px;translate:0 -50%}@media (prefers-reduced-motion:reduce){.st-switch,.st-switch>span{transition:none}}
a.st-user{z-index:3;pointer-events:auto;text-decoration:none;position:relative}.st-user>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (hover){a.st-user:hover>span:last-child{text-underline-offset:3px;text-decoration:underline}}a.st-user:focus-visible{outline:2px solid var(--pr-white);outline-offset:3px;border-radius:var(--r-pill)}.st-avatar{font:600 12px/1 var(--font-display), system-ui, sans-serif}
.wk-sec{box-sizing:border-box;width:100%}.wk-sec:not([data-compact]){padding:18px var(--chrome-gutter) 96px}.wk-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.wk-count{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--text-muted);margin-inline-end:auto;font-size:11px}.wk-sec[data-compact] .wk-bar{justify-content:flex-end}.wk-ctl{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-inline-start:auto;display:inline-flex}.wk-bar .pill-select-btn{height:40px;min-height:40px;font:500 14px/1 var(--font-body), system-ui, sans-serif;gap:8px;padding-block:0;padding-inline:16px 12px}.wk-bar .pill-select-chevron{color:var(--text-muted)}.wk-ctl .wk-select{border-radius:50%;justify-content:center;width:40px;height:40px;min-height:40px;padding:0}.wk-ctl .wk-select :is(.ui-icon,svg){width:18px;height:18px;display:block}@media (max-width:700px){.wk-bar .pill-select-btn{height:36px;min-height:36px;padding-inline:14px 10px;font-size:13px}.wk-ctl .wk-select{width:36px;height:36px;min-height:36px}}.wk-filter-btn{background:var(--glass-mist);height:40px;min-height:40px;box-shadow:0 0 0 1px var(--border);color:var(--text-secondary);font:500 14px/1 var(--font-body), system-ui, sans-serif;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.wk-filter-btn svg{width:16px;height:16px}.wk-filter-btn[aria-expanded=true]{background:var(--ctl-bg-hover);color:var(--text-primary)}@media (hover){.wk-filter-btn:hover{background:var(--ctl-bg-hover);color:var(--text-primary)}.wk-day-check:hover:not(:disabled) .wk-check.check-ctl:not([data-checked=true]){border-color:var(--text-secondary)}}.wk-filter-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}[data-work-menu][data-busy]{animation:.7s ease-in-out infinite alternate wk-btn-busy}@keyframes wk-btn-busy{to{opacity:.45}}@media (prefers-reduced-motion:reduce){[data-work-menu][data-busy]{opacity:.6;animation:none}}.wk-badge-n{background:var(--text-primary);min-width:18px;height:18px;color:var(--bg-0);font:600 11px/1 var(--font-num,var(--font-body)), system-ui, sans-serif;border-radius:99px;place-items:center;padding:0 5px;font-style:normal;display:inline-grid}@media (max-width:700px){.wk-filter-btn span:not(.ui-icon){display:none}.wk-filter-btn{height:36px;min-height:36px;padding:0 10px}}.wk-select[aria-pressed=true]{background:var(--text-primary);color:var(--bg-0);border-color:#0000}.wk-day-head{font:600 15px/1.2 var(--font-body), system-ui, sans-serif;color:var(--text-primary);grid-column:1/-1;align-items:center;gap:10px;margin:10px 0 8px;display:flex}.wk-day-head:first-child{margin-top:0}.wk-day-l{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.wk-day-head small{color:var(--text-muted);font:500 12px/1 var(--font-num,var(--font-body)), system-ui, sans-serif}.wk-day-check{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;min-height:0;padding:0;display:grid;position:relative}:is(.wk-grid,.wk-list):not(.is-selecting) .wk-day-check{display:none}.wk-day-check:disabled{opacity:.35;cursor:default}.wk-day-check:before{content:"";position:absolute;inset:-9px}.wk-day-check{animation:wk-day-check-in .3s var(--ease-spring) both}@keyframes wk-day-check-in{0%{opacity:0;scale:.5}}.wk-day-check .wk-check.check-ctl{border:1.5px solid var(--text-muted);-webkit-backdrop-filter:none;backdrop-filter:none;width:18px;height:18px;box-shadow:none;background:0 0;padding:3px;position:static}.wk-day-check .wk-check.check-ctl:after{content:none}.wk-day-check .wk-check.check-ctl[data-checked=true]{background:var(--text-secondary);color:var(--bg-0);box-shadow:none;border-color:#0000}.wk-day-check .wk-check.check-ctl[data-checked=mixed]{border-color:var(--text-secondary);color:var(--text-secondary);background:0 0}.wk-day-check:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-check.check-ctl[data-checked=mixed]{background:var(--wk-check-bg);border-color:var(--text-primary);color:var(--text-primary)}.wk-check.check-ctl[data-checked=mixed] .wk-check-i path{stroke-dashoffset:12px;stroke-dasharray:24}.wk-grid{--k:1}.wk-grid,.st-ghosts{grid-template-columns:repeat(auto-fill, minmax(calc(max(250px, calc((100% - 84px) / 8)) * var(--k)), 1fr));align-items:start;gap:12px;display:grid}@media (max-width:700px){.wk-grid,.st-ghosts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wk-day-head{margin-top:22px;margin-bottom:12px}.wk-day-head:first-child{margin-top:0}}.wk-tile{aspect-ratio:1;background:var(--wk-tile-bg);min-width:0;box-shadow:0 0 0 1px var(--wk-ring);isolation:isolate;transition:box-shadow .45s var(--ease), transform .45s var(--ease-spring);border-radius:18px;position:relative;overflow:hidden}@media (max-width:700px){.wk-grid .wk-tile{content-visibility:auto}}.wk-tile[data-menu]{box-shadow:0 0 0 1px var(--wk-ring-hi), 0 20px 50px -26px var(--wk-lift)}@media (hover){.wk-tile:hover{box-shadow:0 0 0 1px var(--wk-ring-hi), 0 20px 50px -26px var(--wk-lift)}.wk-tile:hover:after{background:linear-gradient(0deg, var(--wk-scrim-hi), transparent);height:62%}}.wk-tile>.feature-card{border-radius:inherit;position:absolute;inset:0}.wk-tile:after{content:"";z-index:1;background:linear-gradient(0deg, var(--wk-scrim), transparent);pointer-events:none;height:46%;transition:height .4s var(--ease), background .4s var(--ease);position:absolute;inset:auto 0 0}.wk-tile:is(:focus-visible,:has(:focus-visible)):after,.wk-tile[data-menu]:after{background:linear-gradient(0deg, var(--wk-scrim-hi), transparent);height:62%}.wk-tile .feature-card.clip-well:after,.wk-tile[data-list]:after{content:none}.wk-tile.xw:not(:hover):not(:is(:focus-visible,:has(:focus-visible))):not([data-menu]):after{height:30%}
.wk-grid .wk-tile{container:wk-card/inline-size}@container wk-card (max-width:290px){.wk-grid .wk-tile[data-gen-bucket=failed] :is(.wk-blocked,.wk-blocked-acts,.wk-badge[data-badge=refunded]){display:none}}@container wk-card (max-width:205px){.wk-grid .wk-tile[data-gen-bucket=progress] :is(.wk-note,.wk-nudge,.wk-cancel){display:none}}@container wk-card (max-width:155px){.wk-grid .wk-tile .wk-kind,.wk-grid .wk-tile .wk-model,.wk-grid .wk-tile .wk-info,.wk-grid .wk-tile .wk-acts,.wk-grid .wk-tile .wk-ap{display:none}.wk-grid .wk-tile .wk-badge.is-label{justify-content:center;gap:0;width:36px;padding:0;font-size:0}.wk-grid .wk-tile .wk-badge.is-label .wk-badge-mark{margin-inline-start:0}.wk-grid .wk-tile .wk-badge.is-label .gen-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wk-grid .wk-tile .wk-state{padding:8px}.wk-grid .wk-tile:after{content:none}}.wk-kind{z-index:2;background:var(--wk-chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--text-primary);box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;left:10px}.wk-kind svg{width:15px;height:15px}.wk-kind.gen-kind{border:0;padding:0}.wk-model{z-index:2;min-width:0;color:var(--text-primary);font:600 12.5px/1.2 var(--font-body), system-ui, sans-serif;pointer-events:none;transition:transform .4s var(--ease-spring);align-items:center;gap:7px;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.wk-model>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wk-tool-mk{aspect-ratio:623/245;flex:none;width:20px;height:auto}.wk-info{z-index:2;color:var(--wk-info);font:500 11.5px/1.2 var(--font-num,var(--font-body)), system-ui, sans-serif;white-space:nowrap;pointer-events:none;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.wk-info time{margin-inline-end:auto;padding-inline-end:8px}.wk-info>span+span:before{content:" · "}.wk-acts{z-index:3;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:10px}.wk-act{cursor:pointer;background:var(--wk-chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;min-height:36px;color:var(--text-primary);box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);transition:background .2s, opacity .3s var(--ease), transform .3s var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.wk-act svg{width:16px;height:16px}@media (hover){.wk-act:hover{background:var(--wk-chip-hi)}}.wk-act:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-act-like .fav-ico{width:17px;height:17px}@media (hover:hover) and (min-width:700px){.wk-info,.wk-acts,.wk-player{opacity:0}.wk-info{transition:opacity .3s var(--ease), transform .4s var(--ease-spring);transform:translateY(6px)}.wk-acts{transition:opacity .3s var(--ease), transform .4s var(--ease-spring);transform:translate(6px)}.wk-tile:hover .wk-info,.wk-tile:is(:focus-visible,:has(:focus-visible)) .wk-info,.wk-tile[data-menu] .wk-info,.wk-tile:hover .wk-acts,.wk-tile:is(:focus-visible,:has(:focus-visible)) .wk-acts,.wk-tile[data-menu] .wk-acts,.wk-tile:hover .wk-player,.wk-tile:is(:focus-visible,:has(:focus-visible)) .wk-player,.wk-tile[data-menu] .wk-player{opacity:1;transform:none}.wk-tile:hover .wk-model,.wk-tile:is(:focus-visible,:has(:focus-visible)) .wk-model,.wk-tile[data-menu] .wk-model{transform:translateY(-20px)}}@media (hover:none),(max-width:699px){.wk-model{transform:translateY(-20px)}.wk-acts>:not([data-work-menu]){display:none}.wk-acts{top:4px;right:4px}.wk-acts>[data-work-menu]{width:44px;height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.wk-acts>[data-work-menu]:before{content:"";z-index:-1;background:var(--wk-chip);box-shadow:0 0 0 1px var(--wk-chip-edge);border-radius:50%;position:absolute;inset:6px}.wk-player{display:none}}@container wk-card (max-width:200px){.wk-grid .wk-tile .wk-kind{width:26px;height:26px;top:8px;left:8px}.wk-grid .wk-tile .wk-kind svg{width:13px;height:13px}.wk-grid .wk-tile .wk-acts>[data-work-menu]:before{inset:8px}.wk-grid .wk-tile :is(.wk-model,.wk-info){bottom:8px;left:8px;right:8px}.wk-grid .wk-tile .wk-model{gap:5px;font-size:11px;transform:translateY(-17px)}.wk-grid .wk-tile .wk-info{font-size:10.5px}.wk-grid .wk-tile .wk-tool-mk{width:16px}}@media (hover:hover) and (min-width:700px){.wk-tile[data-kind=audio] .wk-acts{flex-direction:row;gap:6px}.wk-tile[data-kind=audio] .wk-act{width:28px;height:28px;min-height:28px}.wk-tile[data-kind=audio] .wk-act svg{width:14px;height:14px}.wk-tile[data-kind=audio] .wk-act-like .fav-ico{width:15px;height:15px}}@container wk-card (max-width:199px){.wk-grid .wk-tile[data-kind=audio] .wk-act-recreate{display:none}}@container wk-card (max-width:170px){.wk-grid .wk-tile[data-kind=audio] .wk-act-dl{display:none}}@media (max-width:700px){.wk-info>span{display:none}}.wk-player{z-index:3;background:var(--lens-fill);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);transition:opacity .3s var(--ease);border-radius:16px;gap:4px;padding:8px 10px 6px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.wk-player-track{--p:0;--wk-bar-h:4px;align-items:center;display:grid;position:relative}.wk-player-track:before,.wk-player-track:after{content:"";height:var(--wk-bar-h);border-radius:var(--r-pill);pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wk-player-track:before{background:#8c8c928c;right:0;box-shadow:0 1px 3px #00000059}.wk-player-track:after{width:calc(var(--p) * 100%);background:var(--accent);color:var(--on-accent)}.wk-player-bar{z-index:1;width:100%;height:var(--wk-bar-h);border-radius:var(--r-pill);appearance:none;cursor:pointer;background:0 0;min-height:0;margin:0;position:relative}.wk-player-bar::-webkit-slider-thumb{background:var(--text-primary);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-line), 0 0 10px var(--accent-underglow);appearance:none;border-radius:50%}.wk-player-bar::-moz-range-thumb{background:var(--text-primary);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-line), 0 0 10px var(--accent-underglow);border:0;border-radius:50%}.wk-player-row{align-items:center;gap:4px;display:flex}.wk-player-btn svg,.wk-player-t{filter:drop-shadow(0 0 1.5px #0009)drop-shadow(0 1px 3px #00000073)}.wk-player-btn{width:28px;height:28px;min-height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover){.wk-player-btn:hover{background:var(--wk-btn-hover)}.wk-player-row>.wk-player-btn:first-child:hover{background:var(--accent-bright);color:var(--on-accent)}}.wk-player-btn svg{width:15px;height:15px}.wk-player-row>.wk-player-btn:first-child{background:var(--accent);color:var(--on-accent);box-shadow:0 0 12px var(--accent-underglow)}.wk-player-row>.wk-player-btn:first-child svg{filter:none}.wk-player-row>.wk-player-btn:first-child+.wk-player-btn{margin-inline-start:2px}@media (hover:none){.wk-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.wk-acts>[data-work-menu]{opacity:0;pointer-events:none}}.wk-player-btn:focus-visible,.wk-player-bar:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:none),(max-width:699px){.wk-player{display:none}}.wk-player-t{color:var(--text-primary);font:600 11.5px/1 var(--font-num), system-ui, sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-end:auto;padding-inline-start:4px}.wk-tile.is-state{cursor:default;--wk-glow:#ffffff1c;background:var(--st-frame);box-shadow:0 0 0 1px var(--wk-ring);animation:gen-in .32s var(--ease) both}.wk-tile.is-state[data-sheen=accent]{--wk-glow:color-mix(in srgb, var(--accent) 34%, transparent)}.wk-tile.is-state[data-sheen=red]{--wk-glow:var(--danger-underglow)}.wk-tile.is-state:before{content:"";background:radial-gradient(ellipse 85% 100% at 50% 0, var(--wk-glow), transparent 72%);pointer-events:none;background-size:auto;height:38%;animation:5s ease-in-out infinite wk-pulse;position:absolute;inset:0 0 auto}.wk-tile.is-state[data-sleep]:before{animation-play-state:paused}@keyframes wk-pulse{0%,to{opacity:.45}50%{opacity:1}}.wk-tile.is-state:after{content:none}@media (prefers-reduced-motion:reduce){.wk-tile.is-state,.wk-tile.is-state:before{animation:none}}.wk-state{text-align:start;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;inset:0}.wk-badges{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.wk-badge{background:var(--wk-chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:36px;color:var(--text-primary);box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);font:600 13.5px/1 var(--font-body), system-ui, sans-serif;white-space:nowrap;pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;display:inline-flex}.wk-badge svg{width:16px;height:16px}.wk-badge.is-icon{justify-content:center;width:36px;padding:0}.wk-badge.is-icon:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-badge.is-label:not(:has(.wk-badge-mark)){padding-inline-start:12px}.wk-badge-mark{place-items:center;width:24px;margin-inline-start:2px;display:grid}.wk-badge-mark .gen-mark,.wk-badge.is-mark .gen-mark{width:100%}.wk-badge.is-mark .gen-mark{width:22px}.wk-state .gen-status{box-shadow:none;color:inherit;background:0 0;border-radius:0;padding:0;font-size:13.5px;font-weight:600;display:block}.wk-tile[data-state=failed] .wk-badge.is-mark,.wk-tile[data-state=blocked] .wk-badge[data-badge=sensitive]{color:var(--wk-failed-ink)}.wk-missing{color:var(--text-muted);opacity:.45;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.wk-missing>*{width:28px;height:28px}.wk-note{max-width:100%;color:var(--text-muted);font:500 13.5px/1.45 var(--font-body), system-ui, sans-serif;align-items:flex-start;gap:8px;margin:0;display:flex}.wk-note svg{flex:none;width:14px;height:14px;margin-top:3px}.wk-blocked{pointer-events:auto;gap:6px;width:100%;margin-top:auto;margin-bottom:46px;display:grid}.wk-end-title{color:var(--text-primary);font:600 15px/1.3 var(--font-body), system-ui, sans-serif}.wk-msg{color:var(--text-primary);font:600 14px/1.35 var(--font-body), system-ui, sans-serif;margin:0}.wk-blocked .wk-prompt-text{color:var(--text-muted);font-size:13px;line-height:1.45}.wk-blocked .wk-prompt-more{color:var(--text-primary)}.wk-blocked-acts{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.wk-learn,.wk-fail-recreate{background:var(--wk-chip);height:36px;box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);color:var(--text-primary);font:500 13.5px/1 var(--font-body), system-ui, sans-serif;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;transition:background .2s;display:inline-flex}.wk-learn svg,.wk-fail-recreate svg{width:15px;height:15px}@media (hover){.wk-learn:hover,.wk-fail-recreate:hover,.wk-cancel:hover{background:var(--wk-chip-hi)}}.wk-learn:focus-visible,.wk-fail-recreate:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-blocked-acts .wk-learn,.wk-blocked-acts .wk-fail-recreate{flex:1;min-width:0}.wk-cancel{z-index:3;background:var(--wk-btn-hover);height:36px;color:var(--text-primary);font:500 13.5px/1 var(--font-body), system-ui, sans-serif;white-space:nowrap;cursor:pointer;pointer-events:auto;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:background .2s;display:inline-flex;position:absolute;bottom:12px;left:12px}.wk-cancel svg{width:15px;height:15px}.wk-cancel:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-nudge{z-index:3;background:var(--bg-2);width:100%;box-shadow:0 0 0 1px var(--wk-chip-edge);pointer-events:auto;border-radius:14px;gap:6px;margin-top:auto;padding:12px;display:grid;position:relative}.wk-nudge b{color:var(--text-primary);font:600 14px/1.3 var(--font-body), system-ui, sans-serif}.wk-nudge p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.4}.wk-nudge-cta{background:var(--text-primary);height:34px;color:var(--bg-0);font:600 13px/1 var(--font-body), system-ui, sans-serif;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.wk-nudge-cta svg{width:14px;height:14px}@media (max-width:700px){.wk-state{gap:8px;padding:10px}.wk-badge{height:32px;font-size:12.5px}.wk-badge.is-icon{width:32px}.wk-note{font-size:11.5px;line-height:1.35}.wk-note svg{display:none}.wk-note span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wk-blocked .wk-prompt{display:none}.wk-blocked .wk-msg{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.wk-end-title{font-size:13.5px}.wk-badge.is-label[data-badge=sensitive],.wk-badge.is-label[data-badge=refunded]{justify-content:center;gap:0;width:32px;padding:0;font-size:0}.wk-cancel{bottom:10px;left:10px}.wk-blocked{margin-bottom:44px}.wk-blocked-acts{bottom:10px;left:10px;right:10px}.wk-blocked-acts .wk-learn,.wk-blocked-acts .wk-fail-recreate{flex:none;gap:0;width:36px;padding:0;font-size:0}}.wk-loader work-loader{--ldr-bg:var(--bg-2);--ldr-bg-failed:color-mix(in srgb, var(--danger) 9%, var(--bg-2));--ldr-base:var(--bg-0);--ldr-fg:var(--text-primary);--ldr-muted:var(--text-muted);--ldr-error:var(--danger);--ldr-error-hi:var(--danger-text);--ldr-field:var(--text-secondary);--ldr-queued:var(--text-primary);--ldr-white:var(--text-primary);--ldr-accent:var(--accent);--ldr-warm:var(--brand);--ldr-cool:rgb(from var(--scene-cool) r g b);--ldr-font:var(--font-body), system-ui, sans-serif;--ldr-display:var(--font-display), system-ui, sans-serif;--ldr-mono:var(--font-mono), ui-monospace, monospace;min-height:0;position:absolute;inset:0}.wk-loader work-loader::part(label){box-sizing:border-box;text-align:center;white-space:normal}.wk-tile.is-loader:before{content:none}.wk-tile.is-loader .wk-state{gap:0;padding:0}.wk-tile.is-loader .wk-end-corners{justify-content:flex-end;gap:2px}.wk-tile.is-loader[data-gen-bucket=failed] :is(.wk-badges,.wk-blocked){margin-right:124px}.wk-tile.is-loader .wk-loader-top{pointer-events:auto;flex-direction:column;display:flex}.wk-tile.is-loader[data-gen-status=queued] :is(.wk-note,.wk-nudge){margin-right:112px}.wk-tile.is-loader .wk-state>:not(.wk-loader){z-index:1;position:relative}.wk-tile.is-loader .wk-loader{z-index:0;pointer-events:auto;position:absolute;inset:0}.wk-tile.is-loader .wk-cancel{inset:8px 8px auto auto}.wk-tile.is-loader .wk-badges{margin:0 14px 4px}.wk-tile.is-loader .wk-badges:not(:has(.wk-badge)){margin:0}.wk-tile.is-loader .wk-badge[data-badge=refunded]{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;height:auto;box-shadow:none;color:var(--text-muted);background:0 0;justify-content:flex-start;gap:6px;padding:0;font-size:13px;font-weight:500}.wk-tile.is-loader .wk-msg{font-size:13px;line-height:1.3}.wk-tile.is-loader .wk-msg[data-clamped]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wk-tile.is-loader .wk-blocked .wk-prompt-more{justify-self:start}.wk-tile.is-loader :is(.wk-note,.wk-nudge,.wk-blocked){align-self:stretch;width:auto;margin-inline:14px}.wk-tile.is-loader .wk-note{margin-block:0 4px;font-size:12.5px;line-height:1.3}.wk-tile.is-loader .wk-note>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wk-tile.is-loader :is(.wk-note,.wk-msg){color:var(--text-secondary);text-shadow:0 1px 8px #0009}.wk-tile.is-loader .wk-blocked{overscroll-behavior:contain;scrollbar-width:thin;flex:none;max-height:32%;margin-top:0;margin-bottom:4px;overflow-y:auto}.wk-end-pair{gap:2px;display:flex}.wk-end-corners{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:8px 8px auto}.wk-end-corners>*{pointer-events:auto}.wk-end-corners .wk-act{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--text-muted);background:0 0;transition:color .2s,background .2s}.wk-end-corners .wk-act[aria-expanded=true]{background:var(--wk-btn-hover);color:var(--text-primary)}@media (hover){.wk-end-corners .wk-act:hover{background:var(--wk-btn-hover);color:var(--text-primary)}}.wk-end-corners .wk-act svg{width:15px;height:15px}.wk-tile.is-loader .wk-nudge{margin-top:0;margin-bottom:14px}@container wk-card (max-width:304px){.wk-grid .wk-tile.is-loader[data-gen-bucket=failed] :is(.wk-blocked,.wk-blocked-acts,.wk-badge[data-badge=refunded]){display:none}}.wk-tile.is-loader:has(.wk-nudge) .wk-note{display:none}@container wk-card (max-width:399px){.wk-grid .wk-tile.is-loader .wk-nudge p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container wk-card (max-width:299px){.wk-grid .wk-tile.is-loader .wk-nudge{display:none}}@container wk-card (max-width:259px){.wk-grid .wk-tile.is-loader[data-gen-bucket=progress] :is(.wk-note,.wk-nudge){display:none}}@container wk-card (max-width:155px){.wk-grid .wk-tile.is-loader .wk-end-corners,.wk-grid .wk-tile.is-loader work-loader::part(retry),.wk-grid .wk-tile.is-loader .wk-badges{display:none}}.wk-entry-media work-loader::part(retry){display:none}@media (max-width:700px){.wk-tile.is-loader .wk-badges,.wk-tile.is-loader :is(.wk-note,.wk-nudge,.wk-blocked){margin-inline:10px}.wk-tile.is-loader .wk-note{margin-bottom:10px}.wk-tile.is-loader .wk-blocked{margin-bottom:4px}}.wk-list{--wk-cols:minmax(0, 1.2fr) minmax(0, 1fr)}.wk-list .wk-day+.wk-day{margin-top:18px}.wk-list .wk-day-head{margin-bottom:14px}.wk-entries{gap:14px;margin:0;padding:0;list-style:none;display:grid}.wk-entry{grid-template-columns:var(--wk-cols);align-items:stretch;gap:12px;display:grid}.wk-entry-media{min-width:0}.wk-entry-media .wk-tile{aspect-ratio:4/3}.wk-entry-panel{background:var(--wk-tile-bg);min-width:0;box-shadow:0 0 0 1px var(--wk-ring);color:var(--text-secondary);border-radius:18px;flex-direction:column;gap:14px;padding:16px 18px;font-size:13px;display:flex;position:relative}.wk-entry-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.wk-entry-model{min-width:0;color:var(--text-primary);font:600 13.5px/1.2 var(--font-body), system-ui, sans-serif;align-items:center;gap:8px;display:inline-flex}.wk-entry-model b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wk-entry-head time{color:var(--text-muted);font:500 12px/1.2 var(--font-num,var(--font-body)), system-ui, sans-serif;white-space:nowrap;flex:none}.wk-prompt{gap:6px;min-width:0;display:grid}.wk-prompt-text{--lines:3;color:var(--text-primary);font:400 13.5px/1.5 var(--font-body), system-ui, sans-serif;overflow-wrap:anywhere;white-space:pre-line;margin:0}.wk-prompt-text[data-clamped]{-webkit-line-clamp:var(--lines);line-clamp:var(--lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wk-prompt .gd-ref-mention{background:var(--wk-btn-hover);min-height:0;box-shadow:0 0 0 1px var(--wk-chip-edge);color:var(--text-primary);border-radius:6px;padding:0 6px;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.wk-prompt-more{height:24px;min-height:0;color:var(--text-secondary);font:500 12.5px/1 var(--font-body), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}@media (hover){.wk-prompt-more:hover{color:var(--text-primary)}.wk-entry-recreate:hover{background:var(--wk-chip-hi)}}.wk-prompt-more:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-entry-refs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wk-entry-refs li{background:var(--bg-2);width:54px;height:54px;box-shadow:0 0 0 1px var(--wk-chip-edge);color:var(--text-muted);border-radius:10px;place-items:center;font-size:10px;display:grid;overflow:hidden}.wk-entry-refs img,.wk-entry-refs video{object-fit:cover;width:100%;height:100%}.wk-entry-chips{flex-wrap:wrap;gap:6px;display:flex}.wk-chip{background:var(--bg-2);height:26px;box-shadow:0 0 0 1px var(--wk-chip-edge);color:var(--text-secondary);font:500 12px/1 var(--font-num,var(--font-body)), system-ui, sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.wk-chip svg{width:13px;height:13px}.wk-frame{border:1.5px solid;border-radius:3px;display:inline-block}.wk-entry-foot{align-items:center;gap:8px;margin-top:auto;display:flex}.wk-entry-recreate{background:var(--bg-2);height:36px;box-shadow:inset 0 1px 1px var(--wk-chip-light), 0 0 0 1px var(--wk-chip-edge);color:var(--text-primary);font:500 13.5px/1 var(--font-body), system-ui, sans-serif;border-radius:999px;align-items:center;gap:8px;margin-inline-end:auto;padding:0 16px;text-decoration:none;transition:background .2s;display:inline-flex}.wk-entry-recreate svg{width:15px;height:15px}.wk-entry-recreate:focus-visible{box-shadow:var(--focus-ring);outline:none}.wk-act-plain{background:var(--bg-2)}@media (max-width:900px){.wk-entry{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.wk-sec[data-compact]:has(.wk-day-head){position:relative}.wk-sec[data-compact]:has(.wk-day-head)>.wk-bar{z-index:2;top:0;min-height:0;margin:0;position:absolute;inset-inline-end:0}.wk-sec[data-compact] :is(.gen-grid>.wk-day-head:first-child,.wk-list>.wk-day:first-child>.wk-day-head){min-height:36px;margin-top:0;padding-inline-end:96px}}.st-bar-end{margin-inline-start:auto;display:inline-flex}.st-bar-end:empty,.st-work:not([data-active-view=history]) .st-bar-end{display:none}html[data-signed] .st-work[data-view-pending]>.st-view[data-view=history]{display:block}html[data-signed] .st-work[data-view-pending]>.st-view:not([data-view=history]){display:none}@media (min-width:768px) and (max-width:920px){html[data-signed] .st-work:is([data-active-view=history],[data-view-pending]) .st-bar-end{flex:0 0 100%;justify-content:flex-end;min-height:40px;display:flex}}img[data-transparent]{background-color:var(--bg-3);background-image:linear-gradient(45deg, var(--bg-5) 25%, transparent 25% 75%, var(--bg-5) 75%), linear-gradient(45deg, var(--bg-5) 25%, transparent 25% 75%, var(--bg-5) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.wk-tile .wk-ap{z-index:2;width:auto;position:absolute;top:50%;left:12px;right:12px;translate:0 -50%}@media (hover:none),(max-width:699px){.wk-masonry .wk-tile[data-kind=audio] .wk-kind{display:none}.wk-masonry .wk-tile[data-kind=audio] :is(.wk-model,.wk-info){inset:6px 44px auto 10px;overflow:hidden}.wk-masonry .wk-tile[data-kind=audio] .wk-model{transform:none}.wk-masonry .wk-tile[data-kind=audio] .wk-model>span:last-child{-webkit-line-clamp:1}.wk-masonry .wk-tile[data-kind=audio] .wk-info{top:23px}.wk-masonry .wk-tile[data-kind=audio] .wk-acts{top:0}.wk-masonry .wk-tile[data-kind=audio] .wk-ap{height:40px;padding:2px 2px 2px 12px;inset:auto 4px 4px;translate:none}.wk-tile .wk-ap .ap-play{position:relative}.wk-tile .wk-ap .ap-play:after{content:"";border-radius:50%;position:absolute;inset:-4px}}@media (hover:none){.wk-masonry:not(.is-selecting) .wk-tile[data-kind=audio] :is(.wk-model,.wk-info){right:10px}}@media (prefers-reduced-motion:reduce){.wk-day-check{animation:none}}
.wk-grid{--wk-gap:12px}@media (max-width:700px){.wk-grid{--wk-gap:10px}}.wk-grid.wk-masonry{display:block}.wk-grid[data-guess]{visibility:hidden;animation:0s 1.5s forwards wk-guess}@keyframes wk-guess{to{visibility:visible}}.wk-cols{align-items:flex-start;gap:var(--wk-gap);margin-bottom:var(--wk-gap);display:flex}.wk-cols:last-child{margin-bottom:0}.wk-col{gap:var(--wk-gap);flex:1;align-content:start;min-width:0;display:grid}.wk-masonry .wk-tile{width:100%}
.is-sk{pointer-events:none}.st-more.is-sk .st-btn,.wk-ctl.is-sk .sk{color:#0000;box-shadow:none;background:#ffffff0e;border-color:#0000}.wk-ctl.is-sk .wk-filter-btn{box-shadow:none}.sk-hist .wk-sk-media{aspect-ratio:4/3;border-radius:18px;width:100%;display:block}.sk-hist.wk-grid{--k:var(--wk-pre-k)}.sk-hist.wk-list{--wk-cols:var(--wk-pre-cols);display:none}html[data-wk-view=list] .sk-hist.wk-list{display:block}html[data-wk-view=list] .sk-hist.wk-grid{display:none}html[data-wk-stale] [data-wk-ssr]{visibility:hidden}.sk-in-part .preset-grid,.sk-in-part .st-chips,.sk-in-part .st-masonry{animation:.4s both sk-in}@media (prefers-reduced-motion:reduce){.sk-in-part .preset-grid,.sk-in-part .st-chips,.sk-in-part .st-masonry{animation:none}}
@media (max-width:700px){.st-studio:not([data-wide])>.st-panel .cmp-bench[data-layout=studio] .cmp-inner{box-shadow:none;background:0 0;border:0;padding:0}.st-studio:not([data-wide])>.st-panel .cmp-bench[data-layout=studio] .cmp-inner:before{-webkit-backdrop-filter:none;backdrop-filter:none}.st-studio:not([data-wide])>.st-panel .cmp-bench[data-layout=studio] .cmp-inner:after,.st-studio:not([data-wide])>.st-panel .cmp-bench[data-layout=studio] .cmp-glow:after{content:none}.st-info .hero-head h1{font-size:clamp(22px,5.4vw,26px)}.st-work{background:0 0;border:0;border-radius:0;min-height:0;padding:0}.st-work:before,.st-work-dust{display:none}.st-work>.st-view:not([hidden]):empty{min-height:100svh}.st-bar{gap:6px}.st-views.cap{--pt:10px;flex:none}}
[data-focus-hint]{animation:st-focus-hint 1.1s var(--ease) 2;border-radius:16px}@keyframes st-focus-hint{0%,to{box-shadow:0 0 #fff0}45%{box-shadow:0 0 0 2px var(--text-primary), 0 0 28px #ffffff38}}@media (prefers-reduced-motion:reduce){[data-focus-hint]{animation:none;box-shadow:0 0 0 2px var(--text-primary)!important}}
.hw{padding:clamp(28px,6vh,88px) clamp(8px,1.8vw,36px) clamp(12px,1.6vw,28px)}.hw-head{max-width:760px;margin-bottom:clamp(22px,2.6vw,40px)}.hw-title{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(28px,2.7vw,50px);line-height:1}.hw-sub{color:var(--text-secondary);margin:12px 0 0;font-size:15px;line-height:1.5}.hw-tag{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.hw-tag .ui-icon{color:var(--text-secondary)}.hw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,28px);margin:0;padding:0;list-style:none;display:grid}.hw-step{min-width:0}.hw--stage{padding-top:0}.hw--stage>.hw-example{margin-top:0}.hw-line{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:16px;display:flex}.hw-line .hw-head{display:contents}.hw-line .hw-tag{margin:0;font-size:12px}.hw-line .hw-title{font-size:clamp(18px,1.5vw,24px);line-height:1.15}.hw-line .hw-sub{flex:0 auto;min-width:200px;max-width:46ch;margin:0;font-size:14px;line-height:1.4}.hw-line .st-spot-ins{margin:0}.hw-line .hw-cta{margin:0;margin-inline-start:auto}@media (max-width:700px){.hw-line{gap:8px 14px;margin-top:12px}.hw-line .hw-tag{display:none}.hw-line .hw-title{flex:100%;font-size:18px}.hw-line .hw-sub{flex:100%;min-width:0}.hw-line .hw-cta{margin-inline-start:0}}.hw.hw--stage[data-layout=under]{padding-top:0}.hw[data-layout=under]>.hw-head{margin-top:clamp(18px,2vw,28px)}.hw[data-layout=under] .hw-steps{counter-reset:hw-step;gap:14px}.hw-step--under{counter-increment:hw-step;border:1px solid var(--st-frame-edge);background:var(--white-glow-soft);border-radius:20px;padding:14px}.hw-step--under:before{content:counter(hw-step);background:var(--text-primary);width:28px;height:28px;color:var(--bg-0);border-radius:50%;place-items:center;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1;display:grid}@media (max-width:700px){.hw-step--under{grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.hw-step--under:before{margin:0}.hw-step--under .hw-d{grid-column:2;margin-top:4px}}.hw-step.mg-card{border-radius:24px;padding:10px 10px 18px}.hw-step.mg-card .hw-media{border-radius:16px}.hw-step.mg-card>:not(.hw-media){margin-inline:10px}.hw-lead{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;margin-bottom:6px;display:flex}.hw-lead .hw-n{margin:0}.hw-idle{color:var(--text-muted);place-items:center;display:grid;position:absolute;inset:0}.hw-ico{color:var(--text-muted)}.hw-media{aspect-ratio:4/3;background:var(--st-frame);box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi);border-radius:20px;display:block;position:relative;overflow:hidden}.hw-n{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.14em;margin:16px 0 6px;font-size:12px;font-weight:600;display:block}.hw-t{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:17px;line-height:1.2}.hw-d{color:var(--text-secondary);margin:6px 0 0;font-size:14px;line-height:1.45}.hw-more{color:var(--text-secondary);margin:clamp(28px,3vw,48px) 0 0;font-size:14px}.hw-example{margin-top:clamp(22px,2.4vw,36px)}.hw-cta{margin:clamp(20px,2.4vw,32px) 0 0}.hw-try{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--white-glow-soft);min-height:38px;color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);align-items:center;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}@media (hover){.hw-try:hover{border-color:var(--text-secondary)}}.hw-try:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (min-width:1101px){.st-view>.hw{flex-direction:column;flex:1 0 auto;display:flex}.hw-more{margin-top:auto;padding-top:28px}.st-grid:not([data-wide]) .st-view>.hw--stage{width:100%;max-width:min(100%,44vw,660px);margin-inline:auto}.st-grid:not([data-wide]) .st-view>.hw--stage>.hw-example:first-child{margin-top:auto}}@media (max-width:700px){.hw{padding:22px 2px 6px}.hw-steps{grid-template-columns:minmax(0,1fr);gap:26px}.hw-media{aspect-ratio:16/10}.hw-n{margin-top:12px}.hw-step.mg-card{border-radius:20px;padding:8px 8px 16px}.hw-lead{margin-top:12px}}.hw{--hw-cyc:9s}@media (prefers-reduced-motion:no-preference){.hw[data-live] .hw-media{animation-duration:var(--hw-cyc);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--ease)}.hw:not([data-live]) .hw-media{animation-play-state:paused}.hw[data-live] .hw-step:first-child .hw-media{animation-name:hw-act1}.hw[data-live] .hw-step:nth-child(2) .hw-media{animation-name:hw-act2}.hw[data-live] .hw-step:nth-child(3) .hw-media{animation-name:hw-act3}}@keyframes hw-act1{0%,30%,to{box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi)}3%,27%{box-shadow:0 0 0 2px var(--accent), 0 0 28px var(--accent-underglow)}}@keyframes hw-act2{0%,30%,62%,to{box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi)}33%,59%{box-shadow:0 0 0 2px var(--accent), 0 0 28px var(--accent-underglow)}}@keyframes hw-act3{0%,62%,to{box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi)}65%,96%{box-shadow:0 0 0 2px var(--accent), 0 0 28px var(--accent-underglow)}}.hw[hidden],.st-view>.hw[hidden]{display:none}
.hw-stage{--hw-off:290px;isolation:isolate;width:100%;max-width:min(100%, 1700px, max(calc((100svh - var(--hw-off)) * 16 / 9), 320px));margin:16px 0;position:relative}.hw-glow{z-index:-1;filter:blur(56px)saturate(1.7);opacity:.34;pointer-events:none;border-radius:48px;width:104%;height:114%;position:absolute;top:-5%;left:-2%;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.hw-screen{border-radius:30px;position:relative}.hw-clip{--card-ring:0 0 0 1px #fff3, inset 0 1px 0 var(--sn-tool-hi), 0 30px 80px -20px #000000b3;border-radius:30px;margin:0;position:relative;overflow:hidden}.hw-clip img,.hw-clip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hw-ui{z-index:3;border-radius:var(--r-pill);transition:opacity .32s var(--ease), transform .32s var(--ease);gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}.hw-ui[data-idle]{opacity:0;pointer-events:none;transform:translateY(6px)}.hw-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-content:center;place-items:center;padding:0;line-height:0;display:inline-grid}@media (hover){.hw-btn:hover{color:var(--text-primary);background:#ffffff24}.hw-big:hover{background:#ffffff29}}.hw-btn:focus-visible,.hw-big:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.hw-big{z-index:3;border-radius:var(--r-pill);min-height:44px;color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:0 22px 0 16px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:900px){.hw-glow{width:102%;left:-1%}}@media (max-width:700px){.hw-stage{margin-top:0}.hw-glow{width:100%;left:0}.hw-screen,.hw-clip{border-radius:18px}.hw-ui{bottom:10px;right:10px}.hw-btn{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.hw-ui,.hw-btn,.hw-big{transition:none}}
.hw-watch{gap:8px}[data-how-watch-modal] .si-shell{max-width:980px}.si-body.hw-watch-body{margin-top:0}.hw-watch-body .hw-stage{--hw-off:160px;margin:0}.hm-bar{background:var(--st-frame);border-radius:0 0 28px 28px;justify-content:center;align-items:stretch;min-height:clamp(96px,8.4vw,124px);margin:clamp(34px,4vw,64px) calc(-1*clamp(8px,1.8vw,36px)) calc(-1*clamp(12px,1.6vw,28px));padding:0 clamp(16px,2vw,32px);display:flex;position:relative;overflow:hidden}.hm-bar:has(.hw-watch){padding-inline-end:calc(clamp(16px,2.4vw,40px) + 250px)}.hm-bar-link{color:inherit;align-items:stretch;gap:clamp(18px,2.4vw,40px);text-decoration:none;display:flex}.hm-bar-link:after{content:"";z-index:1;position:absolute;inset:0}.hm-bar-link:focus-visible{outline:none}.hm-bar-link:focus-visible:after{box-shadow:var(--focus-ring-in);border-radius:0 0 28px 28px}.hm-bar-t{align-content:center;gap:4px;display:grid}.hm-bar-t b{color:var(--text-primary);font-size:clamp(15px,1.2vw,17px);font-weight:600;line-height:1.2}.hm-bar-t span{color:var(--text-secondary);transition:color var(--dur-base) var(--ease);font-size:14px}.hm-bar:is(:focus-visible,:has(:focus-visible)) .hm-bar-t span{color:var(--text-primary)}@media (hover){.hm-bar:hover .hm-bar-t span{color:var(--text-primary)}.hm-bar:hover .hm-thumb{opacity:1;transform:translateY(0)rotate(-12deg)}.hm-bar:hover .hm-thumb:nth-child(2){transform:translateY(-14%)}}.hm-stack{flex:none;align-self:stretch;width:clamp(112px,10.5vw,160px);position:relative;overflow:hidden}.hm-thumb{--w:clamp(42px, 4vw, 60px);width:var(--w);aspect-ratio:3/4;border:2px solid var(--st-frame);background:var(--st-frame-edge);opacity:.5;transition:transform .55s var(--ease-spring), opacity var(--dur-base) var(--ease);border-radius:12px;position:absolute;bottom:0;left:4%;overflow:hidden;transform:translateY(32%)rotate(-9deg)}.hm-thumb:nth-child(2){z-index:1;left:31%;transform:translateY(42%)}.hm-thumb:nth-child(3){left:56%;transform:translateY(36%)rotate(9deg)}.hm-bar:is(:focus-visible,:has(:focus-visible)) .hm-thumb{opacity:1;transform:translateY(0)rotate(-12deg)}.hm-bar:is(:focus-visible,:has(:focus-visible)) .hm-thumb:nth-child(2){transform:translateY(-14%)}.hm-bar:is(:focus-visible,:has(:focus-visible)) .hm-thumb:nth-child(3){transform:translateY(6%)rotate(12deg)}@media (hover){.hm-bar:hover .hm-thumb:nth-child(3){transform:translateY(6%)rotate(12deg)}}.hm-bar .hw-watch{z-index:2;top:50%;margin:0;position:absolute;inset-inline-end:clamp(16px,2.4vw,40px);transform:translateY(-50%)}@media (max-width:700px){.hm-bar:has(.hw-watch){padding-inline-end:16px}.hm-bar{border-radius:0 0 22px 22px;flex-direction:column;align-items:stretch;gap:14px;padding:0 16px 16px}.hm-bar-link{justify-content:center;align-items:stretch;gap:14px;min-height:84px}.hm-bar .hw-watch{align-self:center;position:static;transform:none}}@media (min-width:1101px){.st-view>.hw>.hm-bar{margin-top:auto}}@media (min-width:701px){.hw[data-layout] .hm-bar{margin-inline:-16px}}
.hw[data-layout]{padding:clamp(28px,5vh,64px) 16px 0}.hw[data-layout] .hw-head{max-width:none;margin-bottom:clamp(24px,2.4vw,32px)}.hw[data-layout] .hw-title{font-size:clamp(24px,2.3vw,34px);line-height:1}.hw[data-layout] .hw-sub{max-width:70ch;margin-top:8px;font-size:14px;line-height:20px}.hw[data-layout=cards] .hw-head{text-align:center}.hw[data-layout=cards] .hw-sub{margin-inline:auto}.hw[data-layout] .hw-media{aspect-ratio:4/3;box-shadow:none;container-type:inline-size}.hw[data-layout][data-live] .hw-steps .hw-step .hw-media{animation:none}.hw-step--tiles .hw-media{background:var(--st-frame);border-radius:16px}.hw-step--tiles .hw-t{margin:16px 0 8px;font-size:clamp(16px,1.45vw,20px);line-height:1.15}.hw-step--tiles .hw-d{max-width:34ch;margin:0;font-size:14px;line-height:20px}.hw[data-layout=tiles] .hw-steps{gap:clamp(20px,2.8vw,40px)}.hw-step--cards{background:var(--st-frame);border:1px solid var(--line);border-radius:clamp(24px,2.2vw,32px);padding:clamp(20px,2.4vw,36px)}.hw-step--cards .hw-t{letter-spacing:-.01em;text-transform:none;margin:0;font-size:clamp(20px,2vw,30px);font-weight:500;line-height:1.1}.hw-step--cards .hw-d{max-width:30ch;margin:8px 0 clamp(18px,2vw,28px);font-size:14px;line-height:20px}.hw-step--cards .hw-media{background:var(--bg-0);border-radius:clamp(18px,1.6vw,24px)}.hw-steps[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}@media (max-width:700px){.hw-steps[data-count="2"]{grid-template-columns:minmax(0,1fr)}}.hm-stage{position:absolute;inset:0}.hm-slot{--glow:0;place-items:center;display:grid;position:absolute;inset:0}.hm-slot .cx-slot-w{transform:scale(1.3)}.hm-slot .cx-slot{border-color:color-mix(in oklab, var(--accent) calc(var(--glow) * 100%), var(--line));box-shadow:0 0 calc(26px * var(--glow)) calc(4px * var(--glow)) var(--accent-underglow)}.hm-photo{--ar:1.78;--lift:0;z-index:2;width:min(44cqw, calc(var(--ar) * 30cqw));will-change:transform, opacity, filter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.hm-pic{aspect-ratio:var(--ar);border:2px solid color-mix(in oklab, var(--accent) calc(var(--lift) * 100%), var(--text-primary));background:var(--st-frame);box-shadow:0 calc(10px + 14px * var(--lift)) calc(18px + 20px * var(--lift)) calc(-10px - 6px * var(--lift)) var(--bg-0);border-radius:10px;display:block;position:relative;overflow:hidden}.hm-pic img,.hm-still img,.hm-out video,.hm-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hm-play{color:var(--text-primary);place-items:center;display:grid;position:absolute;inset:0}.hm-play svg{fill:var(--text-primary)}.hm-ok{z-index:3;background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.hm-hand{z-index:5;opacity:0;pointer-events:none;width:30px;height:30px;filter:drop-shadow(0 3px 4px var(--bg-0));will-change:transform, opacity;position:absolute;top:50%;left:50%}.hm-hand>span{place-items:center;display:grid;position:absolute;inset:0}.hm-hand .ui-icon{--icon-lg:30px}.hm-hand svg{fill:var(--text-primary);stroke:var(--bg-0);stroke-width:1.2px}.hm-loop video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.hm-cmp{--k:1;box-sizing:border-box;width:calc(100% / var(--k));height:calc(100% / var(--k));transform:scale(var(--k));transform-origin:0 0;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:0;left:0}.hm-box{background:var(--kit-fill-soft);border-radius:18px;flex-direction:column;flex:auto;min-height:0;padding:10px 10px 8px;display:flex}.hm-box .cx-st-inline{margin-top:auto}.hm-box .rc-chip.cmp-enh{min-width:150px}.hm-optrow{will-change:transform, opacity;flex:none}:is(.hm-cmp,.hm-sp-pan) .cx-st-opts .cx-bt{background:var(--kit-fill);pointer-events:none;border-radius:14px;justify-content:center;height:48px;font-size:15px}:is(.hm-cmp,.hm-sp-pan) .cx-st-opts .hm-optpill{text-align:center;white-space:normal;flex:1 1 0;min-width:0;line-height:1.15}:is(.hm-cmp,.hm-sp-pan) .hm-gear{flex:none;width:52px;padding:0}.hm-type{-webkit-line-clamp:2;min-height:2.9em;color:var(--text-on-glass);-webkit-box-orient:vertical;padding-inline:6px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.hm-w{white-space:pre;will-change:opacity, transform, filter;display:inline-block}.hm-caret{vertical-align:-.15em;background:var(--text-primary);width:2px;height:1.05em;margin-inline-start:2px;display:inline-block}.btn-primary.cmp-generate.cx-send.hm-send{--wave:0;border-radius:var(--r-pill);pointer-events:none;flex:none;width:100%;min-width:0;height:48px;min-height:48px;margin:0;padding:0 20px;font-size:16px;font-weight:600;position:relative}.hm-send:after{content:"";border-radius:inherit;box-shadow:0 0 0 calc(18px * var(--wave)) color-mix(in oklab, var(--accent) calc((1 - var(--wave)) * 55%), transparent);pointer-events:none;position:absolute;inset:0}.hm-out{--ar:1.78;--frame:1;margin-top:calc((100cqw - 24px) / var(--ar) / -2);aspect-ratio:var(--ar);background:var(--st-frame);box-shadow:0 0 0 calc(3px * var(--frame)) var(--text-primary);will-change:transform;border-radius:14px;position:absolute;top:50%;left:12px;right:12px;overflow:hidden}.hm-out[data-tall]{width:calc((75cqw - 24px) * var(--ar));margin:calc(-37.5cqw + 12px) auto 0;left:0;right:0}.hm-still{will-change:transform, filter;position:absolute;inset:0}.hm-out video{opacity:0}.hm-melt{z-index:2;opacity:0;pointer-events:none;position:absolute;inset:0}.hm-melt .wk-loader{position:absolute;inset:0}.hm-pill{--ring:0;border-radius:var(--r-pill);background:var(--st-frame-edge);width:46cqw;box-shadow:0 0 0 calc(2px * var(--ring)) color-mix(in oklab, var(--accent) calc(var(--ring) * 100%), transparent), 0 0 calc(24px * var(--ring)) var(--accent-underglow);opacity:.55;will-change:transform, opacity, filter;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex;position:absolute;top:6%;left:4cqw}.hm-pill:nth-child(2){top:14%;left:50cqw}.hm-pill:nth-child(3){top:38%;left:26cqw}.hm-pill:nth-child(4){top:66%}.hm-pill:nth-child(5){top:60%;left:50cqw}.hm-pill.is-pick{--ring:1;opacity:1;transform:scale(1.14)}.hm-dot{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.hm-pill b{-webkit-line-clamp:2;overflow-wrap:anywhere;min-width:0;color:var(--text-primary);-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.hm-ttl{color:var(--text-primary);font:500 14px/20px var(--font-body),system-ui,sans-serif;align-items:center;gap:8px;padding-inline:6px;display:flex}.hm-ttl i{border-radius:var(--r-pill);background:color-mix(in oklab,var(--bg-0) 60%,transparent);color:var(--text-secondary);font:500 10.5px/14px var(--font-body),system-ui,sans-serif;padding:3px 8px}.hm-sp-pan .hm-vrow .cx-bt{border-radius:12px;height:40px}.hm-sp-pan .cx-st-opts .hm-model{flex:1 1 0;justify-content:space-between;min-width:0;height:62px;padding-inline:14px}.hm-mt{text-align:start;gap:2px;display:grid}.hm-mt small{color:var(--text-muted);font-size:12px;line-height:1}.hm-sk{background:var(--kit-fill-hover);border-radius:6px;width:96px;height:12px;margin-block:2px;display:block}
.hw[data-layout=cards] .hw-step--cards .hw-media{aspect-ratio:5/4}.hm-voices{background:var(--bg-0);overflow:hidden}.hm-vg{background:radial-gradient(62% 52% at 22% 108%, var(--accent-line), transparent 72%), radial-gradient(48% 40% at 20% 106%, var(--accent-line), transparent 72%), radial-gradient(52% 46% at 94% 10%, var(--accent-underglow), transparent 70%), radial-gradient(75% 60% at 55% 55%, var(--accent-wash-hi), transparent 75%);will-change:transform;position:absolute;inset:-12%}.hm-vp{border-radius:var(--r-pill);background:color-mix(in oklab, var(--bg-0) 46%, transparent);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-primary);white-space:nowrap;will-change:transform, opacity, filter;align-items:center;gap:.5em;padding:.28em 1.5em .28em .28em;font-size:4.6cqw;display:flex;position:absolute;top:0;left:0}.hm-vp.is-pick{box-shadow:inset 0 0 0 1px var(--accent-line)}.hm-vp-ico{--hue:0;background:var(--accent);width:2.5em;height:2.5em;color:var(--on-accent);filter:hue-rotate(calc(var(--hue) * 1deg));border-radius:50%;flex:none;place-items:center;display:grid}.hm-vp-ico .ui-icon{--icon-size:1.15em}.hm-vp-face{background:var(--st-frame);width:2.5em;height:2.5em;box-shadow:0 0 0 .12em var(--bg-0);border-radius:50%;flex:none;margin-inline-start:-1em;position:relative;overflow:hidden}.hm-vp-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hm-vp-t{gap:.18em;display:grid}.hm-vp-t b{font-size:1.08em;font-weight:600;line-height:1}.hm-vp-t small{color:var(--text-secondary);font-size:.6em;line-height:1}.hm-sp{background:radial-gradient(80% 55% at 50% 112%, var(--accent-wash), transparent 70%);overflow:hidden}.hm-sp-pan{box-sizing:border-box;background:var(--kit-fill-soft);width:320px;box-shadow:inset 0 0 0 1px var(--line);transform-origin:0 0;will-change:transform, opacity;border-radius:24px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:0;left:0}.hm-sp-pan>.hm-box{flex:none;min-height:96px}.hm-sp-pan .hm-optpill{gap:8px}
.he{grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px;width:100%;max-width:700px;margin:0 auto;display:grid}@media (min-width:1536px){.he{max-width:max(700px,min(1280px,177.778vh - 46.2222rem))}}.he-stage{aspect-ratio:16/9;background:var(--st-frame);width:100%;box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi);border-radius:16px;position:relative;overflow:hidden}.he-stage img,.he-stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.he-stage[data-tall] img,.he-stage[data-tall] video{object-fit:contain}.he-stage[data-soon] img{opacity:.55}.he-text{text-align:center;max-width:590px;min-height:96px}.he-text .hw-t{font-size:clamp(20px,2vw,28px);line-height:1.1}.he-text .hw-d{margin-inline:auto}
.hw--video-motion>.hw-head{display:none}.hl{gap:12px;width:100%;display:grid}.hl-hero{box-sizing:border-box;background:var(--st-frame);min-height:270px;box-shadow:0 0 0 1px var(--st-frame-edge);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex;overflow:hidden}.hl .hw-title.hl-title{margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.2}.hl-key{background:var(--accent-wash);color:var(--accent);-webkit-text-fill-color:var(--accent);padding:0 6px;display:inline-block;position:relative}.hl-key i{border:0 solid var(--accent);transform-origin:0 0;border-width:2px 0 0 2px;width:10px;height:10px;position:absolute;top:3px;left:0}.hl-key i:nth-of-type(2){transform-origin:100% 0;border-width:2px 2px 0 0;left:auto;right:0}.hl-key i:nth-of-type(3){transform-origin:0 100%;border-width:0 0 2px 2px;top:auto;bottom:3px}.hl-key i:nth-of-type(4){transform-origin:100% 100%;border-width:0 2px 2px 0;inset:auto 0 3px auto}.hl-hero[data-live] .hl-key i{animation:2s ease-in-out infinite hl-bracket}@keyframes hl-bracket{50%{transform:scale(1.15)}}.hl-copy{max-width:480px}.hl-sub{max-width:372px;color:var(--text-secondary);margin:16px 0 0;font-size:16px;line-height:24px}.hl-stage{aspect-ratio:16/9;flex:none;width:min(380px,44%);margin-inline-end:16px;position:relative;container-type:inline-size}.hl-stage:before{content:"";background:radial-gradient(closest-side, var(--bloom-mid), transparent);position:absolute;inset:3% -7%}.hl-rings,.hl-rings:before,.hl-rings:after{border:1px solid var(--accent);outline:1px solid var(--accent);outline-offset:12.6cqw;border-radius:50%}.hl-rings{aspect-ratio:1;opacity:.08;width:25.2cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hl-rings:before,.hl-rings:after{content:"";position:absolute;inset:-25.2cqw}.hl-rings:after{outline:0;inset:-50.4cqw}.hl-card{--dx:0cqw;--rot:0deg;aspect-ratio:2/3;background:var(--st-frame);width:34cqw;box-shadow:0 0 0 1px var(--st-frame-edge), 0 18px 36px -18px var(--bg-0);transform:translate(-50%, -50%) translateX(var(--dx)) rotate(var(--rot));border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden}.hl-card img,.hl-card video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hl-card[data-role=photo]{--dx:-31cqw;--rot:-6deg}.hl-card[data-role=photo] img{object-position:15% 50%}.hl-card[data-role=motion]{--dx:31cqw;--rot:6deg}.hl-card[data-role=motion] img{transform-origin:50% 10%;transform:scale(1.6)}.hl-card[data-role=result]{z-index:1;width:36cqw}.hl-play{background:var(--bg-0);width:34px;height:34px;color:var(--text-primary);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:700px){.hl-hero{display:none}}@media (min-width:701px){.he[data-how-slides]{display:none}}
.sl-nav{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.sl-arrow{border:1px solid var(--line);background:var(--st-btn);width:48px;height:48px;min-height:48px;color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover){.sl-arrow:hover{background:var(--st-btn-hi)}.sl-dot:hover img{opacity:1}}.sl-arrow:active{transform:scale(.94)}.sl-arrow:disabled{opacity:.4;cursor:default}.sl-arrow:focus-visible,.sl-dot:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.sl-dots{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--st-btn);align-items:center;gap:4px;height:56px;margin:0;padding:0 10px;list-style:none;display:flex}.sl-dot{border:1px solid var(--st-frame-edge);border-radius:var(--r-pill);background:var(--st-frame);cursor:pointer;width:36px;height:36px;min-height:36px;transition:width var(--dur-base) var(--ease), height var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);padding:0;display:block;position:relative;overflow:hidden}.sl-dot img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:opacity var(--dur-fast) var(--ease);position:absolute;inset:0}.sl-dot[aria-current]{border:1.5px solid var(--text-primary);width:64px;height:48px}.sl-dot[aria-current] img{border-radius:var(--r-pill);opacity:1;width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.sl-dot[data-soon] img{opacity:.4}.sl-soon{color:var(--text-primary);text-align:center;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1;display:none;position:absolute;inset:auto 0 6px}.sl-dot[aria-current] .sl-soon{display:block}.sl-arrow :is(.ui-icon,svg){width:24px;height:24px;line-height:0;display:block}@media (min-width:768px){.sl-arrow{width:60px;height:60px}.sl-arrow :is(.ui-icon,svg){width:36px;height:36px}.sl-dots{gap:8px;height:60px}.sl-dot[aria-current]{width:80px}}@media (prefers-reduced-motion:reduce){.sl-dot,.sl-arrow{transition:none}}.hs{grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;width:100%;max-width:640px;margin:0 auto;display:grid}.hs-visual{aspect-ratio:16/9;align-content:center;width:100%;display:grid}.hs-visual[data-kind=pair]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.hs-frame{aspect-ratio:16/9;background:var(--st-frame);box-shadow:0 0 0 1px var(--st-frame-edge), inset 0 1px 0 var(--sn-tool-hi);border-radius:20px;position:relative;overflow:hidden}.hs-visual[data-kind=pair] .hs-frame{border-radius:14px}.hs-frame img,.hs-frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hs-tag{top:8px;border-radius:var(--r-pill);background:var(--bg-0);color:var(--text-primary);padding:2px 8px;font-size:11px;font-weight:600;position:absolute;inset-inline-start:8px}.hs-link{background:var(--white-glow-soft);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.hs-text{text-align:center;max-width:52ch;min-height:118px}.hs-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.hs-title{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(20px,2vw,28px);line-height:1.1}.hs-text .hw-d{margin-inline:auto}.he-text{display:grid}.he-copy{grid-area:2/1}.he-copy:not([data-on]){visibility:hidden}
.ht-tile{place-items:center;display:grid;position:absolute;inset:0}.ht-frame{--rot:-5deg;aspect-ratio:9/16;background:var(--bg-0);width:35cqw;box-shadow:0 18px 36px -18px var(--bg-0);transform:rotate(var(--rot));border-radius:14px;position:relative;overflow:hidden}.ht-frame[data-side=to]{--rot:5deg}.ht-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ht-chip{inset-inline-start:8px;border-radius:var(--r-pill);background:var(--bg-0);color:var(--text-primary);padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px}.ht-langs{justify-items:center;gap:5cqw;display:grid}.ht-sync{background:var(--accent);width:52px;height:52px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.ht-lang-row{flex-wrap:wrap;justify-content:center;gap:6px;max-width:86cqw;display:flex}.ht-lang{border:1px solid var(--st-frame-edge);border-radius:var(--r-pill);background:var(--bg-0);color:var(--text-secondary);padding:5px 12px;font-size:12px;font-weight:600}.ht-lang[data-on]{border-color:var(--text-primary);color:var(--text-primary)}@media (prefers-reduced-motion:no-preference){.hw[data-live] .ht-sync svg{animation:9s linear infinite ht-spin}}@keyframes ht-spin{to{transform:rotate(360deg)}}
.hl-lib{background:var(--st-frame);box-shadow:0 0 0 1px var(--st-frame-edge);border-radius:16px;gap:16px;padding:16px 24px 24px;display:grid}.hl-lib-t{margin:0;font-size:16px;font-weight:600;line-height:24px}.hl-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hl-grid>li{position:relative}.hl-tile{aspect-ratio:600/1084;background:var(--bg-0);cursor:pointer;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.hl-tile img,.hl-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hl-tile:focus-visible,.hl-sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hl-sound{background:color-mix(in srgb, var(--bg-0) 20%, transparent);width:40px;height:40px;color:var(--text-primary);cursor:pointer;--icon-size:16px;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:8px;right:8px}@media (hover){.hl-sound:hover{background:color-mix(in srgb, var(--bg-0) 40%, transparent)}}@media (max-width:1100px){.hl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.hl-lib{padding:16px}.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw[data-layout] .hw-steps{counter-reset:hw-step}.hw-step--tiles,.hw-step--cards{counter-increment:hw-step;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.hw-step--tiles{grid-template-rows:auto auto 1fr}.hw-step--tiles .hw-media{align-self:end}.hw-step--tiles{border:1px solid var(--st-frame-edge);background:var(--white-glow-soft);border-radius:20px;padding:14px}.hw-step--cards{border-radius:20px;padding:14px}.hw-step--tiles:before,.hw-step--cards:before{content:counter(hw-step);background:var(--text-primary);width:28px;height:28px;color:var(--bg-0);border-radius:50%;grid-area:1/1;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid}.hw-step--tiles .hw-t,.hw-step--cards .hw-t{grid-area:1/2;margin:0;font-size:18px;line-height:1.2}.hw-step--tiles .hw-d,.hw-step--cards .hw-d{grid-area:2/2;max-width:none;margin:4px 0 0}.hw-step--tiles .hw-media,.hw-step--cards .hw-media{border-radius:14px;grid-area:3/1/auto/-1;margin-top:14px}@media (max-width:700px){.hw[data-layout] .hw-steps{gap:14px}.hw-step--tiles .hw-t,.hw-step--cards .hw-t{font-size:17px}.he[data-how-slides] .he-text .hw-t{font-size:28px;line-height:36px}.he-text[data-step]:before,.hs-text[data-step]:before{content:attr(data-step);border:1px solid var(--st-frame-edge);border-radius:var(--r-pill);background:var(--white-glow-soft);color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-self:center;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-block}.he-stage,.hs-visual{touch-action:pan-y}}@media (max-width:480px){.sl-nav:has(>.sl-dots>li:nth-child(6))>.sl-arrow{display:none}}
.mc-adv{width:100%;min-width:0;display:grid}.mc-adv-h{width:100%;min-height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;display:flex}.mc-adv-h svg{width:16px;height:16px;color:var(--text-muted);transition:transform .2s cubic-bezier(.87,0,.13,1)}.mc-adv[data-open] .mc-adv-h svg{transform:rotate(180deg)}.mc-adv-b,.mc-sc-b{grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.87,0,.13,1);display:grid}.mc-adv[data-open] .mc-adv-b,.mc-sc[data-on] .mc-sc-b{grid-template-rows:1fr}.mc-adv-i,.mc-sc-i{gap:12px;min-height:0;display:grid;overflow:hidden}.mc-adv-i{padding-top:4px}.mc-adv-c{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:6px;padding:12px;display:grid}.mc-adv-k{color:var(--text-muted);font:500 14px/20px var(--font-body),system-ui,sans-serif}.mc-adv-o .mc-adv-k{margin-bottom:6px;font-size:12px;line-height:18px;display:block}.mc-adv .cmp-prompt{background:0 0;border:0;height:auto;min-height:100px;padding:0;font-size:14px;line-height:20px}:is(.mc-adv,.mc-sc) .cx-seg button{justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}:is(.mc-adv,.mc-sc) .cx-seg svg{width:16px;height:16px}.mc-adv-n{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:18px}.mc-sc{background:#ffffff0d;border-radius:12px;margin-bottom:8px}.mc-sc-h{min-height:44px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;display:flex}.mc-sc-i{padding:0 12px}.mc-sc .mc-adv-n{margin:0 0 12px}.mc-adv[data-locked] :is(.mc-adv-c,.mc-adv-o){opacity:.6}.mc-adv[data-locked] .cx-seg button:not([aria-checked=true]){opacity:.4}.mc-lock{gap:8px;width:346px;padding:16px;display:grid}.mc-lock p{color:var(--text-muted);margin:0;font-size:12px;line-height:18px}.mc-lock div{gap:8px;margin-top:4px;display:flex}.mc-lock button{min-height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:0;border-radius:10px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1}.mc-lock .mc-lock-go{background:#ffffff1f}@media (max-width:700px){.mc-lock{width:auto;inset:auto 8px 8px}}@media (prefers-reduced-motion:reduce){.mc-adv-h svg,.mc-adv-b,.mc-sc-b{transition:none}}.cmp-bench[data-layout=studio][data-mc-composer] .cx-slots.cmp-inputs{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.cmp-bench[data-layout=studio][data-mc-composer] .cx-st-opts>.cx-sum{justify-content:space-between;width:100%}.mc-q-k{color:var(--text-muted);margin-inline-end:auto;font-weight:500}.cmp-bench[data-layout=studio][data-mc-composer] .cmp-inputs .slot-filled{border-radius:16px;min-height:168px;padding:0;display:block;position:relative;overflow:hidden}.cmp-bench[data-layout=studio][data-mc-composer] .slot-filled :is(.slot-mark,.slot-thumb){object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.cmp-bench[data-layout=studio][data-mc-composer] .slot-filled .slot-text{border-radius:var(--r-pill);background:#0000008c;max-width:calc(100% - 16px);padding:3px 10px;position:absolute;inset:auto auto 8px 8px}.cmp-bench[data-layout=studio][data-mc-composer] .slot-filled .slot-clear{position:absolute;inset:8px 8px auto auto}
.hub{gap:clamp(48px,5.5vw,120px);padding-block:clamp(32px,4vw,72px) clamp(48px,6vw,120px);display:grid}.hub>*{min-width:0}.hub [data-reveal][data-pre]:not([data-in]){opacity:0;transform:translateY(18px)}.hub [data-reveal]{transition:opacity .6s var(--ease), transform .6s var(--ease)}.hub [data-reveal][data-in]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hub [data-reveal]{transition:none}}.hub .st-sec-head{margin-bottom:clamp(16px,1.6vw,32px)}.work-more-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.work-more-list a{color:var(--text-secondary);gap:8px;font-size:13.5px;line-height:1.35;text-decoration:none;display:grid}.work-more-list img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .4s var(--ease);border-radius:14px}@media (hover){.work-more-list a:hover{color:var(--text-primary)}.work-more-list a:hover img{transform:scale(1.02)}}.work-more-list a:focus-visible{box-shadow:var(--focus-ring);border-radius:14px;outline:none}.work-more-links{flex-wrap:wrap;gap:8px 20px;margin:16px 4px 0;display:flex}.work-more-links a{color:var(--text-primary);font-size:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.work-more-list img{transition:none}}
section.st-info{border-top:1px solid var(--line);gap:14px;margin-top:clamp(28px,3vw,48px);padding:clamp(20px,2vw,28px) 16px 4px;display:grid}section.st-info .hero-head{--hero-head-gap:0}.st-info .hero-head h1 .hero-eyebrow{color:var(--text-primary);font:inherit;letter-spacing:inherit;text-transform:none;margin:0}.st-info .hero-head h1 .hero-tagline,.st-info .hero-head h1 .hero-kick-rest,.st-info .hero-head:not([data-name=eyebrow])>.hero-eyebrow{display:none}.hub-info{gap:8px;max-width:820px;display:grid}.hub-lead{color:var(--text-secondary);margin:0 4px 10px;font-size:15px;line-height:1.6}.hub-fold summary{min-height:56px;padding:0 18px}.hub-fold h2{color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0;margin:0;font-family:inherit;font-size:15px;font-weight:600}.hub-fold-body{gap:14px;padding:2px 18px 18px;display:grid}.hub-fold-item h3{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.hub-fold .hub-fold-item p{padding:0}
.tools-landing{width:100%;max-width:1200px;padding:var(--hero-top) 20px 96px;box-sizing:border-box;margin:0 auto}.tool-jelly{border:1px solid var(--line);background-color:var(--photo-shade);width:52px;height:52px;box-shadow:var(--liquid-rim);color:var(--text-primary);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.ba-slider{border-radius:var(--r-lg);-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden;container-type:inline-size}.ba-slider[data-interactive]{cursor:ew-resize}.ba-slider[data-interactive]:focus-visible{box-shadow:var(--focus-ring);outline:none}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ba-handle{background:var(--chrome-light);pointer-events:none;width:1px;margin-inline-start:-.5px;position:absolute;top:0;bottom:0}.ba-knob{border-radius:var(--r-pill);border:1px solid var(--chrome-mid);background:var(--bg-3);width:44px;height:44px;box-shadow:var(--liquid-rim);color:var(--text-primary);place-items:center;margin-block:-22px 0;margin-inline:-22px 0;display:grid;position:absolute;top:50%;left:50%}.ba-slider:not([data-interactive]) .ba-knob{width:28px;height:28px;margin-block:-14px 0;margin-inline:-14px 0}.ba-slider:not([data-interactive]) .ba-knob svg{display:none}.ba-tag{box-sizing:border-box;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--photo-shade);height:31px;color:var(--text-primary);pointer-events:none;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:16px}.ba-tag-before{left:16px}.ba-tag-after{right:16px}.tool-drop-wrap{flex-direction:column;gap:8px;display:flex}.tool-drop-label,.tool-option-label{color:var(--text-secondary);font-size:13px;font-weight:600}.tool-drop{height:245px;transition:border-color var(--dur-fast) var(--ease);background:#ffffff0d;border:1px dashed #ffffff29;border-radius:16px;position:relative;overflow:hidden}@media (hover){.tool-drop:hover{background:#ffffff17;border-color:#ffffff52}}.tool-drop[data-over],.tool-drop:is(:focus-visible,:has(:focus-visible)){border-color:var(--accent-line)}.tool-drop[data-filled]{border-style:solid}.tool-drop[aria-disabled]{opacity:.6}.tool-drop-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex;position:absolute;inset:0}@media (max-width:720px){.tool-drop{height:170px}}.tool-drop-icon{width:36px;height:36px;box-shadow:inset 0 0 0 1px #ffffff1f, inset 0 1px 1px var(--glass-light), 0 6px 12px #00000040;color:var(--text-primary);background:#ffffff0f;border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.tool-drop-icon .ui-icon{--icon-size:18px}.tool-drop-title{font:600 14px/18px var(--font-body), system-ui, sans-serif;color:var(--text-primary)}.tool-drop-hint{font:400 12px/16px var(--font-body), system-ui, sans-serif;color:var(--text-muted)}.tool-drop-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tool-drop-input:disabled{cursor:not-allowed}.tool-drop-preview{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tool-drop-audio{position:absolute;inset:50% 16px auto;transform:translateY(-50%)}.tool-drop-actions{gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.tool-drop-btn{border-radius:var(--r-pill);border:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--text-primary);cursor:pointer;padding:0 12px;font-size:12px;font-weight:600}.tool-drop-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.tool-drop-err{color:var(--danger-text);margin:0;font-size:13px}.tool-msg{color:var(--text-secondary);margin:0;font-size:13px}.tool-msg[data-err]{color:var(--danger-text)}@media (prefers-reduced-motion:reduce){.tool-drop{transition:none}}
.tl-card{isolation:isolate;border-radius:28px;gap:14px;padding:16px;display:grid;position:relative}.tl-form{gap:14px;display:grid}.tl-form .tool-drop{aspect-ratio:4/3;height:auto}.tl-form .tool-drop-label{display:none}.tl-opt{gap:8px;display:grid}.tl-label{color:var(--text-muted);font:600 11px/1 var(--font-body), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase}.tl-opt .seg-option[aria-checked=true]{background:var(--text-primary);color:var(--bg-0);box-shadow:0 0 18px var(--tl-seg-glow)}.tl-opt .seg-control[data-lens]>.seg-thumb{background:var(--text-primary);box-shadow:0 0 18px var(--tl-seg-glow)}.tl-opt .seg-control[data-lens]>.seg-option[aria-checked=true]{box-shadow:none;background:0 0}.tl-none{background:var(--gd-well);color:var(--text-secondary);border-radius:14px;margin:0;padding:12px 14px;font-size:13px}.tl-action>.tl-go{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:8px;width:100%;height:48px;min-height:48px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.tl-action>.tl-go:not([data-tool-signin]){gap:12px}.tl-action>.tl-go:disabled:not([data-busy]){color:var(--kit-placeholder);background:var(--kit-fill);box-shadow:inset 0 0 0 1px var(--ctl-border)}.tl-go .cx-send-t{white-space:nowrap}.tl-go .cx-go-cost{min-height:18px;font:600 16px/1 var(--font-body), system-ui, sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;border-inline-start:1px solid #0003;align-items:center;gap:5px;padding-inline-start:12px;display:inline-flex}.tl-go .cx-go-cost:has(>.cmp-price:not([data-open])){display:none}.tl-go .cx-go-cost .cmp-price{color:inherit;align-items:center;gap:5px;margin:0;display:inline-flex}.tl-go .cx-go-cost .cost-pill{min-height:0;box-shadow:none;color:inherit;background:0 0;border:0;padding:0}.tl-go .cx-go-cost [data-credit-amount] img{opacity:.72}.tl-go .cx-go-cost small{font:500 14px/1 var(--font-body), system-ui, sans-serif}.tl-go .cx-go-cost [data-cost-wait]{border-radius:var(--r-pill);background:var(--text-secondary);opacity:.35;width:34px;height:10px;display:inline-block;overflow:hidden;color:#0000!important;font-size:0!important}@media (prefers-reduced-motion:no-preference){.tl-go .cx-go-cost [data-cost-wait]{animation:1.1s ease-in-out infinite tl-cost-wait}}@keyframes tl-cost-wait{50%{opacity:.15}}.tl-go .cx-go-cost [data-estimate-unavailable]{text-overflow:ellipsis;min-width:0;overflow:hidden}.tl-go .cx-go-cost:has([data-estimate-unavailable]){min-width:0}.tl-go .cx-go-cost:has([data-estimate-unavailable]) .cmp-price{min-width:0}.tl-go .cx-go-cost:has([data-estimate-unavailable]){max-width:60%}.tl-go:disabled .cx-go-cost{color:var(--text-secondary);border-color:#ffffff1f}.tl-go:disabled .cx-go-cost [data-credit-amount] img{filter:grayscale()brightness(1.8);opacity:.5}.tl-go[data-busy] .cx-go-cost{display:none}.tl-go-face{display:contents}.tl-go-hint{display:none}html[data-signed]:not([data-me]) .tl-go[data-tool-signin]{pointer-events:none;color:var(--kit-placeholder);background:var(--kit-fill);box-shadow:inset 0 0 0 1px var(--ctl-border)}html[data-signed]:not([data-me]) .tl-go[data-tool-signin]>.tl-go-face:not(.tl-go-hint){display:none}html[data-signed]:not([data-me]) .tl-go[data-tool-signin]>.tl-go-hint{display:contents}html[data-signed] .st-tagline[data-tool-guest]{display:none}.tl-spot-media .ba-slider{--card-ring:0 0 0 1px var(--wk-ring-hi), inset 0 1px 0 var(--gd-media-rim), 0 40px 90px -40px color-mix(in srgb, var(--line-c1) 55%, transparent);border-radius:22px}.st-spot-media.tl-spot-media figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:12.5px}.tl .ba-handle{background:var(--text-primary);width:2px;box-shadow:0 0 14px var(--tl-line-glow);margin-inline-start:-1px}.tl .ba-knob{background:var(--tl-knob-bg);width:38px;height:38px;box-shadow:0 0 0 2px var(--text-primary), 0 0 22px var(--tl-knob-glow);border:0;margin-block:-19px 0;margin-inline:-19px 0}
.hw-example .st-spot-media{justify-self:center;width:100%;max-width:min(100%,600px,133.333svh - 306.667px);margin-inline:auto}.hw-example .st-spot-media.tl-pair{max-width:100%}.tl-pair-row{--pair-ar:2;--pair-h:min(46vh, 380px);width:min(100%, 740px, calc(var(--pair-ar) * var(--pair-h) + 12px));justify-content:center;align-items:flex-start;gap:12px;margin-inline:auto;display:flex}.tl-pair-clip{--ar:1;flex:var(--ar) 1 0;--card-ring:0 0 0 1px var(--wk-ring-hi), inset 0 1px 0 var(--gd-media-rim), 0 40px 90px -40px color-mix(in srgb, var(--line-c1) 55%, transparent);border-radius:22px;min-width:0;position:relative;overflow:hidden}.tl-pair-poster,.tl-pair-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tl-pair-tag{background:color-mix(in srgb, var(--bg-0) 62%, transparent);color:var(--text-primary);letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;position:absolute;top:10px;left:10px}.tl-pair-sound{background:color-mix(in srgb, var(--bg-0) 62%, transparent);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}@media (max-width:700px){.tl-pair-row{--pair-h:min(34vh, 260px);width:min(100%, calc(var(--pair-ar) * var(--pair-h) + 8px));gap:8px}.tl-pair-clip{border-radius:16px}.tl-pair[data-stack] .tl-pair-row{flex-direction:column;width:100%}.tl-pair[data-stack] .tl-pair-clip{flex:none;width:100%}}
.wb{--wb-right:14px;--wb-ink:var(--on-accent);top:0;right:var(--wb-right);z-index:4;width:32px;height:40px;position:absolute}.wb-rb{clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%);background:var(--wb-face);color:var(--wb-ink);place-items:center;padding-bottom:7px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff52}.wb-rb:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d,#fff0 52%,#0000001a);position:absolute;inset:0}.wb[data-kind=pick]{--wb-gap:var(--accent);--wb-face:var(--accent)}.wb[data-kind=community]{--wb-face:linear-gradient(180deg, color-mix(in srgb, var(--brand) 78%, var(--text-primary)), var(--brand) 55%, color-mix(in srgb, var(--brand) 82%, var(--bg-0)));--wb-ink:var(--brand-on)}.wb[data-kind=selected]{--wb-face:linear-gradient(165deg, var(--text-primary) 0%, var(--text-secondary) 20%, var(--text-primary) 34%, color-mix(in srgb, var(--text-muted) 65%, var(--bg-5)) 50%, var(--text-primary) 68%, var(--text-secondary) 84%, var(--text-primary) 100%);--wb-ink:var(--bg-0)}.wb-rb .ui-icon{--icon-size:22px;position:relative}.wb-m{width:26px;height:auto;position:relative}.wb-m path{stroke:currentColor;stroke-width:24px;stroke-linejoin:round}.wb[data-kind=selected] .wb-rb:after{content:"";background:linear-gradient(115deg,#0000 38%,#fffffff2 50%,#0000 62%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}.wb-tip{background:var(--bg-3);width:max-content;max-width:210px;box-shadow:inset 0 0 0 1px var(--border-strong), 0 10px 26px #00000080;color:var(--text-primary);font:500 12.5px/1.35 var(--font-body), system-ui, sans-serif;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease);border-radius:12px;padding:9px 12px;position:absolute;top:calc(100% + 8px);right:-6px}@media (hover:hover){.wb:hover .wb-tip{opacity:1;visibility:visible}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.wb[data-kind=selected]:hover .wb-rb:after{animation:1.6s linear infinite wb-sheen}}@keyframes wb-sheen{to{background-position:-130% 0}}.st-clip .wb{--wb-right:56px}