.lp-gallery{padding:64px 0 0}.gal-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px;display:grid}.gal-deck{align-content:start;gap:20px;min-width:0;display:grid}.gal-stack{aspect-ratio:16/10;width:100%;transition:transform var(--dur-fast) var(--ease);border-radius:8px;display:block;position:relative}.gal-stack:active{transition-duration:60ms;transform:scale(.99)}.gal-paper{width:90%;box-shadow:0 0 0 1px var(--rule), 0 12px 30px #1414191a;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);background:#fff;border-radius:6px;position:absolute;top:7%;left:0;overflow:hidden}.gal-paper img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.gal-paper.p3{transform-origin:100% 0;transform:translate(9%,-7%)scale(.92)}.gal-paper.p2{transform-origin:100% 0;transform:translate(4.5%,-3.5%)scale(.96)}.gal-stack:hover .p3,.gal-stack:focus-visible .p3{transform:translate(14%,-12%)rotate(4deg)scale(.92)}.gal-stack:hover .p2,.gal-stack:focus-visible .p2{transform:translate(7%,-6%)rotate(2deg)scale(.96)}.gal-stack:hover .p1,.gal-stack:focus-visible .p1{box-shadow:0 0 0 1px var(--rule-2), 0 22px 44px #1414192e;transform:translateY(-2%)}.gal-hint{z-index:2;border-radius:var(--r-pill);background:color-mix(in srgb, var(--foot-bg) 86%, transparent);color:var(--foot-ink);font:500 12px / 1.2 var(--font-display);pointer-events:none;opacity:0;transition:opacity var(--dur-ui), transform var(--dur-ui) var(--ease-out);padding:6px 11px;position:absolute;bottom:9%;right:13%;transform:translateY(4px)}.gal-stack:hover .gal-hint,.gal-stack:focus-visible .gal-hint{opacity:1;transform:none}.gal-meta{gap:4px;min-width:0;display:grid}.gal-meta h3{letter-spacing:-.01em;font-size:18px;line-height:1.4}.gal-sub{color:var(--dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;line-height:1.6;display:flex}.gal-sub .sep{background:var(--rule-2);width:1px;height:10px}.gal-sw{align-items:center;gap:3px;display:inline-flex}.gal-sw i{width:8px;height:8px;box-shadow:0 0 0 1px var(--rule);border-radius:50%}.gal-line{color:var(--body);font-size:14px}.gal-note{color:var(--faint);margin-top:36px;font-size:13px}.lp-viewer{color:#f2f1ed;background:#0e0f11;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.lp-viewer::backdrop{background:#0e0f11}.dv{height:100%;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);grid-template-rows:auto minmax(0,1fr) auto;display:grid;container-type:inline-size}.dv-top{align-items:center;gap:16px;padding:18px 22px 10px;display:flex}.dv-ttl{min-width:0;margin-right:auto;display:grid}.dv-ttl b{font:600 15px / 1.4 var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dv-ttl span{color:#8f9198;font-size:12px}.dv-pdf{border-radius:var(--r-pill);color:#f2f1ed;font:500 13px / 1 var(--font-body);white-space:nowrap;transition:background-color var(--dur-fast);align-items:center;gap:7px;padding:8px 14px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.dv-close{color:#c9cad0;width:38px;height:38px;transition:background-color var(--dur-fast), transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.dv-pdf:hover,.dv-close:hover{color:#fff;background:#ffffff14}.dv-close:active{transition-duration:60ms;transform:scale(.9)}.dv-stage{place-items:center;display:grid;position:relative;container-type:size}.dv-sheet{aspect-ratio:16/9;background:#fff;border-radius:5px;width:min(100cqw - 160px,177.778cqh);overflow:hidden;box-shadow:0 30px 80px #0009}.dv-sheet img{object-fit:cover;width:100%;height:100%;display:block}.dv-sheet img.in-r{animation:dv-in-r var(--dur) var(--ease-out)}.dv-sheet img.in-l{animation:dv-in-l var(--dur) var(--ease-out)}@keyframes dv-in-r{0%{opacity:0;transform:translate(14px)}}@keyframes dv-in-l{0%{opacity:0;transform:translate(-14px)}}.dv-nav{color:#e8e8e4;width:46px;height:46px;transition:background-color var(--dur-fast), opacity var(--dur-fast), transform var(--dur-fast) var(--ease);background:#ffffff12;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.dv-nav:hover{background:#ffffff29}.dv-nav:active{transition-duration:60ms;transform:scale(.92)}.dv-nav:disabled{opacity:0;pointer-events:none}.dv-prev{left:24px}.dv-next{right:24px}.dv-foot{gap:10px;padding:14px 0 20px;display:grid}.dv-cap{color:#8f9198;justify-content:center;gap:10px;font-size:13px;display:flex}.dv-cap b{color:#f2f1ed;font-weight:600}.dv-cap span{font-variant-numeric:tabular-nums}.dv-strip{scrollbar-width:none;gap:8px;padding:3px 50%;display:flex;overflow-x:auto}.dv-strip::-webkit-scrollbar{display:none}.dv-strip button{aspect-ratio:16/9;opacity:.38;transition:opacity var(--dur-ui), box-shadow var(--dur-ui), transform var(--dur-fast) var(--ease);border-radius:4px;flex:0 0 96px;overflow:hidden}.dv-strip button:hover{opacity:.75}.dv-strip button.on{opacity:1;box-shadow:0 0 0 2px #f2f1ed}.dv-strip button:active{transition-duration:60ms;transform:scale(.95)}.dv-strip img{object-fit:cover;width:100%;height:100%;display:block}.lp-viewer[open] .dv{animation:dv-fade-in var(--dur) var(--ease-out)}.lp-viewer.out .dv{animation:dv-fade-out .15s var(--ease-in) forwards}@keyframes dv-fade-in{0%{opacity:0}}@keyframes dv-fade-out{to{opacity:0}}@container (max-width:640px){.dv-sheet{width:min(100cqw - 24px,177.778cqh)}.dv-nav,.dv-ttl span,.dv-pdf span{display:none}.dv-strip button{flex-basis:64px}}@media (hover:none){.gal-hint{opacity:1;transform:none}}@media (max-width:1040px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.lp-gallery{padding-top:44px}.gal-grid{grid-template-columns:minmax(0,1fr);gap:48px}}@media (prefers-reduced-motion:reduce){.gal-paper,.dv-sheet img{transition:none;animation:none}}
.lp-fig{border-radius:var(--r-card);background:radial-gradient(circle at 1px 1px, var(--rule-2) 1px, transparent 1px) 0 0 / 18px 18px, var(--bg-2);min-width:0;margin:0;padding:clamp(18px,3vw,32px)}.lp-paper{box-shadow:0 0 0 1px var(--rule), 0 10px 26px #1414191f;background:#fff;border-radius:5px;display:block;overflow:hidden}.lp-paper img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.lp-chip{background:var(--panel);box-shadow:0 0 0 1px var(--rule);font:500 13px / 1.2 var(--font-display);color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.lp-chip.dark{background:var(--code-bg);color:var(--code-ink);box-shadow:none}.lp-cap{color:var(--dim);margin:0;font-size:12.5px;line-height:1.6}.lp-row .side .lp-row-note{color:var(--faint);max-width:24em;font-size:12.5px;line-height:1.6}.pl-auto{grid-template-columns:auto minmax(56px,130px) minmax(0,1fr);align-items:center;display:grid}.pa-ais{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pa-ais li{background:var(--panel);box-shadow:0 0 0 1px var(--rule);font:500 13px / 1.2 var(--font-display);color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pa-merge{width:100%;height:190px;overflow:visible}.pa-merge path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.pa-merge .base path{stroke-dasharray:5 6;opacity:.5}.pa-merge .live path{opacity:0;stroke-width:2.5px}.pa-shelf{background:var(--panel);min-width:0;box-shadow:var(--shadow-float);border-radius:18px;gap:12px;padding:16px;display:grid}.pa-shelf .hd{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.pa-shelf .hd b{font:600 14px / 1.3 var(--font-body);color:var(--ink)}.pa-shelf .hd span{color:var(--dim);font-size:12px}.pa-shelf ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pa-shelf li{gap:4px;min-width:0;display:grid}.pa-shelf li b{font:600 11.5px / 1.35 var(--font-body);color:var(--ink)}.pa-shelf li small{color:var(--dim);font-size:11px}.pl-auto.play .pa-ais li:nth-child(-n+3){animation:pa-ask 10s var(--ease-out) infinite}.pl-auto.play .live path:nth-child(-n+3){animation:pa-draw 10s var(--ease-out) infinite}.pl-auto.play .pa-ais li:nth-child(2),.pl-auto.play .live path:nth-child(2){animation-delay:2.5s}.pl-auto.play .pa-ais li:nth-child(3),.pl-auto.play .live path:nth-child(3){animation-delay:5s}.pl-auto.play .base path{animation:.9s linear infinite pa-flow}@keyframes pa-flow{to{stroke-dashoffset:-11px}}@keyframes pa-ask{0%,2%{box-shadow:0 0 0 1px var(--rule);background:var(--panel)}4%,18%{box-shadow:0 0 0 2px var(--accent);background:var(--accent-soft)}22%,to{box-shadow:0 0 0 1px var(--rule);background:var(--panel)}}@keyframes pa-draw{0%,3%{opacity:1;stroke-dasharray:1 2;stroke-dashoffset:1px}9%,18%{opacity:1;stroke-dasharray:1 2;stroke-dashoffset:0}23%,to{opacity:0;stroke-dasharray:1 2;stroke-dashoffset:0}}.pl-auto.play .pa-shelf li:first-child{animation:pa-put-1 10s var(--ease-out) infinite}.pl-auto.play .pa-shelf li:nth-child(2){animation:pa-put-2 10s var(--ease-out) infinite}.pl-auto.play .pa-shelf li:nth-child(3){animation:pa-put-3 10s var(--ease-out) infinite}@keyframes pa-put-1{0%,14%{opacity:0;transform:translateY(-8px)}19%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pa-put-2{0%,39%{opacity:0;transform:translateY(-8px)}44%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pa-put-3{0%,64%{opacity:0;transform:translateY(-8px)}69%,94%{opacity:1;transform:none}to{opacity:0}}.pl-ctx{grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr);align-items:center;gap:16px;display:grid}.pc-srcs{gap:12px;min-width:0;display:grid}.pc-rec{background:var(--panel);box-shadow:var(--shadow-card);border-radius:14px;gap:8px;padding:12px 14px;display:grid}.pc-rec .hd{font:600 12.5px / 1.2 var(--font-display);color:var(--ink);align-items:center;gap:8px;display:flex}.pc-rec .hd i{background:var(--ink);border-radius:3px;width:9px;height:9px}.pc-rec .hd i.crm{background:#00a1e0}.pc-rec .hd em{background:var(--panel-2);font:500 10.5px / 1 var(--font-body);color:var(--faint);border-radius:5px;margin-left:auto;padding:3px 6px;font-style:normal}.pc-rec dl{gap:1px;margin:0;display:grid}.pc-rec dl .r{border-radius:6px;grid-template-columns:5em minmax(0,1fr);gap:10px;margin:0 -6px;padding:2px 6px;font-size:12px;display:grid}.pc-rec dt{color:var(--dim)}.pc-rec dd{color:var(--ink);margin:0}.pc-rec ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.pc-rec ul .r{color:var(--ink);border-radius:6px;margin:0 -6px;padding:2px 6px;font-size:12px}.pc-rec ul .r:before{content:"";vertical-align:-2px;width:11px;height:13px;box-shadow:inset 0 0 0 1.4px var(--dim);border-radius:2px;margin-right:8px;display:inline-block}.pc-mid{text-align:center;justify-items:center;gap:8px;display:grid}.pc-mid .ai{background:var(--code-bg);color:var(--code-ink);border-radius:14px;gap:2px;padding:10px 14px;display:grid}.pc-mid .ai b{font:600 13px / 1.3 var(--font-body)}.pc-mid .ai span{color:var(--code-dim);font-size:11px}.pc-mid .arr{background:repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 12px);width:44px;height:2px;position:relative}.pc-mid .arr:after{content:"";border:5px solid #0000;border-left:7px solid var(--accent);border-right:0;position:absolute;top:-4px;right:-1px}.pc-out{gap:10px;min-width:0;display:grid}.pl-ctx.play .pc-rec .r{animation:pc-read 9s var(--ease-out) infinite;animation-delay:calc(var(--i) * .45s)}@keyframes pc-read{0%,1%{background:0 0}4%,9%{background:var(--accent-soft)}13%,to{background:0 0}}.pl-ctx.play .pc-mid .arr{animation:.7s linear infinite pc-flow}@keyframes pc-flow{to{background-position:12px 0}}.pl-ctx.play .pc-out .lp-paper{animation:pc-out 9s var(--ease-out) infinite}@keyframes pc-out{0%,42%{opacity:0;transform:translateY(-10px)scale(.98)}48%,94%{opacity:1;transform:none}to{opacity:0}}.pl-ctx.play .pc-out .lp-cap{animation:pc-cap 9s var(--ease-out) infinite}@keyframes pc-cap{0%,48%{opacity:0}53%,94%{opacity:1}to{opacity:0}}.pl-tone{gap:20px;display:grid}.pt-read{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.pt-read .to{color:var(--accent);font:600 16px / 1 var(--font-display)}.pt-read .sw{border-radius:4px;width:14px;height:14px;box-shadow:0 0 0 1px #00000014}.pt-same{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pt-p{gap:7px;min-width:0;display:grid}.pt-p .nm{font:500 12px / 1.35 var(--font-body);color:var(--dim)}.pt-p .nm b{color:var(--ink);margin-right:6px;font-weight:600}.pl-tone.play .pt-read .r{animation:pt-chip 8s var(--ease-out) infinite;animation-delay:calc(var(--i) * .35s)}@keyframes pt-chip{0%,6%{opacity:0;transform:translateY(4px)}11%,92%{opacity:1;transform:none}to{opacity:0}}.pl-tone.play .pt-p{animation:pt-put 8s var(--ease-out) infinite;animation-delay:calc(1.6s + var(--i) * .5s)}@keyframes pt-put{0%,3%{opacity:0;transform:translateY(-10px)}9%,78%{opacity:1;transform:none}86%,to{opacity:0}}.pl-edit{gap:14px;display:grid}.pe-tools{background:var(--panel);box-shadow:var(--shadow-card);font:500 11.5px / 1 var(--font-body);color:var(--dim);border-radius:14px;justify-self:center;gap:2px;padding:6px;display:flex}.pe-tools span{white-space:nowrap;border-radius:9px;padding:7px 10px}.pe-tools span.on{background:var(--panel-2);color:var(--ink)}.pe-stage,.pe-stage .lp-paper{position:relative}.pe-stage .lp-paper .b{position:absolute;inset:0}.pe-sel{border:1.5px solid var(--accent);border-radius:2px;width:11.2%;height:10.4%;position:absolute;top:47.4%;left:36.6%}.pe-sel i{border:1.5px solid var(--accent);background:#fff;border-radius:2px;width:8px;height:8px;position:absolute;translate:-50% -50%}.pe-sel i:first-child{top:0;left:0}.pe-sel i:nth-child(2){top:0;left:100%}.pe-sel i:nth-child(3){top:100%;left:0}.pe-sel i:nth-child(4){top:100%;left:100%}.pe-cur{filter:drop-shadow(0 3px 6px #14141957);width:22px;height:auto;position:absolute;top:55%;left:45.5%}.pe-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pe-foot .pptx i{color:#fff;width:18px;height:18px;font:700 10px / 1 var(--font-display);background:#c43e1c;border-radius:4px;place-items:center;font-style:normal;display:inline-grid}.pl-edit.play .pe-cur{animation:pe-cur 7s var(--ease-out) infinite}@keyframes pe-cur{0%{opacity:0;transform:translate(120px,70px)}6%{opacity:1}22%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}.pl-edit.play .pe-sel{animation:pe-sel 7s var(--ease-out) infinite}@keyframes pe-sel{0%,24%{opacity:0;width:8%}28%,44%{opacity:1;width:8%}52%,90%{opacity:1;width:11.2%}96%,to{opacity:0;width:11.2%}}.pl-edit.play .pe-stage .b{animation:pe-fix 7s var(--ease-out) infinite}@keyframes pe-fix{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}.pl-edit.play .pe-tools span.on{animation:pe-tool 7s var(--ease-out) infinite}@keyframes pe-tool{0%,28%{color:var(--dim);background:0 0}32%,90%{background:var(--panel-2);color:var(--ink)}96%,to{color:var(--dim);background:0 0}}.pl-edit.play .pe-foot .pptx{animation:pe-chip 7s var(--ease-out) infinite}@keyframes pe-chip{0%,58%{opacity:0;transform:translateY(4px)}64%,92%{opacity:1;transform:none}to{opacity:0}}.pl-cost{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.pco-split{grid-template-columns:minmax(0,.9fr) auto minmax(0,1.2fr);align-items:stretch;gap:16px;display:grid}.pco-write{background:var(--code-bg);min-width:0;color:var(--code-ink);border-radius:16px;align-content:start;gap:8px;padding:14px 16px;display:grid}.pco-write .lb,.pco-shape .lb{font:600 12.5px / 1.3 var(--font-body)}.pco-write .lb small,.pco-shape .lb small{opacity:.72;font-size:11px;font-weight:400;display:block}.pco-write pre{font:11.5px / 1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code-ink);margin:0}.pco-arr{color:var(--accent);font:600 20px / 1 var(--font-display);align-self:center}.pco-shape{background:var(--panel);min-width:0;box-shadow:var(--shadow-card);border-radius:16px;align-content:start;gap:10px;padding:14px 16px;display:grid}.pco-shape .lb{color:var(--ink)}.pco-shape .tags{flex-wrap:wrap;gap:6px;display:flex}.pco-shape .tags span{background:var(--panel-2);box-shadow:0 0 0 1px var(--rule);font:500 11.5px / 1 var(--font-display);color:var(--ink);border-radius:8px;padding:6px 9px}.pco-price{background:var(--panel);box-shadow:var(--shadow-card);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px;display:grid}.pco-price .hd{font:600 13px / 1.3 var(--font-body);color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;display:flex}.pco-price .hd span{color:var(--dim);font-size:12px;font-weight:400}.pco-price .bar{grid-template-columns:7em minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pco-price .bar b{font:600 12.5px / 1.2 var(--font-body);color:var(--ink)}.pco-price .bar .t{background:var(--rule);border-radius:4px;height:8px;overflow:hidden}.pco-price .bar .t i{background:var(--rule-2);border-radius:4px;height:100%;display:block}.pco-price .bar.us .t i{background:var(--accent)}.pco-price .bar .v{font:600 13px / 1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.pco-price .bar.us .v{color:var(--accent-ink)}.pco-more{color:var(--accent-ink);white-space:nowrap;font-weight:600}.pco-more:hover{text-underline-offset:3px;text-decoration:underline}.pl-cost.play .ln{animation:pco-in .35s var(--ease-out) both;animation-delay:calc(var(--i) * .22s)}.pl-cost.play .tags span{animation:pco-in .35s var(--ease-out) both;animation-delay:calc(1.5s + var(--i) * .12s)}.pl-cost.play .pco-shape .lp-paper{animation:pco-in .5s var(--ease-out) 2.4s both}@keyframes pco-in{0%{opacity:0;transform:translateY(5px)}}.pl-cost.play .bar .t i{animation:pco-grow var(--dur-slow) var(--ease-out) both;animation-delay:calc(2.8s + var(--i) * .15s)}@keyframes pco-grow{0%{width:0}}@media (max-width:760px){.pl-ctx{grid-template-columns:minmax(0,1fr)}.pc-mid .arr{margin:10px 0;transform:rotate(90deg)}.pco-split{grid-template-columns:minmax(0,1fr)}.pco-arr{justify-self:center;transform:rotate(90deg)}}@media (max-width:640px){.pl-auto{grid-template-columns:minmax(0,1fr);gap:12px}.pa-ais{grid-template-columns:1fr 1fr}.pa-merge{display:none}.pt-same{grid-template-columns:minmax(0,1fr)}.pe-tools{font-size:10.5px}.pe-tools span{padding:6px 7px}.pco-price .bar{grid-template-columns:5.5em minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.lp-fig.play *,.lp-fig.play :before,.lp-fig.play :after{animation:none!important}}
[data-motion] .lp-row .side[data-reveal]{opacity:0}[data-motion] .lp-row .side[data-reveal].in{opacity:1;transition:opacity var(--dur) var(--ease-out)}[data-motion] .lp-row .main[data-reveal]{opacity:0;transform:translateY(10px)}[data-motion] .lp-row .main[data-reveal].in{opacity:1;transition:opacity var(--dur) var(--ease-out) 60ms, transform var(--dur) var(--ease-out) 60ms;transform:none}.lp-bar nav{position:relative}.lp-bar nav a{z-index:1;transition:color var(--dur-fast), transform var(--dur-fast) var(--ease);position:relative}.lp-bar nav a.on{color:var(--ink)}.lp-bar nav a.on:hover{background:0 0}.lp-bar nav:before{content:"";width:var(--iw,0px);height:var(--ih,0px);translate:var(--ix,0px) 0;border-radius:var(--r-pill);background:var(--panel-2);pointer-events:none;position:absolute;top:0;left:0}.lp-bar nav[data-anim]:before{transition:translate var(--dur-ui) var(--ease-out), width var(--dur-ui) var(--ease-out), height var(--dur-ui) var(--ease-out)}.lp-bar nav a:active{transition-duration:60ms;transform:scale(.94)}[data-motion] .faq details[open] .faq-body{animation:faq-open var(--dur) var(--ease-out)}@keyframes faq-open{0%{opacity:0;grid-template-rows:0fr}}@media (hover:none){.lp-bar nav a:hover{color:var(--dim);background:0 0}}
.sr{border:1px solid var(--rule);background:var(--panel);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.sr-bar{background:var(--sunk);border-bottom:1px solid var(--rule);color:var(--dim);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.sr-dots{gap:4px;display:flex}.sr-dots i{background:var(--faint);opacity:.5;border-radius:50%;width:9px;height:9px}.sr-who{font-family:var(--font-mono);margin-left:auto}.sr-replay{border:1px solid var(--rule);background:var(--panel);border-radius:var(--r-pill);font:inherit;color:var(--body);cursor:pointer;transition:transform var(--dur-fast) var(--ease);align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.sr-replay:active{transition-duration:60ms;transform:scale(.96)}.sr-stage{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.sr-chat{border-right:1px solid var(--rule);flex-direction:column;gap:10px;min-height:340px;padding:14px;font-size:13.5px;display:flex}.sr-msg{max-width:92%;animation:sr-in var(--dur-ui) var(--ease-out) both;border-radius:14px;padding:9px 13px;line-height:1.6}@keyframes sr-in{0%{opacity:0;transform:translateY(4px)}}.sr-msg.sr-me{background:var(--ink);color:var(--bg);word-break:break-all;border-bottom-right-radius:4px;align-self:flex-end}.sr-msg.sr-ai{background:var(--sunk);color:var(--body);border-bottom-left-radius:4px;align-self:flex-start}.sr-msg.sr-sys{color:var(--dim);background:0 0;align-self:center;padding:2px 0;font-size:12px}.sr-msg b{color:inherit}.sr-tool{font:11px / 1.6 var(--font-mono);color:var(--dim);margin-top:4px;display:block}.sr-file{background:#ffffff1f;border-radius:9px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:inline-flex}.sr-sw{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:3px;display:inline-block}.sr-opts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sr-opts span{border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--panel);padding:1px 10px;font-size:12px}.sr-opts span.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.sr-typing{background:var(--sunk);border-radius:14px;align-self:flex-start;gap:4px;padding:10px 14px;display:inline-flex}.sr-typing i{background:var(--faint);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite sr-pulse}.sr-typing i:nth-child(2){animation-delay:.15s}.sr-typing i:nth-child(3){animation-delay:.3s}@keyframes sr-pulse{0%,to{opacity:.35}50%{opacity:1}}.sr-state{background:var(--bg);align-content:start;gap:10px;padding:14px;display:grid}.sr-h{color:var(--dim);letter-spacing:.04em;font-size:12px}.sr-st{color:var(--dim);grid-template-columns:20px 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.sr-st i{border:2px solid var(--faint);width:18px;height:18px;transition:background-color var(--dur-ui), border-color var(--dur-ui);border-radius:50%;place-items:center;margin-top:2px;display:grid}.sr-st i svg{opacity:0;transition:opacity var(--dur-ui)}.sr-st.done{color:var(--ink)}.sr-st.done i{background:var(--ok);border-color:var(--ok)}.sr-st.done i svg{opacity:1}.sr-st b{color:inherit;font-weight:600;display:block}.sr-st span{color:var(--dim);font-size:12px;display:block}.sr-meter{background:var(--rule);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.sr-meter i{background:var(--accent);width:0;height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}@media (max-width:600px){.sr-stage{grid-template-columns:1fr}.sr-chat{border-right:0;border-bottom:1px solid var(--rule);min-height:0}}@media (prefers-reduced-motion:reduce){.sr-msg,.sr-typing i{animation:none}}