.os-page{min-height:100dvh}.os{width:min(1320px,100% - 32px);margin:0 auto;padding:16px 0 96px}.os-top{isolation:isolate;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -40px #140c1a73;animation:st-up .55s var(--st-ease) both;border-radius:32px;padding:30px 30px 24px;position:relative}.os-top:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(38% 60% at 6% 0%, color-mix(in srgb, var(--lilac) 55%, transparent), transparent 70%), radial-gradient(30% 50% at 100% 100%, color-mix(in srgb, var(--lemon) 45%, transparent), transparent 70%), radial-gradient(26% 40% at 78% 6%, color-mix(in srgb, var(--mint) 50%, transparent), transparent 70%), radial-gradient(circle, var(--line) 1px, transparent 1.4px) 0 0 / 22px 22px;opacity:.9;position:absolute;inset:0}.os-hero{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.os-hero-txt{gap:10px;max-width:760px;display:grid}.os-hero .eyebrow{color:var(--tangerine);font-weight:500}.os-hero h1{text-transform:uppercase;font-size:clamp(38px,5.4vw,74px)}.os-hero h1 em{text-transform:none;color:var(--tangerine)}.os-sub{max-width:52ch;color:var(--ink-70);text-wrap:balance;font-size:17px}.os-asst{flex:none;margin:-40px 0 -18px}.os-asst .asst-say{transform-origin:100% 100%;border-radius:16px 16px 4px;left:auto;right:64%}.os-media{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.os-media button{background:var(--wash);height:48px;color:var(--ink);font-family:var(--f-display);letter-spacing:-.01em;border:0;border-radius:15px;align-items:center;gap:6px;padding:0 18px 0 8px;font-size:15px;font-weight:800;transition:background .2s,color .2s,transform .15s;display:inline-flex}.os-media button:hover{background:var(--hover-2)}.os-media button[data-on]{background:var(--ink);color:var(--on-ink);box-shadow:0 10px 24px -12px #140c1a99}.os-media img{object-fit:contain;width:34px;height:34px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.os-media button:hover img,.os-media button[data-on] img{transform:scale(1.12)rotate(-8deg)}.os-presets{color:var(--ink-50);flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.os-presets>span{margin-right:4px}.os-lineup{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px;margin:14px 0 0;padding:14px 6px 6px;list-style:none;display:grid}.os-lane{--rot:-1.2deg;transform:rotate(var(--rot));animation:.7s cubic-bezier(.34,1.56,.64,1) both os-deal;animation-delay:calc(var(--i) * 90ms);background:#fff8ea;border-radius:22px;flex-direction:column;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .2s,filter .2s;display:flex;position:relative;box-shadow:0 1px #3522420f,0 22px 40px -22px #140c1a80}.os-lane:nth-child(2n){--rot:1deg}.os-lane:hover{transform:rotate(0)translateY(-4px);box-shadow:0 1px #3522420f,0 32px 50px -24px #140c1a8c}.os-lane[data-off]{filter:grayscale(.8);opacity:.6}@keyframes os-deal{0%{opacity:0;transform:translateY(40px) rotate(calc(var(--rot) * 6)) scale(.85)}}.os-lane-band{background:repeating-linear-gradient(-45deg, #ffffff38 0 10px, transparent 10px 20px), var(--sw);border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;height:72px;padding:0 14px;display:flex}.os-lane-band .tile{box-shadow:0 0 0 3px #fff8ea,0 8px 16px -8px #35224280}.os-lane-no{font-family:var(--f-display);letter-spacing:-.05em;color:#35224238;font-size:40px;font-weight:800}.os-lane-body{flex:1;align-content:start;gap:4px;padding:12px 14px 0;display:grid}.os-lane-name{font-family:var(--f-display);letter-spacing:-.03em;font-size:21px;font-weight:800;line-height:1.05}.os-lane-by{color:var(--ink-50);font-size:12px}.os-lane-line{color:var(--ink-70);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.os-caps{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.os-caps i{background:var(--wash);color:var(--ink-70);border-radius:6px;padding:1px 6px;font-size:11.5px;font-style:normal;font-weight:600}.os-lane-uses{border-top:1px dashed var(--line-strong);color:var(--ink-50);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding-top:8px;font-size:12px;display:flex}.os-lane-uses span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.os-lane-uses b{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-left:auto;font-size:13px;display:inline-flex}.os-lane-uses img{width:16px;height:16px}.os-lane-off{color:var(--ink-70);margin-top:6px;font-size:12.5px;font-weight:600}.os-lane-acts{align-items:center;gap:6px;padding:10px 12px 12px;display:flex}.os-lane-acts .model-chip{background:var(--wash);flex:1;max-width:none}.os-lane-acts .icon-btn{background:var(--wash)}.os-vs{z-index:3;background:var(--tangerine);color:#fff6e6;width:42px;height:42px;font-style:normal;font-family:var(--f-display);letter-spacing:-.02em;box-shadow:0 0 0 4px var(--surface), 0 10px 20px -8px #e65a2fcc;animation:.6s cubic-bezier(.34,1.8,.64,1) both os-vs;animation-delay:calc(var(--i) * 90ms + .35s);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid;position:absolute;top:22px;left:-36px;rotate:-12deg}@keyframes os-vs{0%{opacity:0;rotate:-60deg;scale:.2}}.os-add button{border:2px dashed var(--line-strong);background:color-mix(in srgb, var(--field) 50%, transparent);width:100%;height:100%;min-height:220px;color:var(--ink-70);font-family:var(--f-display);border-radius:22px;place-content:center;justify-items:center;gap:4px;padding:16px;font-size:16px;font-weight:800;transition:border-color .2s,color .2s,background .2s;display:grid}.os-add button:hover{border-color:var(--tangerine);color:var(--ink);background:var(--field)}.os-add button>span{background:var(--tangerine);color:#fff6e6;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:6px;font-size:30px;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:grid}.os-add button:hover>span{transform:rotate(90deg)scale(1.08)}.os-add small{font-family:var(--f-ui);color:var(--ink-50);font-size:12px;font-weight:500}.os-composer{background:var(--field);box-shadow:inset 0 0 0 1px var(--line), 0 18px 36px -24px #140c1a73;border-radius:22px;margin-top:22px;padding:12px;transition:box-shadow .2s}.os-composer:focus-within{box-shadow:inset 0 0 0 1.5px var(--tangerine), 0 18px 36px -24px #140c1a73}.os-composer[data-nudge]{animation:.5s st-nudge}.os-field{gap:12px;display:flex}.os-field textarea{min-width:0;min-height:84px;color:var(--ink);font:inherit;resize:vertical;background:0 0;border:0;outline:none;flex:1;padding:6px 4px;font-size:16px;line-height:1.45}.os-field textarea::placeholder{color:var(--ink-50)}.os-start{flex:none}.os-start-add{border:1.5px dashed var(--line-strong);width:92px;height:84px;color:var(--ink-70);background:0 0;border-radius:14px;place-content:center;justify-items:center;gap:2px;padding:4px;font-size:11.5px;font-weight:600;line-height:1.2;transition:border-color .2s,background .2s;display:grid}.os-start-add:hover{border-color:var(--tangerine);background:var(--wash)}.os-start-add img{object-fit:contain;width:34px;height:34px}.os-start-on{width:84px;height:84px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;animation:.45s cubic-bezier(.34,1.56,.64,1) both os-pop-in;display:block;position:relative;overflow:hidden}.os-start-on img{object-fit:cover;width:100%;height:100%}.os-start-on>i{background:#fff6e666;border-radius:4px;height:4px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.os-start-on>i:after{content:"";width:calc(var(--p) * 100%);background:var(--tangerine);position:absolute;inset:0 auto 0 0}.os-start-on button{color:#fff6e6;background:#140c1a99;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:4px;right:4px}.os-start-on button svg{width:11px;height:11px}@keyframes os-pop-in{0%{opacity:0;transform:scale(.8)}}.os-row{align-items:center;gap:10px;margin-top:10px;display:flex}.os-params{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.os-params::-webkit-scrollbar{display:none}.os-go{flex:none;width:auto;min-width:250px;padding:0 20px}.os-go[data-blocked]{filter:saturate(.55)brightness(.96);opacity:.72}.os-rounds{gap:30px;margin-top:30px;scroll-margin-top:64px;display:grid}.os-none{color:var(--ink-50);text-align:center;justify-items:center;gap:8px;padding:28px 16px;display:grid}.os-none img{object-fit:contain;width:128px;height:128px;animation:4s ease-in-out infinite st-float}.os-round{animation:st-up .5s var(--st-ease) both}.os-round>header{align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.os-round-no{background:var(--ink);color:var(--on-ink);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;flex:none;padding:3px 10px;font-size:12px}.os-round-media{color:var(--ink-70);flex:none;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.os-round-media img{object-fit:contain;width:24px;height:24px}.os-round>header p{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-86);flex:1;overflow:hidden}.os-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));align-items:start;gap:16px;display:grid}.os-res{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 18px 36px -26px #140c1a80;border-radius:20px;padding:8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative}.os-res[data-won]{box-shadow:0 0 0 3px var(--tangerine), 0 0 0 9px color-mix(in srgb, var(--tangerine) 16%, transparent), 0 30px 50px -26px #140c1a99;transform:rotate(-.8deg)translateY(-4px)}.os-res>header{align-items:center;gap:6px;min-width:0;padding:2px 4px 8px;font-size:13px;display:flex}.os-res>header .tile{border-radius:6px}.os-res>header b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.os-res>header small{font-family:var(--f-mono);color:var(--ink-50);flex:none;margin-left:auto;font-size:11px}.os-res-media{background:var(--wash);border-radius:14px;position:relative;overflow:hidden}.os-res-media[data-audio]{background:color-mix(in srgb, var(--lemon) 24%, var(--surface));place-items:center;min-height:120px;padding:12px;display:grid}.os-res-media:not([data-audio]){max-height:460px;margin-inline:auto}.os-res-media>img,.os-res-media>video{object-fit:contain;width:100%;height:100%;animation:.5s both st-fade;display:block}.os-res-media audio{width:100%}.os-res-media .sim{border-radius:inherit;box-shadow:none;position:absolute;inset:0;aspect-ratio:auto!important}.os-res-gate{z-index:2;background:var(--tangerine);color:#fff6e6;white-space:nowrap;border:0;border-radius:12px;height:36px;padding:0 16px;font-weight:700;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 22px -10px #e65a2fcc}.os-res-fail{text-align:center;color:var(--ink-70);place-content:center;justify-items:center;gap:6px;padding:12px;font-size:13px;display:grid;position:absolute;inset:0}.os-res-media[data-audio] .os-res-fail{position:static}.os-res-fail img{object-fit:contain;width:56px;height:56px}.os-res>footer{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.os-res>footer a{text-decoration:none}.os-open{justify-content:center;width:30px;margin-left:auto;padding:0}.os-pick{background:var(--wash);height:30px;color:var(--ink);border:0;border-radius:9px;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.os-pick:hover{background:var(--hover-2)}.os-pick[aria-pressed=true]{background:var(--tangerine);color:#fff6e6}.os-pick svg{width:15px;height:15px}.os-crown{z-index:3;background:var(--lemon);color:#352242;font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:800;animation:.55s cubic-bezier(.34,1.8,.64,1) both os-crown;position:absolute;top:-14px;left:14px;rotate:-6deg;box-shadow:0 6px 14px -6px #35224280}@keyframes os-crown{0%{opacity:0;translate:0 10px;scale:.3}}@media (max-width:760px){.os{width:calc(100% - 16px);padding-top:8px}.os-top{border-radius:26px;padding:20px 14px 16px}.os-hero{align-items:flex-start}.os-hero h1{font-size:34px}.os-sub{font-size:15px}.os-asst{margin:0;position:absolute;top:-6px;right:2px}.os-asst .pn-buddy{--body:44px!important}.os-hero-txt{padding-right:70px}.os-media{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-14px;padding-inline:14px;overflow-x:auto}.os-media::-webkit-scrollbar{display:none}.os-media button{flex:none;height:44px;font-size:14px}.os-lineup{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:74%;grid-auto-flow:column;gap:22px;margin-inline:-14px;padding:14px 20px 10px;overflow-x:auto}.os-lineup::-webkit-scrollbar{display:none}.os-lane,.os-add{scroll-snap-align:center}.os-vs{width:36px;height:36px;font-size:13px;left:-30px}.os-field{flex-direction:column}.os-start-add{grid-auto-flow:column;gap:8px;width:100%;height:48px}.os-start-add img{width:28px;height:28px}.os-row{flex-direction:column;align-items:stretch}.os-go{width:100%;min-width:0}.os-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;margin-top:-14px;padding:14px 4px 6px;overflow-x:auto}.os-grid::-webkit-scrollbar{display:none}.os-res{scroll-snap-align:center}}@media (prefers-reduced-motion:reduce){.os-top,.os-lane,.os-vs,.os-round,.os-crown,.os-none img,.os-start-on{animation:none!important}}