.mock{--paper:#f7f7f5;--surface:#fff;--ink:#20221f;--muted:#6b7068;--line:#e3e5df;--violet:#6355d9;--violet-deep:#5245c4;--tint:#edebfc;--tint-2:#f4f2fd;--green:#327459;--green-bg:#e6f1ec;--red:#bd493b;--red-bg:#fbe9e6;--amber:#8a5a00;--amber-bg:#fbf0d9;--canvas:#1f1f24;--display:var(--font-manrope), ui-sans-serif, system-ui, sans-serif;--body:var(--font-geist), ui-sans-serif, system-ui, sans-serif;color:var(--ink);font-family:var(--body);text-align:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.55}:is(.mock,.mock *) h3,:is(.mock,.mock *) h4,:is(.mock,.mock *) h5{font-family:var(--display);letter-spacing:-.01em;margin:0}:is(.mock,.mock *) p{margin:0}:is(.mock,.mock *) svg{display:block}:is(.mock,.mock *) .brand{font-family:var(--display);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}:is(.mock,.mock *) .pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}:is(.mock,.mock *) .pill.green{background:var(--green-bg);color:var(--green)}:is(.mock,.mock *) .pill.red{background:var(--red-bg);color:var(--red)}:is(.mock,.mock *) .pill.violet{background:var(--tint);color:var(--violet)}:is(.mock,.mock *) .pill.amber{background:var(--amber-bg);color:var(--amber);text-transform:none;letter-spacing:0;font-size:12px}:is(.mock,.mock *) .pill.plain{background:var(--paper);color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px}:is(.mock,.mock *) .eyebrow{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);font-size:12px;font-weight:500}:is(.mock,.mock *).chrome{font-family:var(--body);background:#dfe1dc;border:1px solid #c9ccc4;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #20221f59}:is(.mock,.mock *).chrome .tabs{align-items:flex-end;gap:6px;height:40px;padding:8px 12px 0;display:flex}:is(.mock,.mock *).chrome .dots{align-self:center;gap:6px;margin-right:8px;display:flex}:is(.mock,.mock *).chrome .dots i{background:#c2c5bd;border-radius:50%;width:11px;height:11px}:is(.mock,.mock *).chrome .tab{height:32px;color:var(--ink);background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}:is(.mock,.mock *).chrome .tab .fav{background:#3d3a5e;border-radius:4px;width:14px;height:14px}:is(.mock,.mock *).chrome .tab.dim{color:#6b6f66;background:0 0}:is(.mock,.mock *).chrome .bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}:is(.mock,.mock *).chrome .bar .nav-ic{color:#9a9e95;gap:10px;display:flex}:is(.mock,.mock *).chrome .omni{color:#4a4d46;background:#f1f3ee;border-radius:14px;flex:1;align-items:center;gap:8px;height:28px;padding:0 12px;font-size:12px;display:flex}:is(.mock,.mock *).chrome .omni svg{color:#8a8e85;width:11px;height:11px}:is(.mock,.mock *).chrome .ext{align-items:center;gap:10px;display:flex}:is(.mock,.mock *).chrome .ext .fs{background:var(--violet);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}:is(.mock,.mock *).chrome .ext .fs svg{width:14px;height:14px}:is(.mock,.mock *).chrome .ext .sp{border:1.5px solid #8a8e85;border-radius:3px;width:18px;height:14px;position:relative}:is(.mock,.mock *).chrome .ext .sp:after{content:"";background:#8a8e85;width:6px;position:absolute;top:0;bottom:0;right:0}:is(.mock,.mock *).chrome .body{background:#fff;display:flex}:is(.mock,.mock *).acme{min-width:0;font-family:var(--body);color:var(--ink);background:#fff;flex:1;display:flex;position:relative}:is(.mock,.mock *).acme .side{border-right:1px solid var(--line);width:150px;color:var(--muted);background:#fafaf8;padding:20px 16px;font-size:11px}:is(.mock,.mock *).acme .side .logo{color:var(--ink);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}:is(.mock,.mock *).acme .side .logo i{background:linear-gradient(180deg,var(--ink) 50%,#fff 50%);border:1px solid var(--ink);border-radius:50%;width:11px;height:11px}:is(.mock,.mock *).acme .side .grp{letter-spacing:.04em;margin:12px 0 6px;font-size:10px}:is(.mock,.mock *).acme .side .it{height:26px;color:var(--ink);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:flex;position:relative}:is(.mock,.mock *).acme .side .it.on{background:#eeefe9;font-weight:500}:is(.mock,.mock *).acme .side .it svg{width:12px;height:12px;color:var(--muted)}:is(.mock,.mock *).acme .side .team{align-items:center;height:22px;padding-left:8px;display:flex}:is(.mock,.mock *).acme .main{flex:1;min-width:0;padding:24px 28px}:is(.mock,.mock *).acme .head{justify-content:space-between;align-items:center;display:flex}:is(.mock,.mock *).acme .head h4{font-family:var(--display);font-size:20px;font-weight:700}:is(.mock,.mock *).acme .newp{background:var(--violet);color:#fff;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex;position:relative}:is(.mock,.mock *).acme .ftabs{color:var(--muted);gap:18px;margin-top:16px;font-size:12px;display:flex}:is(.mock,.mock *).acme .ftabs b{color:var(--ink);font-weight:500}:is(.mock,.mock *).acme table{border-collapse:collapse;width:100%;margin-top:14px;font-size:12px}:is(.mock,.mock *).acme th{color:var(--muted);text-align:left;background:#f7f7f5;padding:9px 10px;font-size:11px;font-weight:400}:is(.mock,.mock *).acme td{border-bottom:1px solid var(--line);padding:11px 10px}:is(.mock,.mock *).acme td:first-child{font-weight:500}:is(.mock,.mock *).acme td.blur{position:relative}:is(.mock,.mock *).acme td.blur span{filter:blur(1px);background:#e6e6e0;border-radius:4px;width:110px;height:14px;display:inline-block}:is(.mock,.mock *).hl{border:2px dashed var(--violet);pointer-events:none;border-radius:4px;position:absolute;inset:-7px -8px}:is(.mock,.mock *).hl:before,:is(.mock,.mock *).hl:after,:is(.mock,.mock *).hl i:before,:is(.mock,.mock *).hl i:after{content:"";border:1.5px solid var(--violet);background:#fff;width:6px;height:6px;position:absolute}:is(.mock,.mock *).hl:before{top:-4px;left:-4px}:is(.mock,.mock *) .hl:after{top:-4px;right:-4px}:is(.mock,.mock *) .hl i:before{bottom:-4px;left:-4px}:is(.mock,.mock *) .hl i:after{bottom:-4px;right:-4px}:is(.mock,.mock *).hl i{position:absolute;inset:0}:is(.mock,.mock *).badge{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid;position:absolute;top:-14px;left:-10px;box-shadow:0 0 0 2px #fff}:is(.mock,.mock *).stepnum{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-grid}:is(.mock,.mock *).stepnum.v{background:var(--violet)}:is(.mock,.mock *).panel{border-left:1px solid var(--line);width:320px;font-family:var(--body);color:var(--ink);background:#fff;flex-direction:column;display:flex}:is(.mock,.mock *).panel.standalone{border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 60px -30px #20221f59}:is(.mock,.mock *).panel .ph{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}:is(.mock,.mock *).panel .ph .brand{font-size:15px}:is(.mock,.mock *).panel .ph .brand .mark{width:24px;height:24px}:is(.mock,.mock *).panel .ph svg.g{width:16px;height:16px;color:var(--muted)}:is(.mock,.mock *).panel .pb{padding:20px}:is(.mock,.mock *).panel h3{margin:10px 0 6px;font-size:20px;font-weight:700}:is(.mock,.mock *).panel .sub{color:var(--muted);font-size:12.5px;line-height:1.5}:is(.mock,.mock *).panel .row{justify-content:space-between;align-items:center;display:flex}:is(.mock,.mock *).panel .timer{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}:is(.mock,.mock *).panel .count{background:var(--paper);border-radius:8px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}:is(.mock,.mock *).panel .count svg{width:14px;height:14px;color:var(--green)}:is(.mock,.mock *).panel .steps{flex-direction:column;gap:8px;margin-top:12px;display:flex}:is(.mock,.mock *).panel .st{border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}:is(.mock,.mock *).panel .st.on{background:var(--tint-2);border-color:#cfc9f4}:is(.mock,.mock *).panel .st .th{border:1px solid var(--line);background:#fff;border-radius:4px;flex:none;width:64px;height:42px;position:relative;overflow:hidden}:is(.mock,.mock *).panel .st .th .stepnum{width:18px;height:18px;font-size:9px;position:absolute;top:-4px;left:-4px}:is(.mock,.mock *).panel .st b{font-size:12.5px;font-weight:500;display:block}:is(.mock,.mock *).panel .st span{color:var(--muted);font-size:11px}:is(.mock,.mock *).panel .ctl{gap:8px;margin-top:14px;display:flex}:is(.mock,.mock *).panel .pbtn{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:40px;font-size:13px;font-weight:500;display:inline-flex}:is(.mock,.mock *).panel .pbtn.p{background:var(--violet);border-color:var(--violet);color:#fff;flex:1.6}:is(.mock,.mock *).panel .pbtn svg{width:14px;height:14px}:is(.mock,.mock *).panel .foot{justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}:is(.mock,.mock *).panel .foot .save{color:var(--green);align-items:center;gap:5px;display:inline-flex}:is(.mock,.mock *).panel .foot .save svg{width:12px;height:12px}:is(.mock,.mock *).panel .tabline{color:var(--muted);margin-top:16px;font-size:11px}:is(.mock,.mock *).panel .hero-card{background:var(--tint);border-radius:12px;height:150px;padding:16px 0 0 16px;position:relative;overflow:hidden}:is(.mock,.mock *).panel .hero-card .mini{transform-origin:0 0;border:1px solid var(--line);border-radius:6px;width:340px;overflow:hidden;transform:rotate(-3deg)translate(8px,14px);box-shadow:0 10px 24px -10px #20221f66}:is(.mock,.mock *).panel .card{background:var(--paper);border-radius:12px;margin-top:14px;padding:14px}:is(.mock,.mock *).panel .card .lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}:is(.mock,.mock *).panel .card .tabname{align-items:center;gap:12px;margin-top:6px;display:flex}:is(.mock,.mock *).panel .card .tabname .ic{border:1px solid var(--line);width:36px;height:36px;color:var(--violet);background:#fff;border-radius:8px;place-items:center;display:grid}:is(.mock,.mock *).panel .card .tabname .ic svg{width:16px;height:16px}:is(.mock,.mock *).panel .card .tabname b{font-size:13px;font-weight:500;display:block}:is(.mock,.mock *).panel .card .tabname span{color:var(--muted);font-size:11.5px}:is(.mock,.mock *).panel .card.priv b{align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}:is(.mock,.mock *).panel .card.priv b svg{width:14px;height:14px;color:var(--green)}:is(.mock,.mock *).panel .card.priv p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5}:is(.mock,.mock *).panel .start{background:var(--violet);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;margin-top:14px;font-size:14px;font-weight:500;display:flex}:is(.mock,.mock *).panel .start svg{width:15px;height:15px}:is(.mock,.mock *).panel .ok{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}:is(.mock,.mock *).panel .ok svg{width:13px;height:13px;color:var(--green)}:is(.mock,.mock *).mini-acme{background:#fff;height:100%;font-size:4px;display:flex}:is(.mock,.mock *).mini-acme .s{border-right:1px solid var(--line);background:#fafaf8;width:26%;padding:4px}:is(.mock,.mock *).mini-acme .s i{background:#d9dbd3;border-radius:1px;height:2px;margin:3px 0;display:block}:is(.mock,.mock *).mini-acme .s i:first-child{background:#b6b9b0;width:70%}:is(.mock,.mock *).mini-acme .m{flex:1;padding:5px 6px;position:relative}:is(.mock,.mock *).mini-acme .m .t{background:var(--ink);border-radius:1px;width:28%;height:3px}:is(.mock,.mock *).mini-acme .m .b{background:var(--violet);border-radius:2px;width:22%;height:6px;position:absolute;top:5px;right:6px}:is(.mock,.mock *).mini-acme .m i{background:#e3e5df;border-radius:1px;height:2px;margin:5px 0;display:block}:is(.mock,.mock *).mini-acme .m i:first-of-type{margin-top:12px}:is(.mock,.mock *).editor{background:var(--paper);border:1px solid var(--line);width:1100px;font-family:var(--body);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #20221f59}:is(.mock,.mock *).editor .top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;font-size:14px;display:flex}:is(.mock,.mock *).editor .top .l{align-items:center;gap:14px;display:flex}:is(.mock,.mock *).editor .top .l .bk{color:var(--ink);align-items:center;gap:8px;font-weight:500;display:flex}:is(.mock,.mock *).editor .top .l .bk svg{width:14px;height:14px}:is(.mock,.mock *).editor .top .l .sep{background:var(--line);width:1px;height:20px}:is(.mock,.mock *).editor .top .r{align-items:center;gap:12px;display:flex}:is(.mock,.mock *).editor .top .saved{color:var(--green);align-items:center;gap:6px;font-size:12.5px;display:flex}:is(.mock,.mock *).editor .top .saved svg{width:13px;height:13px}:is(.mock,.mock *).editor .top .tb{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}:is(.mock,.mock *).editor .top .tb.p{background:var(--violet);border-color:var(--violet);color:#fff}:is(.mock,.mock *).editor .top .tb svg{width:14px;height:14px}:is(.mock,.mock *).editor .cols{display:flex}:is(.mock,.mock *).editor .rail{border-right:1px solid var(--line);background:#fff;width:236px;padding:20px 14px}:is(.mock,.mock *).editor .rail .rh{letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;padding:0 6px 14px;font-size:11px;display:flex}:is(.mock,.mock *).editor .rail .rh i{background:var(--paper);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal}:is(.mock,.mock *).editor .rail .st{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 6px;display:flex}:is(.mock,.mock *).editor .rail .st.on{background:var(--tint-2);border-color:#cfc9f4}:is(.mock,.mock *).editor .rail .st .grip{color:#c4c7bf;letter-spacing:-1px;width:6px;font-size:10px;line-height:.6}:is(.mock,.mock *).editor .rail .st .th{border:1px solid var(--line);background:#fff;border-radius:4px;flex:none;width:64px;height:42px;position:relative;overflow:hidden}:is(.mock,.mock *).editor .rail .st .th .stepnum{width:18px;height:18px;font-size:9px;position:absolute;top:-4px;left:-4px}:is(.mock,.mock *).editor .rail .st b{font-size:12px;font-weight:500;line-height:1.3;display:block}:is(.mock,.mock *).editor .rail .st span{color:var(--muted);font-size:10.5px}:is(.mock,.mock *).editor .rail .add{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;margin-top:8px;font-size:12.5px;font-weight:500;display:flex}:is(.mock,.mock *).editor .doc{flex:1;min-width:0;padding:28px 40px}:is(.mock,.mock *).editor .doc h4{font-family:var(--display);font-size:28px;font-weight:700}:is(.mock,.mock *).editor .doc .desc{color:var(--muted);margin-top:8px;font-size:14px}:is(.mock,.mock *).editor .doc .meta{color:var(--muted);gap:14px;margin-top:8px;font-size:12px;display:flex}:is(.mock,.mock *).editor .doc .meta a{color:var(--violet);text-decoration:none}:is(.mock,.mock *).editor .stepcard{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:24px;padding:22px 24px}:is(.mock,.mock *).editor .stepcard .sh{justify-content:space-between;align-items:center;display:flex}:is(.mock,.mock *).editor .stepcard .sh .t{font-family:var(--display);align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}:is(.mock,.mock *).editor .stepcard .sh .trash{color:var(--ink);align-items:center;gap:6px;font-size:13px;display:flex}:is(.mock,.mock *).editor .stepcard .sh .trash svg{width:14px;height:14px}:is(.mock,.mock *).editor .stepcard .ins{border-bottom:1px solid var(--line);color:var(--muted);margin-top:12px;padding-bottom:14px;font-size:14px}:is(.mock,.mock *).editor .stepcard .shot{justify-content:space-between;align-items:center;margin:14px 0;display:flex}:is(.mock,.mock *).editor .stepcard .shot .l{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}:is(.mock,.mock *).editor .stepcard .shot .r{gap:10px;display:flex}:is(.mock,.mock *).editor .stepcard .shot .tb{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}:is(.mock,.mock *).editor .stepcard .shot .tb svg{width:13px;height:13px}:is(.mock,.mock *).editor .stepcard .frame{border:1px solid var(--line);border-radius:8px;overflow:hidden}:is(.mock,.mock *).editor .stepcard .frame .url{border-bottom:1px solid var(--line);color:#4a4d46;background:#f1f3ee;align-items:center;gap:10px;height:40px;padding:0 14px;font-size:12px;display:flex}:is(.mock,.mock *).editor .stepcard .frame .url .dots{gap:5px;display:flex}:is(.mock,.mock *).editor .stepcard .frame .url .dots i{background:#c2c5bd;border-radius:50%;width:9px;height:9px}:is(.mock,.mock *).editor .stepcard .foot{color:var(--muted);justify-content:space-between;margin-top:14px;font-size:12px;display:flex}:is(.mock,.mock *).anno{border:1px solid var(--line);width:1100px;font-family:var(--body);color:var(--ink);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 60px -30px #20221f73}:is(.mock,.mock *).anno .top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 20px;font-size:14px;display:flex}:is(.mock,.mock *).anno .top .l{align-items:center;gap:14px;display:flex}:is(.mock,.mock *).anno .top .l .bk{align-items:center;gap:8px;font-weight:500;display:flex}:is(.mock,.mock *).anno .top .l .bk svg{width:14px;height:14px}:is(.mock,.mock *).anno .top .r{align-items:center;gap:16px;display:flex}:is(.mock,.mock *).anno .top .apply{background:var(--violet);color:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}:is(.mock,.mock *).anno .top .apply svg{width:14px;height:14px}:is(.mock,.mock *).anno .cols{display:flex}:is(.mock,.mock *).anno .canvas{background:var(--canvas);flex:1;min-width:0;padding:22px}:is(.mock,.mock *).anno .tools{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;height:52px;padding:8px;display:flex}:is(.mock,.mock *).anno .tools .g{gap:4px;display:flex}:is(.mock,.mock *).anno .tools .t{border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}:is(.mock,.mock *).anno .tools .t.on{background:var(--violet);color:#fff}:is(.mock,.mock *).anno .tools .t svg{width:14px;height:14px}:is(.mock,.mock *).anno .shot{background:#fff;border-radius:10px;margin-top:18px;position:relative;overflow:hidden}:is(.mock,.mock *).anno .shot .url{border-bottom:1px solid var(--line);color:#4a4d46;background:#f1f3ee;align-items:center;gap:10px;height:40px;padding:0 14px;font-size:12px;display:flex}:is(.mock,.mock *).anno .shot .url .dots{gap:5px;display:flex}:is(.mock,.mock *).anno .shot .url .dots i{background:#c2c5bd;border-radius:50%;width:9px;height:9px}:is(.mock,.mock *).anno .status{color:#c9cbc4;justify-content:space-between;margin-top:14px;font-size:12px;display:flex}:is(.mock,.mock *).anno .props{border-left:1px solid var(--line);background:#fff;width:270px;padding:22px 20px;font-size:13px}:is(.mock,.mock *).anno .props h5{font-family:var(--display);margin:0;font-size:17px;font-weight:700}:is(.mock,.mock *).anno .props .hint{color:var(--muted);margin-top:6px;font-size:11.5px}:is(.mock,.mock *).anno .props .lbl{margin:22px 0 8px;font-size:11px;font-weight:600}:is(.mock,.mock *).anno .props .sw{gap:8px;display:flex}:is(.mock,.mock *).anno .props .sw i{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}:is(.mock,.mock *).anno .props .sw i svg{width:13px;height:13px}:is(.mock,.mock *).anno .props .two{gap:10px;margin-top:8px;display:flex}:is(.mock,.mock *).anno .props .two div{flex:1}:is(.mock,.mock *).anno .props .two .in{border:1px solid var(--line);border-radius:8px;align-items:center;height:38px;padding:0 12px;font-size:12.5px;display:flex}:is(.mock,.mock *).anno .props .two .l2{margin-bottom:6px;font-size:11px;font-weight:600}:is(.mock,.mock *).anno .props .list{flex-direction:column;gap:6px;margin-top:8px;display:flex}:is(.mock,.mock *).anno .props .li{background:var(--paper);border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 12px;font-size:12.5px;display:flex}:is(.mock,.mock *).anno .props .li.on{background:var(--tint-2);color:var(--violet);font-weight:500}:is(.mock,.mock *).anno .props .li svg{width:13px;height:13px}:is(.mock,.mock *).anno .props .li i{color:var(--muted);letter-spacing:1px;margin-left:auto;font-style:normal}:is(.mock,.mock *).anno .props .pc{background:var(--paper);border-radius:12px;margin-top:26px;padding:14px}:is(.mock,.mock *).anno .props .pc svg{width:14px;height:14px;color:var(--green)}:is(.mock,.mock *).anno .props .pc b{margin-top:8px;font-size:12px;display:block}:is(.mock,.mock *).anno .props .pc p{color:var(--muted);margin-top:4px;font-size:11.5px;line-height:1.5}:is(.mock,.mock *).arrow-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}:is(.mock,.mock *).textlbl{background:var(--violet);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute}:is(.mock,.mock *).dialog{border:1px solid var(--line);width:560px;font-family:var(--body);color:var(--ink);background:#fff;border-radius:16px;padding:32px;box-shadow:0 40px 80px -30px #20221f66}:is(.mock,.mock *).dialog .dh{justify-content:space-between;align-items:center;display:flex}:is(.mock,.mock *).dialog h4{font-family:var(--display);font-size:24px;font-weight:700}:is(.mock,.mock *).dialog .dh svg{width:16px;height:16px;color:var(--ink)}:is(.mock,.mock *).dialog .sub{color:var(--muted);margin-top:8px;font-size:14px}:is(.mock,.mock *).dialog .opt{border:1px solid var(--line);border-radius:10px;align-items:center;gap:16px;margin-top:12px;padding:16px 18px;display:flex}:is(.mock,.mock *).dialog .opt.on{background:var(--tint-2);border-color:#cfc9f4}:is(.mock,.mock *).dialog .opt .ic{width:22px;color:var(--violet);flex:none}:is(.mock,.mock *).dialog .opt .ic svg{width:20px;height:20px}:is(.mock,.mock *).dialog .opt b{font-size:14px;font-weight:500;display:block}:is(.mock,.mock *).dialog .opt span{color:var(--muted);font-size:12.5px}:is(.mock,.mock *).dialog .opt .chk{color:var(--violet);margin-left:auto}:is(.mock,.mock *).dialog .opt .chk svg{width:16px;height:16px}:is(.mock,.mock *).dialog .note{background:var(--paper);color:var(--muted);border-radius:10px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px;font-size:12.5px;line-height:1.5;display:flex}:is(.mock,.mock *).dialog .note svg{width:14px;height:14px;color:var(--green);flex:none;margin-top:2px}:is(.mock,.mock *).dialog .acts{justify-content:space-between;margin-top:22px;display:flex}:is(.mock,.mock *).dialog .acts .b{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}:is(.mock,.mock *).dialog .acts .b.p{background:var(--violet);border-color:var(--violet);color:#fff}:is(.mock,.mock *).dialog .acts .b svg{width:14px;height:14px}:is(.mock,.mock *).reader{background:var(--paper);border:1px solid var(--line);width:1100px;font-family:var(--body);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #20221f59}:is(.mock,.mock *).reader .top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 20px;font-size:13px;display:flex}:is(.mock,.mock *).reader .top .l{align-items:center;gap:12px;display:flex}:is(.mock,.mock *).reader .top .l .brand{font-size:16px}:is(.mock,.mock *).reader .top .l .brand .mark{width:26px;height:26px}:is(.mock,.mock *).reader .top .c{color:var(--muted);font-size:12.5px}:is(.mock,.mock *).reader .top .tb{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}:is(.mock,.mock *).reader .top .tb svg{width:13px;height:13px}:is(.mock,.mock *).reader .cols{gap:28px;padding:28px 24px;display:flex}:is(.mock,.mock *).reader .toc{flex:none;width:220px}:is(.mock,.mock *).reader .toc .lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10.5px}:is(.mock,.mock *).reader .toc h5{font-family:var(--display);margin:10px 0 4px;font-size:17px;font-weight:700}:is(.mock,.mock *).reader .toc .m{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px;font-size:11.5px}:is(.mock,.mock *).reader .toc .st{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:7px 6px;display:flex}:is(.mock,.mock *).reader .toc .st.on{background:var(--tint-2);border-color:#cfc9f4}:is(.mock,.mock *).reader .toc .st .th{border:1px solid var(--line);background:#fff;border-radius:4px;flex:none;width:58px;height:38px;position:relative;overflow:hidden}:is(.mock,.mock *).reader .toc .st .th .stepnum{width:17px;height:17px;font-size:9px;position:absolute;top:-4px;left:-4px}:is(.mock,.mock *).reader .toc .st b{font-size:11.5px;font-weight:500;line-height:1.3;display:block}:is(.mock,.mock *).reader .toc .st span{color:var(--muted);font-size:10px}:is(.mock,.mock *).reader .toc .made{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.5}:is(.mock,.mock *).reader .toc .made svg{width:13px;height:13px;color:var(--green);margin-bottom:6px}:is(.mock,.mock *).reader .doc{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;min-width:0;overflow:hidden}:is(.mock,.mock *).reader .doc .band{background:var(--tint);padding:30px 32px}:is(.mock,.mock *).reader .doc .band .eyebrow{font-size:10.5px}:is(.mock,.mock *).reader .doc .band h4{font-family:var(--display);margin-top:10px;font-size:28px;font-weight:700}:is(.mock,.mock *).reader .doc .band p{color:var(--muted);margin-top:8px;font-size:13.5px}:is(.mock,.mock *).reader .doc .band .meta{color:var(--muted);gap:14px;margin-top:8px;font-size:12px;display:flex}:is(.mock,.mock *).reader .doc .band .meta a{color:var(--violet);text-decoration:none}:is(.mock,.mock *).reader .doc .step{padding:28px 32px 20px}:is(.mock,.mock *).reader .doc .step .t{font-family:var(--display);align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}:is(.mock,.mock *).reader .doc .step .ins{color:var(--ink);margin-top:14px;font-size:14px}:is(.mock,.mock *).reader .doc .step .frame{border:1px solid var(--line);border-radius:8px;margin-top:18px;overflow:hidden}:is(.mock,.mock *).reader .doc .step .frame .url{border-bottom:1px solid var(--line);color:#4a4d46;background:#f1f3ee;align-items:center;gap:10px;height:36px;padding:0 14px;font-size:11.5px;display:flex}:is(.mock,.mock *).reader .doc .step .frame .url .dots{gap:5px;display:flex}:is(.mock,.mock *).reader .doc .step .frame .url .dots i{background:#c2c5bd;border-radius:50%;width:9px;height:9px}