.mock__chrome{display:flex;align-items:center;gap:9px;padding:9px 12px;background:#ededf1;border-bottom:1px solid #DEDEE4}.mock__dots{display:flex;gap:5px}.mock__dots i{width:8px;height:8px;border-radius:50%;background:#c9c9d1;display:block}.mock__url{flex-grow:1;display:flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:#fff;border:1px solid var(--hairline-2);border-radius:var(--r-pill);font-size:9.5px;color:var(--ink-soft)}.prod__media{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-btn)}.prod__media>.mock__chrome,.prod__media>.code__bar{height:30px;padding-block:0;flex-shrink:0}.prod__media>.mock__chrome{gap:7px;padding-inline:10px}.prod__media .mock__dots{gap:4px}.prod__media .mock__dots i{width:6px;height:6px}.prod__media .mock__url{height:17px;gap:4px;padding:0 8px;font-size:8.5px}.prod__media>.code__bar i{width:6px;height:6px}.prod__media>.code__bar span{font-size:9px}.prod__media--shot{background:var(--surface);box-shadow:0 16px 38px #282c3e42}.prod__media--photo{margin:0;background:#0e1119;box-shadow:0 16px 38px #0000006b}.prod__media>.photo__bar{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:9px 15px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.08);font-size:10.5px;letter-spacing:.04em;color:#ffffff80}.photo__live{width:6px;height:6px;border-radius:50%;background:var(--yellow);flex-shrink:0}.prod__photo{flex:1;width:100%;min-height:0;object-fit:cover;object-position:center}.prod__shot{flex:1;width:100%;min-height:0;object-fit:contain;object-position:top center}.prod__media--audit{background:var(--surface);box-shadow:0 16px 38px #282c3e42}.audit__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:16px 18px;min-height:0}.audit__title{color:var(--ink-soft);font-size:10px}.audit__rows{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.audit__row{display:grid;grid-template-columns:minmax(74px,.9fr) auto minmax(0,1.3fr);align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.audit__row:last-child{padding-bottom:0;border-bottom:0}.audit__axis{font-size:12.5px;font-weight:700;color:var(--ink)}.audit__gauge{display:flex;gap:3px}.audit__gauge i{display:block;width:14px;height:7px;border-radius:2px;background:var(--hairline-2)}.audit__gauge i.is-on{background:var(--yellow)}.audit__state{font-size:11px;color:var(--ink-soft);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit__out{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex-shrink:0;padding:9px 15px;background:#0e1119;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;color:var(--yellow)}.code{background:#0e1119;box-shadow:inset 0 0 0 1px #fcc40d24,0 16px 38px #0000006b}.code__bar{display:flex;align-items:center;gap:5px;padding-inline:13px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.code__bar i{width:7px;height:7px;border-radius:50%;background:#fff3;display:block}.code__bar span{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;letter-spacing:.04em;color:#ffffff6b}.code__body{flex:1;display:flex;align-items:center;margin:0;padding:12px 15px;overflow-x:auto}.code__body code{display:block;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(10px,1.05vw,12.5px);line-height:1.72;color:#fff9}.code__com{color:#ffffff5c;font-style:italic}.code__cmd{color:var(--yellow);font-weight:700}.code__key{color:var(--yellow)}.code__val{color:var(--sky)}.code__out{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex-shrink:0;padding:9px 15px;border-top:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;color:#ffffff70}.code__dot{width:6px;height:6px;border-radius:50%;background:var(--sky);flex-shrink:0}.code__ok{color:var(--sky);font-weight:700}.code__punch{color:var(--yellow);font-weight:700}@media(min-width:1025px){.prod__media{height:clamp(300px,30vw,348px)}}.mu-shell{--mu-bg: #F7F6F2;--mu-bubble: #ECEAE4;--mu-line: #E7E5DF;--mu-soft: #8A8C94}.ms{display:flex;flex-direction:column;gap:.8em;flex-shrink:0;min-width:0;width:15em;padding:1.3em .95em;background:var(--navy);color:#ffffffdb}.ms__logo{height:1.55em;width:auto;align-self:flex-start;margin:0 0 .35em .3em}.ms__new{display:flex;align-items:center;justify-content:center;gap:.5em;padding:.75em .6em;border-radius:.7em;background:var(--yellow);color:var(--navy);font-weight:700;white-space:nowrap;overflow:hidden}.ms__new>span{overflow:hidden;text-overflow:ellipsis}.ms__new{font-size:.94em;gap:.4em;padding-inline:.5em}.ms__new svg{flex-shrink:0}.ms__nav{display:flex;flex-direction:column;gap:.15em;padding-bottom:.8em;border-bottom:1px solid rgba(255,255,255,.1)}.ms__nav-i,.ms__item{display:flex;align-items:center;gap:.65em;padding:.55em .65em;border-radius:.6em;white-space:nowrap;overflow:hidden}.ms__nav-i>span,.ms__item>span:last-child{overflow:hidden;text-overflow:ellipsis}.ms__nav-i svg{flex-shrink:0;opacity:.85}.ms__nav-i.is-on{background:#ffffff17;color:#fff;font-weight:600}.ms__search{display:flex;align-items:center;gap:.55em;padding:.55em .7em;border-radius:.6em;background:#ffffff0f;color:#ffffff6b;font-size:.92em}.ms__lbl{padding:.3em .65em 0;font-size:.74em;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff6}.ms__list{display:flex;flex-direction:column;gap:.1em;margin-top:-.4em;min-width:0}.ms__item{color:#fffc}.ms__item.is-on{background:#ffffff17;color:#fff}.ms__ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.7em;height:1.7em;border-radius:.45em;background:#ffffff1a;color:#ffffffb3}.ms__ico--y{background:#fcc40d33;color:var(--yellow)}.ms__ico--g{background:#12a16a38;color:#7fd6b1}.ms__ico--v{background:#a08cff38;color:#c9beff}.ms__ico .mu-blob{width:.8em;height:.8em}.mu-blob{display:block;flex-shrink:0;width:1.9em;height:1.9em;border-radius:50% 50% 50% 14%;background:#f3c645}.mu-blob--s{width:1.5em;height:1.5em}.mu-top{display:flex;align-items:center;gap:.75em;padding:.9em 1.3em;border-bottom:1px solid var(--mu-line);background:var(--mu-bg);min-width:0}.mu-top__t{display:flex;flex-direction:column;min-width:0;line-height:1.3}.mu-top__t b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mu-top__t span{font-size:.86em;color:var(--mu-soft);white-space:nowrap}.mu-pill{display:inline-flex;align-items:center;gap:.35em;flex-shrink:0;padding:.3em .75em;border-radius:999px;border:1px solid var(--mu-line);background:#fff;font-size:.9em;font-weight:600;color:var(--ink)}.mu-top__acts{display:flex;gap:.9em;margin-left:auto;color:var(--ink-soft);flex-shrink:0}.mu-me{display:flex;flex-direction:column;align-items:flex-end;gap:.4em;align-self:flex-end;max-width:88%}.mu-me__who{display:flex;align-items:center;gap:.5em;font-size:.9em}.mu-me__who time{color:var(--mu-soft)}.mu-me__who b{font-weight:700}.mu-me__av{width:1.6em;height:1.6em;border-radius:50%;flex-shrink:0;background:#e9b23a url(/images/team-thomas.webp) 50% 30% / 112% no-repeat}.mu-bubble{padding:.7em 1em;border-radius:1em;background:var(--mu-bubble);color:var(--ink);line-height:1.45}.mu-mia{display:flex;align-items:center;gap:.6em}.mu-mia b{font-weight:700}.mu-mia time{font-size:.9em;color:var(--mu-soft)}.mu-foot{padding:.9em 1.3em 1.1em;background:var(--mu-bg)}.mu-input{display:flex;flex-direction:column;gap:.6em;padding:.8em .8em .6em 1em;border-radius:1em;background:#fff;border:1px solid var(--mu-line);box-shadow:0 2px 8px #282c3e0d}.mu-input__ph{color:var(--mu-soft)}.mu-input__row{display:flex;align-items:center;gap:.7em;color:var(--ink-soft)}.mu-mode{display:flex;gap:.15em;padding:.2em;border-radius:.6em;background:#f1f0ec;font-size:.92em}.mu-mode span{display:flex;align-items:center;gap:.3em;padding:.3em .65em;border-radius:.45em;color:var(--mu-soft)}.mu-mode span.is-on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px #282c3e1f}.mu-send{display:flex;align-items:center;justify-content:center;margin-left:auto;width:2.4em;height:2.4em;border-radius:.6em;background:var(--navy);color:var(--yellow)}.mu-plus{display:flex;align-items:center;justify-content:center;width:2.3em;height:2.3em;border-radius:50%;border:1px solid var(--mu-line);color:var(--ink-soft)}.mu-blob--dots{display:flex;align-items:center;justify-content:center;gap:.14em}.mu-blob--dots i{width:.2em;height:.2em;border-radius:50%;background:var(--navy)}.mock{background:var(--navy);color:var(--ink);border-radius:var(--r-card);overflow:hidden;box-shadow:0 0 0 2px var(--yellow),0 26px 64px #00000080;container-type:inline-size}.mock__app{display:flex;font-size:9.5px}.mock__rail{display:flex;flex-direction:column;align-items:center;gap:.9em;flex-shrink:0;width:4.6em;padding:1.2em 0 1.1em;background:var(--navy);color:#ffffffb3}.mock__rail-logo{width:2.1em;height:2.1em;margin-bottom:.4em}.mock__rail-new{display:flex;align-items:center;justify-content:center;width:2.9em;height:2.9em;border-radius:.8em;background:var(--yellow);color:var(--navy);margin-bottom:.3em}.mock__rail-i{position:relative;display:flex;align-items:center;justify-content:center;width:2.9em;height:2.9em;border-radius:.8em}.mock__rail-i.is-on{background:#ffffff1a;color:#fff}.mock__rail-rule{display:block;width:2.6em;height:1px;background:#ffffff1f}.mock__rail-search{background:#ffffff12;color:#ffffff80}.mock__rail-me{margin-top:auto;width:2.4em;height:2.4em}.mock__main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--mu-bg)}.mock .mu-top{padding:.85em 1.4em}.mock .mu-top>.mu-blob{width:2.3em;height:2.3em}.mock .mu-top__t b{font-size:1.1em}.mock .mu-top__acts{color:#6e717c}.mock__conv{flex-grow:1;width:100%;max-width:46em;margin-inline:auto;padding:1.7em 2.2em .8em;display:flex;flex-direction:column;gap:1.4em;min-height:22em}.mock__q{font-size:1.12em}.mock__ans{display:flex;flex-direction:column;gap:.85em}.mock__head{display:grid}.mock__head>*{grid-area:1 / 1}.mock .think i{font-size:1.05em;color:var(--mu-soft)}.mock .a-head time{font-size:.86em}.mock__a{display:flex;flex-direction:column;gap:.4em;padding-left:2.4em;font-size:1.1em;line-height:1.55;color:var(--ink)}.mock__srcs,.mock__note{margin-left:2.65em}.mock__srcs{display:flex;gap:.5em;flex-wrap:wrap}.mock__chip{display:inline-flex;align-items:center;gap:.45em;padding:.3em .75em .3em .35em;border-radius:var(--r-pill);font-size:.92em;font-weight:600;color:var(--ink-soft);background:#fff;border:1px solid var(--mu-line)}.mock__chip b{display:flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;border-radius:.35em;background:var(--navy);color:#fff;font-size:.85em}.mock__note{display:flex;align-items:center;gap:.5em;font-size:.92em;font-weight:600;color:#3f7e97}.mock__note span{width:.55em;height:.55em;border-radius:50%;background:var(--sky)}.mock .mu-foot{padding:.4em 2.2em 1.2em}.mock .mu-input{border-radius:1.2em;box-shadow:0 4px 14px #282c3e12}.mock .mu-send{background:#a9aab1;color:#f6e7b8}.mock .tl{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0}.mock .cur{display:inline-block;width:1.5px;height:11px;background:currentColor;vertical-align:-1px;margin-left:2px;visibility:hidden}.mock .q1{animation:hm-typeQ 10s steps(44,end) infinite}.mock .a1{animation:hm-typeA1 10s steps(52,end) infinite}.mock .a2{animation:hm-typeA2 10s steps(32,end) infinite}.mock .a3{animation:hm-typeA3 10s steps(42,end) infinite}.mock .qc{animation:hm-blink .9s step-end infinite,hm-winQ 10s linear infinite}.mock .c1{animation:hm-blink .9s step-end infinite,hm-win1 10s linear infinite}.mock .c2{animation:hm-blink .9s step-end infinite,hm-win2 10s linear infinite}.mock .c3{animation:hm-blink .9s step-end infinite,hm-win3 10s linear infinite}.mock .think{opacity:0;animation:hm-fadeThink 10s ease infinite}.mock .a-head{opacity:0;animation:hm-fadeHead 10s ease infinite}.mock .a-src{opacity:0;animation:hm-fadeSrc 10s ease infinite}.mock .a-note{opacity:0;animation:hm-fadeNote 10s ease infinite}@keyframes hm-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes hm-typeQ{0%{max-width:0}16%,93%{max-width:300px}97%,to{max-width:0}}@keyframes hm-typeA1{0%,31%{max-width:0}42%,93%{max-width:340px}97%,to{max-width:0}}@keyframes hm-typeA2{0%,42%{max-width:0}49%,93%{max-width:230px}97%,to{max-width:0}}@keyframes hm-typeA3{0%,49%{max-width:0}58%,93%{max-width:290px}97%,to{max-width:0}}@keyframes hm-winQ{0%,15.9%{visibility:visible}16%,to{visibility:hidden}}@keyframes hm-win1{0%,30.9%{visibility:hidden}31%,41.9%{visibility:visible}42%,to{visibility:hidden}}@keyframes hm-win2{0%,41.9%{visibility:hidden}42%,48.9%{visibility:visible}49%,to{visibility:hidden}}@keyframes hm-win3{0%,48.9%{visibility:hidden}49%,59.9%{visibility:visible}60%,to{visibility:hidden}}@keyframes hm-fadeThink{0%,18%{opacity:0}20%,27%{opacity:1}29%,to{opacity:0}}@keyframes hm-fadeHead{0%,29%{opacity:0}31%,93%{opacity:1}97%,to{opacity:0}}@keyframes hm-fadeSrc{0%,60%{opacity:0}64%,93%{opacity:1}97%,to{opacity:0}}@keyframes hm-fadeNote{0%,65%{opacity:0}69%,93%{opacity:1}97%,to{opacity:0}}@container (max-width: 470px){.mock__rail{display:none}.mock__app{font-size:10px}.mock__conv,.mock .mu-foot{padding-inline:1.4em}.mock .mu-top__acts{display:none}}@container (max-width: 340px){.mock .mu-pill{display:none}.mock__conv{min-height:17em;padding-inline:1.1em}.mock__a{padding-left:0}.mock__srcs,.mock__note{margin-left:0}}@media(prefers-reduced-motion:reduce){.mock .tl{max-width:none;animation:none}.mock .cur,.mock .think{display:none}.mock .a-head,.mock .a-src,.mock .a-note{opacity:1;animation:none}}