.cm{position:absolute;inset:0;overflow:hidden;background:#121212}
.mech-video-lg{position:relative}
.pain-visual .cm{z-index:2;background:transparent}
.pain-visual .cm .st{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.st{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;overflow:hidden;background:#121212;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8e8e8;-webkit-font-smoothing:antialiased;user-select:none}
.st *{box-sizing:border-box}
.st img{display:block;max-width:none}
.st .scr{position:absolute;inset:0;overflow:hidden}
.st .cvs{background:#121212}
.st .world{position:absolute;left:0;top:0;transform-origin:0 0}
.st .sdots{position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.07) 4.5%,transparent 6.3%);background-size:20px 20px;pointer-events:none}
.st .a{position:absolute}
.st .colh{font-size:14.5px;font-weight:600;color:#ececec;white-space:nowrap;line-height:18px}
.st .subl{font-size:10px;color:#d4d4d4;white-space:nowrap;line-height:12px}
.st .frm{background:#1a1a1a;border:1px solid rgba(255,255,255,.05);border-radius:6px}
.st .tl{overflow:hidden;border-radius:3px;background:#1f1f1f}
.st .tl img{width:100%;height:100%;object-fit:cover}
.st .tl.sel{box-shadow:0 0 0 1.5px #f2f2f2}
.st .vl{font-size:7.4px;line-height:9px;color:#a0a0a0;white-space:nowrap}
.st .vl b{font-weight:500;color:#f2f2f2}
.st .vl i{display:inline-block;width:.8px;height:8px;background:#5a5a5a;margin:0 3px;vertical-align:-1.5px}
.st .ph8{display:flex;align-items:flex-end;padding:3px 4px;font-size:4.6px;color:#8a8a8a;background:#161616}
.st canvas.dots{position:absolute;inset:0;width:100%;height:100%}
.st .brief{background:#0f0f0f;border-radius:6px;padding:14px 13px 10px}
.st .brief .h{font-size:18.2px;font-weight:600;color:#f2f2f2;line-height:22px;letter-spacing:-.2px}
.st .brief .r{height:.8px;background:#333;margin:12px 0 13px}
.st .brief .g{display:grid;grid-template-columns:158px 1fr;column-gap:14px}
.st .brief .k{font-size:5.2px;letter-spacing:.7px;text-transform:uppercase;color:#8a8a8a;margin-bottom:4px;line-height:6px}
.st .brief .v{font-size:7.9px;line-height:12.6px;color:#ececec}
.st .brief .v.dim{color:#8f8f8f;margin-top:3px}
.st .brief .f{margin-bottom:11px}
.st .brief .pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px 0 21px;border-radius:4px;background:#262626;font-size:6.3px;color:#bdbdbd;white-space:nowrap}
.st .brief .ft{border-top:.8px solid #333;margin-top:2px;padding-top:9px;font-size:5.6px;color:#7c7c7c}
.st .apk{background:#161616;border:1px solid rgba(255,255,255,.07);border-radius:8px}
.st .apk .t{position:absolute;left:11px;top:9px;font-size:11px;font-weight:600;color:#ececec}
.st .apk .ic{position:absolute;right:10px;top:10px;display:flex;gap:6px;color:#8a8a8a}
.st .apl{font-size:5px;color:#9a9a9a;white-space:nowrap}
.st .apl b{color:#ececec;font-weight:500}
.st .hd{position:absolute;left:0;top:0;width:1600px;height:74px;z-index:30;pointer-events:none}
.st .hd .logo{position:absolute;left:23px;top:21px;width:29px;height:auto}
.st .crumbs{position:absolute;left:77px;top:26px;display:flex;align-items:center;gap:12px;font-size:15px;line-height:20px;color:#b3b3b3;white-space:nowrap}
.st .crumbs .now{color:#f2f2f2}
.st .crumbs .sl{color:#7a7a7a;margin:0 2px}
.st .modes{position:absolute;left:694px;top:20px;width:212px;height:51px;border-radius:14px;background:#1d1d1d;display:flex;align-items:center;padding:0 6px;gap:5px}
.st .modes .m{width:44px;height:41px;border-radius:11px;display:grid;place-items:center;color:#cfcfd4;transition:none}
.st .modes .m.on{background:#2f2f30;color:#fff}
.st .modes .sp{width:1px;height:26px;background:#3a3a3a;margin:0 0 0 -1px}
.st .hrt{position:absolute;right:20px;top:22px;height:30px;display:flex;align-items:center;gap:28px;color:#d5d5d8}
.st .cred{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#f2f2f2;font-variant-numeric:tabular-nums}
.st .cred img{width:16px;height:auto}
.st .qm{width:27px;height:27px;border-radius:50%;background:#333;display:grid;place-items:center;font-size:11px;font-weight:600;color:#eee}
.st .bell{position:relative}
.st .bell i{position:absolute;right:-1px;top:-2px;width:7px;height:7px;border-radius:50%;background:#4b8df8}
.st .zp{position:absolute;left:20px;top:846px;height:35px;width:182px;border-radius:9px;background:#161616;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;font-size:13.5px;color:#d9d9d9;z-index:20;font-variant-numeric:tabular-nums}
.st .zp span:nth-child(2){width:44px;text-align:center}
.st .pn{position:absolute;left:1164.4px;top:162px;width:408.9px;height:711px;border-radius:17.8px;background:#171717;border:1px solid rgba(255,255,255,.06);overflow:hidden;z-index:25;box-shadow:0 0 8.9px rgba(0,0,0,.18),0 0 35.6px rgba(0,0,0,.28);display:flex;flex-direction:column}
.st .pn .ph{position:relative;flex:none;height:71.1px;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8.9px;padding:0 17.8px 0 26.7px}
.st .pn .avc{width:31.1px;height:31.1px;flex:none}
.st .pn .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:4.4px}
.st .pn .ov{font-size:11.1px;line-height:15.6px;font-weight:500;letter-spacing:0.7px;color:#a1a1a1;white-space:nowrap}
.st .pn .nm{display:flex;align-items:center;gap:4.4px;font-size:15.6px;line-height:22.2px;font-weight:500;color:#ebebeb;white-space:nowrap}
.st .pn .nm svg{width:15.6px;height:15.6px;color:#a1a1a1}
.st .pn .x{width:35.6px;height:35.6px;display:grid;place-items:center;color:#a1a1a1}
.st .pn .x svg{width:15.6px;height:15.6px}
.st .pn .pb{flex:1;min-height:0;overflow:hidden;padding:26.7px 0 17.8px;display:flex;flex-direction:column;gap:13.3px}
.st .pn .pf{flex:none;background:#0d0d0d;border-top:1px solid rgba(255,255,255,.06);padding:13.3px 13.3px 13.3px 26.7px;display:flex;flex-direction:column;gap:13.3px}
.st .pf .in{font-size:14.4px;line-height:22.2px;color:#6e6e6e;white-space:nowrap}
.st .pf .tools{display:flex;align-items:center;justify-content:space-between;margin-left:-8.9px}
.st .pf .tools .grp{display:flex;align-items:center;gap:2.2px}
.st .pf .btn32{width:35.6px;height:35.6px;border-radius:17.8px;display:grid;place-items:center;color:#a1a1a1}
.st .pf .btn32 svg{width:17.8px;height:17.8px}
.st .pf .fr{display:flex;align-items:center;gap:8.9px;padding:0 8.9px;font-size:12.2px;line-height:17.8px;color:#6e6e6e;white-space:nowrap}
.st .pf .fr i{width:5.6px;height:5.6px;border-radius:50%;background:#6e6e6e}
.st .pf .au{display:flex;align-items:center;gap:4.4px;height:35.6px;padding:0 8.9px;font-size:13.3px;line-height:17.8px;color:#a1a1a1}
.st .pf .au svg{width:15.6px;height:15.6px}
.st .pf .snd.stop{background:#ebebeb;color:#121212}
.st .pf .snd.stop svg{width:11.1px;height:11.1px}
.st .pn .t2{padding:0 26.7px}
.st .ub{align-self:flex-end;margin:0 26.7px 0 auto;max-width:322.2px;background:rgba(255,255,255,.06);border-radius:13.3px 13.3px 4.4px 13.3px;padding:8.9px 13.3px}
.st .ub img{width:53.3px;height:35.6px;border-radius:4.4px;object-fit:cover;margin-bottom:6.7px}
.st .ub p{margin:0;font-size:14.4px;line-height:22.2px;color:#ebebeb}
.st .say{margin:0;padding:0 26.7px;font-size:14.4px;line-height:22.2px;color:#ebebeb}
.st .ql{padding:0 26.7px;display:flex;align-items:center;gap:8.9px;font-size:12.2px;line-height:17.8px;font-weight:500;color:#a1a1a1;white-space:nowrap}
.st .ql svg{width:14.4px;height:14.4px}
.st .ql .dim{font-weight:400;color:#6e6e6e}
.st .rows{border-top:1px solid rgba(255,255,255,.06)}
.st .row{display:flex;align-items:center;gap:13.3px;padding:8.9px 26.7px;border-bottom:1px solid rgba(255,255,255,.06)}
.st .row .ic{width:15.6px;height:15.6px;flex:none;display:grid;place-items:center;color:#ebebeb}
.st .row .ic svg{width:15.6px;height:15.6px}
.st .row .tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2.2px}
.st .row .tt b{font-size:14.4px;line-height:22.2px;font-weight:500;color:#ebebeb;white-space:nowrap}
.st .row .tt small{font-size:12.2px;line-height:17.8px;color:#6e6e6e;white-space:nowrap}
.st .row em{font-style:normal;font-size:12.2px;line-height:17.8px;color:#a1a1a1;white-space:nowrap;display:flex;align-items:center;gap:6.7px}
.st .row.q .tt b,.st .row.q .ic{color:#a1a1a1}
.st .row .th{width:53.3px;height:35.6px;border-radius:4.4px;overflow:hidden;background:#0d0d0d;flex:none}
.st .row .th img{width:100%;height:100%;object-fit:cover}
.st .spin{animation:sp .9s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.st .fbk{padding:0 26.7px;display:flex;gap:13.3px;color:#6e6e6e}
.st .fbk svg{width:15.6px;height:15.6px}
.st .opts{padding:0 26.7px;display:flex;flex-direction:column;gap:8.9px}
.st .opt{height:62.2px;border:1px solid #333;border-radius:8.9px;padding:8.9px 13.3px;display:flex;align-items:center;gap:13.3px}
.st .opt div{flex:1;display:flex;flex-direction:column;gap:2.2px}
.st .opt b{font-size:14.4px;line-height:22.2px;font-weight:500;color:#ebebeb}
.st .opt small{font-size:12.2px;line-height:17.8px;color:#a1a1a1}
.st .opt .ck{color:#ebebeb}
.st .opt .ck svg{width:15.6px;height:15.6px}
.st .opt.on{border-color:#a1a1a1}
.st .vbody{flex:1;min-height:0;overflow:hidden;padding:26.7px 26.7px 13.3px;display:flex;flex-direction:column;gap:26.7px;position:relative}
.st .tabs{display:flex;padding:4.4px;border-radius:8.9px;background:#1d1d1d}
.st .tabs span{flex:1;height:26.7px;display:grid;place-items:center;border-radius:4.4px;font-size:13.3px;line-height:17.8px;font-weight:500;color:#a1a1a1;border:1px solid transparent}
.st .tabs span.on{background:#333;border-color:rgba(255,255,255,.08);color:#ebebeb}
.st .vsec{display:flex;flex-direction:column;gap:13.3px}
.st .shotr{display:flex;align-items:center;gap:8.9px;font-size:13.3px;line-height:17.8px;font-weight:500;color:#ebebeb}
.st .shotr img{width:53.3px;height:35.6px;border-radius:4.4px;object-fit:cover}
.st .vf{display:flex;flex-direction:column;gap:4.4px}
.st .vk{font-size:13.3px;line-height:17.8px;font-weight:500;color:#a1a1a1}
.st .vv{font-size:14.4px;line-height:22.2px;color:#fcfcfc}
.st .vfoot{flex:none;background:#0d0d0d;border-top:1px solid rgba(255,255,255,.06);padding:13.3px 13.3px 13.3px 26.7px;display:flex;align-items:center;justify-content:space-between}
.st .vfoot .chips{display:flex;align-items:center;gap:2.2px;margin-left:-8.9px}
.st .mchip{display:flex;align-items:center;gap:4.4px;height:35.6px;padding:0 8.9px;border-radius:8.9px;font-size:13.3px;line-height:17.8px;color:#a1a1a1;white-space:nowrap}
.st .mchip svg{width:15.6px;height:15.6px}
.st .mchip.press{background:rgba(255,255,255,.06)}
.st .gbtn{height:35.6px;padding:0 13.3px;border-radius:8.9px;background:#ebebeb;color:#121212;font-size:13.3px;line-height:17.8px;font-weight:500;display:grid;place-items:center}
.st .gbtn.press{background:#cfcfcf}
.st .dd{position:absolute;left:8.9px;right:8.9px;bottom:4.4px;border-radius:13.3px;background:#121212;border:1px solid #333;box-shadow:0 8.9px 26.7px rgba(0,0,0,.28);padding:8.9px;z-index:3}
.st .dd .grp{font-size:12.2px;line-height:17.8px;font-weight:500;color:#a1a1a1;padding:6.7px 8.9px 4.4px}
.st .dd .it{display:flex;gap:8.9px;padding:8.9px;border-radius:8.9px;position:relative}
.st .dd .it.on{background:rgba(255,255,255,.06)}
.st .dd .it.hov{background:rgba(255,255,255,.04)}
.st .dd .it b{display:block;font-size:14.4px;line-height:22.2px;font-weight:500;color:#ebebeb}
.st .dd .it small{display:block;font-size:12.2px;line-height:17.8px;color:#a1a1a1}
.st .dd .it .mi{flex:none;margin-top:3.3px;color:#a1a1a1}
.st .dd .it .mi svg{width:15.6px;height:15.6px}
.st .dd .it .ck{position:absolute;right:11.1px;top:11.1px;color:#ebebeb}
.st .dd .it .ck svg{width:15.6px;height:15.6px}
.st .dd hr{border:0;border-top:1px solid rgba(255,255,255,.06);margin:4.4px -8.9px}
.st .tbar{position:absolute;height:52px;padding:5px 7px;border-radius:15px;background:#1f1f1f;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:6px;box-shadow:0 14px 30px -10px rgba(0,0,0,.8);z-index:10}
.st .tbar span{width:42px;height:40px;border-radius:10px;display:grid;place-items:center;color:#dcdcdc}
.st .tbar span.on{background:#3b3b3b}
.st .tbar i{width:1px;height:28px;background:#444;margin:0 2px}
.st .home{background:#181818}
.st .home .team{position:absolute;left:107px;top:27px;display:flex;align-items:center;gap:10px;font-size:14.5px;color:#f2f2f2;white-space:nowrap}
.st .home .biz{font-size:13px;color:#b5b5b5;background:#2a2a2a;border-radius:7px;padding:3px 9px}
.st .rail{position:absolute;left:8px;top:370px;width:54px;height:215px;border-radius:12px;background:#121212;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:6px 0;color:#cfcfd4}
.st .rail span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}
.st .rail span.on{background:#262626;color:#fff}
.st .home h2{position:absolute;left:0;right:0;top:140px;margin:0;text-align:center;font-size:35px;font-weight:400;letter-spacing:-.3px;color:#f6f6f6}
.st .home .sb{position:absolute;left:0;right:0;top:195px;text-align:center;font-size:15px;color:#b0b0b4}
.st .pbox{position:absolute;left:447px;top:253px;width:706px;height:167px;border-radius:18px;background:#141414;border:1.5px solid #232323}
.st .pbox.focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.st .pbox .tx{position:absolute;left:23px;top:26px;right:20px;font-size:17px;line-height:22px;color:#f2f2f2;white-space:nowrap}
.st .pbox .tx .ph{color:#8a8a8a}
.st .caret{display:inline-block;width:1.5px;height:20px;background:#fff;vertical-align:-4px;margin-left:1px}
.st .i3d{position:absolute;left:11px;bottom:11px;height:46px;padding:0 18px 0 16px;border-radius:11px;border:1px solid #3a3a3a;background:#1e1e1e;display:flex;align-items:center;gap:12px;font-size:16px;color:#f2f2f2}
.st .gsc{position:absolute;right:11px;bottom:11px;height:46px;padding:0 18px;border-radius:11px;background:linear-gradient(180deg,#3b8bff,#256ff0);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);display:grid;place-items:center;font-size:16px;font-weight:500;color:#fff}
.st .gsc.press{filter:brightness(.85)}
.st .home .rp{position:absolute;left:102px;top:507px;font-size:26px;font-weight:500;color:#f6f6f6}
.st .home .np{position:absolute;left:1430px;top:503px;width:150px;height:43px;border-radius:9px;border:1px solid #333;background:#121212;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#f2f2f2}
.st .card{position:absolute;top:572px;width:403px;height:270px;border-radius:9px;overflow:hidden;background:#1d1d1d}
.st .card .im{height:204px;overflow:hidden}
.st .card .im img{width:100%;height:100%;object-fit:cover;object-position:left center}
.st .card .n{position:absolute;left:13px;top:218px;font-size:16px;color:#f2f2f2}
.st .card .d{position:absolute;left:13px;top:242px;font-size:13.5px;color:#a3a3a3}
.st .card .mo{position:absolute;right:16px;top:216px;color:#a3a3a3;letter-spacing:1px}
.st .nxt{position:absolute;left:1472px;top:663px;width:40px;height:40px;border-radius:50%;background:rgba(20,20,20,.75);display:grid;place-items:center;color:#fff}
.st .bc{position:absolute;overflow:hidden;z-index:40;background:#000;transform-origin:0 0}
.st .bc img,.st .bc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st .cur{position:absolute;left:0;top:0;z-index:60;pointer-events:none}
.st .rip{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.75)}
.st .blk{position:absolute;inset:0;z-index:50;background:#000;pointer-events:none}
@media (prefers-reduced-motion:reduce){.st .spin{animation:none}}
/* ================= canvas world: Figma 13c structure (world px = Figma px) ================= */
.st .cvs{background:#121212}
.st .ch{font-size:26px;line-height:31px;font-weight:600;color:#f2f2f2;white-space:nowrap}
.st .gl{font-size:12px;line-height:14.5px;font-weight:500;color:#dedede;white-space:nowrap}
.st .gbx,.st .sbx{background:#1e1e1e;border-radius:6px}
.st .sbx.sel{background:rgba(217,217,217,.1);box-shadow:inset 0 0 0 .2px #fdfdfd}
.st .th{width:107px;height:80px;border-radius:4px;overflow:hidden;background:#222}
.st .th img,.st .scn>img:first-child,.st .shc>img{width:100%;height:100%;object-fit:cover}
.st .scn,.st .shc{width:107px;height:80px;border-radius:4px;overflow:hidden;background:#222;border:1px solid #212024}
.st .shc{background:#000}
.st .scn .gr,.st .ai .gr{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 67%,rgba(255,255,255,.6))}
.st .scn .tt,.st .ai .tt{position:absolute;left:4px;top:57px;width:86px;font-size:8px;line-height:11px;font-weight:600;letter-spacing:.24px;color:#fff;white-space:nowrap}
.st .scn .eb{position:absolute;left:4px;top:70px;width:30px;height:6px;border-radius:10px;background:#fcfcfc;font-size:3.125px;line-height:6px;letter-spacing:.09px;color:#121212;padding-left:2px;white-space:nowrap}
.st .scn .ebi{position:absolute;left:27px;top:71px;width:4px;height:4px}
.st .shc .chip{position:absolute;left:3px;top:69px;width:19px;height:6px;border-radius:10px;background:rgba(18,18,18,.25);font-size:3.125px;line-height:6px;letter-spacing:.09px;color:#fcfcfc;padding-left:2px;white-space:nowrap}
.st .scn.sel,.st .shc.sel{box-shadow:0 0 0 1px #121212,0 0 0 2px #fcfcfc}
.st .cap{width:74.4px;font-size:4.507px;line-height:5.5px;font-weight:500;color:rgba(255,255,255,.5)}
.st .vl2{font-size:12px;line-height:14.5px;font-weight:500;color:#a0a0ac;white-space:nowrap}
.st .vl2 b{font-weight:500;color:#fff}
.st .vc{width:107px;height:80px}
.st .vc>img,.st .vc .vb{position:absolute;left:0;top:10px;width:107px;height:60px;border-radius:2px;overflow:hidden;object-fit:cover;background:#161616}
.st .vc .vb img.fin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st .vc .ph8{position:absolute;inset:0;display:flex;align-items:flex-end;padding:3px 4px;font-size:5px;color:#8a8a8a}
.st .apk2{background:#0b0b0c;border-radius:8px}
.st .ai{width:107px;height:80px;border-radius:4px;overflow:hidden}
.st .ai .im{width:100%;height:100%;object-fit:cover;border-radius:4px}
.st .ai .bd{position:absolute;width:17.12px;height:17.12px;border-radius:4.28px;background:rgba(13,13,13,.5)}
.st .ai .ic{position:absolute;width:10.7px;height:10.7px}
.st .ai .gl{position:absolute;left:89.82px;top:6.62px;width:10.7px;height:10.7px;padding:1.1px}
.st .ai .sb{position:absolute;left:86.61px;top:3.41px;width:17.12px;height:17.12px}
.st .ai.sc{background:#222;border:1px solid #212024}
/* header (Figma ×1.111) */
.st .hd2{position:absolute;left:0;top:0;width:1600px;height:73.3px;z-index:30;pointer-events:none}
.st .hd2 .lg{position:absolute;left:18.9px;top:14.4px;width:35.6px;height:35.6px}
.st .pname{position:absolute;left:67.8px;top:23.3px;height:26.7px;display:flex;align-items:center;font-size:14.4px;line-height:17.8px;font-weight:600;letter-spacing:-.14px;color:#fcfcfc;white-space:nowrap}
.st .pname span{padding:0 4.4px}
.st .pname img{width:17.8px;height:17.8px;margin:0 4.4px}
.st .mtb{position:absolute;left:692.8px;top:23.3px;width:214.4px;height:53.3px;border-radius:13.3px;background:#222;padding:8.9px;display:flex;align-items:center;gap:4.4px;overflow:hidden}
.st .mtb .b{width:44.4px;height:44.4px;flex:none;display:grid;place-items:center;border-radius:13.3px;border:1px solid transparent}
.st .mtb .b.on{background:#333;border-color:rgba(160,160,172,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.st .mtb .b img.full{width:44.4px;height:44.4px}
.st .mtb .b img.g{width:20px;height:20px}
.st .mtb .dv{width:1.1px;height:26.7px;background:#424242;flex:none}
.st .hd2 .hr{position:absolute;left:1304.4px;top:0;width:295.6px;height:73.3px;padding:0 8.9px;display:flex;align-items:center;justify-content:space-between}
.st .hd2 .hp{width:26.7px;height:26.7px}
.st .hd2 .bl{width:20px;height:20px}
.st .hd2 .crd{display:flex;align-items:center;padding:11.1px 13.3px 11.1px 8.9px;font-size:15.6px;line-height:22.2px;font-weight:600;letter-spacing:-.31px;color:#fff}
.st .hd2 .crd img{width:22.2px;height:22.2px}
.st .hd2 .av{display:flex;align-items:center;padding:4.4px}
.st .hd2 .av .ph{width:35.6px;height:35.6px;border-radius:50%;border:2.2px solid #6f6f6f;box-shadow:0 0 0 2.2px #3582ff;overflow:hidden}
.st .hd2 .av .ph img{width:100%;height:100%;object-fit:cover}
.st .hd2 .av .cv{width:17.8px;height:17.8px}
/* Rubric V2 Panel / Collapsed bar (×1.111) */
.st .pill{position:absolute;left:1164.4px;top:801.9px;width:408.9px;height:71.1px;border-radius:13.3px;background:#0d0d0d;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 4.4px rgba(0,0,0,.18),0 0 17.8px rgba(0,0,0,.28);display:flex;align-items:center;gap:13.3px;padding:0 17.8px 0 26.7px;z-index:26;overflow:hidden}
.st .pill .pc{width:40px;height:40px;flex:none}
.st .pill .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:4.4px;white-space:nowrap;overflow:hidden}
.st .pill .lb{font-size:11.1px;line-height:15.6px;font-weight:500;letter-spacing:.67px;color:#a1a1a1}
.st .pill .pv{font-size:15.6px;line-height:22.2px;font-weight:500;color:#ebebeb}
.st .heroOv{position:absolute;z-index:5;object-fit:cover;pointer-events:none;display:block}
.st .shotr .sti{width:53.3px;height:35.6px;border-radius:4.4px;overflow:hidden;flex:none}
.st .shotr .sti img{width:100%;height:100%;object-fit:cover;border-radius:0}

/* square spinner + queued marker from the latest Canvas panel prototype (8 square dots on a square path) */
.st .sqs{position:relative;display:inline-block;width:14px;height:14px;flex:none}
.st .sqs i{position:absolute;width:2.4px;height:2.4px;border-radius:.5px;background:currentColor;opacity:.3}
.st .sqs.run i{opacity:.15;animation:cpsq 1.4s steps(8) infinite}
@keyframes cpsq{0%{opacity:1}100%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.st .sqs.run i{animation:none;opacity:.6}}

/* H1 home: the latest Studio home with the Rubric "Home / Chat input" (Figma 1561:154, INT-7041) drawn live on top.
   Rubric px x 0.8333 (the stage is 1600 wide for the app's 1920): 560 wide, 12 padding and gap, radius 16, 13/20 prompt, 32 tool buttons */
.st .home .hbg{position:absolute;left:0;top:0;width:1600px;height:900px}
.st .cin{position:absolute;left:566.67px;top:167.5px;width:466.67px;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;gap:10px;background:#0d0d0d;border:1px solid rgba(255,255,255,.06);border-radius:13.33px;transition:border-color .3s}
.st .cin.typing{border-color:rgba(255,255,255,.14)}
.st .cin .fld{min-height:43.33px;padding:0 6.67px 0 3.33px}
.st .cin .tx{font-size:10.83px;line-height:16.67px;color:#ebebeb}
.st .cin .tx .ph{color:#6e6e6e}
.st .cin .tx .caret{display:inline-block;width:1.25px;height:12.5px;background:#b4b4b4;vertical-align:-2px;margin-left:1px}
.st .cin .ups{display:flex;gap:6.67px;height:0;overflow:hidden}
.st .cin .ups img{width:46.67px;height:35px;border-radius:6.67px;object-fit:cover;border:1px solid rgba(255,255,255,.06);box-sizing:border-box;opacity:0}
.st .cin .tools{display:flex;justify-content:space-between;align-items:center}
.st .cin .l{display:flex;gap:1.67px;align-items:center}
.st .cin .r{display:flex;gap:6.67px;align-items:center}
.st .cin .ib{width:26.67px;height:26.67px;border-radius:13.33px;display:grid;place-items:center;color:#a1a1a1}
.st .cin .ib svg{width:13.33px;height:13.33px}
.st .cin .gm{height:26.67px;padding:0 6.67px;display:flex;gap:3.33px;align-items:center;font-size:10px;line-height:13.33px;color:#a1a1a1;white-space:nowrap}
.st .cin .gm svg{width:11.67px;height:11.67px}
.st .cin .cp{padding:6.67px 10px;border-radius:10px;background:linear-gradient(180deg,#3f8aff,#3074e0);box-shadow:0 1.67px 3.33px rgba(14,14,14,.5),inset 0 -.83px 1.67px rgba(19,19,19,.32),inset 0 .83px 1.67px rgba(255,255,255,.32);font-size:11.67px;line-height:16.67px;font-weight:500;color:#ebebeb;white-space:nowrap;opacity:.3;transition:opacity .3s}
.st .cin.ready .cp{opacity:1}
.st .cin .cp.press{filter:brightness(.85)}
/* panel bubble: the three uploads above the request */
.st .ub .ups{display:flex;gap:6.7px;margin-bottom:6.7px}
.st .ub .ups img{margin:0}
/* the brief card on the canvas */
.st .brf{background:#0b0b0b;border:1px solid #232327;border-radius:6px;padding:14px 14px 12px}
.st .brf .bt{font-size:19px;line-height:23px;font-weight:600;letter-spacing:-.3px;color:#f2f2f2;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid #2c2c31}
.st .brf .bf{margin-top:7px}
.st .brf .bf b{display:block;font-size:5.6px;line-height:8px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#7c7c86}
.st .brf .bf span{display:block;font-size:8.2px;line-height:12px;color:#d6d6dc}