*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;color:#1f2328;background:#e9ebef;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}#root{height:100%}.kit-root{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.kit-bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 12px;min-height:40px;background:#15171c;color:#f2f3f5;font-size:13px;z-index:5}.kit-bar__label{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.kit-bar__tag{flex:0 0 auto;background:#a069ef;color:#fff;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:6px}.kit-bar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c9ccd3}.kit-bar__text b{color:#fff;font-weight:600}.kit-bar__links{display:flex;align-items:center;gap:6px;flex:0 0 auto}.kit-bar a,.kit-bar__btn{color:#f2f3f5;text-decoration:none;border:1px solid rgba(255,255,255,.22);background:transparent;border-radius:8px;padding:4px 9px;font-size:12.5px;white-space:nowrap}.kit-bar a.kit-bar__cta{background:#a069ef;border-color:#a069ef;color:#fff;font-weight:600}.kit-bar a:hover,.kit-bar__btn:hover{border-color:#ffffff80}.kit-bar a:focus-visible,.kit-bar__btn:focus-visible{outline:2px solid #a069ef;outline-offset:2px}.kit-short{display:none}@media(max-width:560px){.kit-bar{padding:6px 8px;gap:6px}.kit-long{display:none}.kit-short{display:inline}.kit-bar a,.kit-bar__btn{padding:4px 7px;font-size:12px}.kit-bar__btn{display:none}.kit-bar__text{font-size:12px}}@media(max-width:360px){.kit-bar{flex-wrap:wrap;row-gap:4px}.kit-bar__label{flex:1 0 100%}.kit-bar__links{flex:1 0 100%;justify-content:flex-end}}.kit-strip{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:7px 10px;background:#fff;border-bottom:1px solid #dfe2e8;font-size:13px;z-index:4}.kit-strip__main{display:flex;align-items:center;gap:8px}.kit-strip__num{flex:0 0 auto;font-weight:700;color:#6b3fc2;background:#f1eafd;border-radius:999px;padding:2px 8px;font-size:12px}.kit-strip__text{flex:1 1 auto;min-width:0;line-height:1.3}.kit-strip__text b{font-weight:600}.kit-strip__text a{color:#6b3fc2;font-weight:600}.kit-strip__restart{flex:0 0 auto;border:1px solid #d5d9e0;background:#fff;border-radius:8px;width:30px;height:28px;font-size:15px;color:#4a505c}.kit-strip__acts{display:flex;gap:6px;padding-left:2px}.kit-panel{flex:0 0 320px;max-width:340px;display:flex;flex-direction:column;gap:12px;padding:18px 8px 18px 22px;overflow:auto}.kit-panel__head{font-size:13px;color:#5b616e;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kit-panel__title{font-size:19px;font-weight:700;line-height:1.25;color:#15171c;margin:0}.kit-panel__lead{font-size:13.5px;color:#4a505c;margin:0}.kit-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.kit-step{display:flex;gap:10px;padding:9px 10px;border-radius:10px;font-size:13.5px;color:#6b7180;background:transparent}.kit-step__n{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#dde0e6;color:#4a505c}.kit-step.is-done{color:#4a505c}.kit-step.is-done .kit-step__n{background:#2f9e62;color:#fff}.kit-step.is-current{background:#fff;color:#15171c;box-shadow:0 1px 3px #14171c14,0 0 0 1.5px #a069ef}.kit-step.is-current .kit-step__n{background:#a069ef;color:#fff}.kit-step__body{display:flex;flex-direction:column;gap:6px;min-width:0}.kit-act{border:1px solid #c9cdd6;background:#fff;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;color:#1f2328;white-space:nowrap}.kit-act.is-hot{border-color:#a069ef;background:#a069ef;color:#fff;animation:kit-pulse 1.6s ease-out infinite}.kit-act.is-on{border-color:#2f9e62;color:#1d7a48}.kit-act.is-off{border-color:#c0392b;color:#a52a1c}.kit-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kit-controls__label{font-size:12px;color:#5b616e}.kit-final{background:#15171c;color:#f2f3f5;border-radius:12px;padding:14px;font-size:13.5px;display:flex;flex-direction:column;gap:10px}.kit-final a{color:#fff;background:#a069ef;border-radius:8px;padding:7px 12px;text-decoration:none;font-weight:600;align-self:flex-start}.kit-stage{flex:1 1 auto;min-height:0;display:flex;position:relative}.kit-area{flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;position:relative}.kit-bare{flex:1 1 auto;min-width:0;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff}.kit-phone{width:414px;height:868px;padding:12px;border-radius:54px;background:#121418;box-shadow:0 30px 60px -20px #14171c73,inset 0 0 0 2px #2a2d33;position:relative}.kit-phone__screen{width:390px;height:844px;border-radius:42px;overflow:hidden;background:#fff;position:relative;display:flex;flex-direction:column}.kit-status{flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding:6px 28px 0;font-size:13px;font-weight:600;color:#15171c}.kit-status__icons{display:flex;gap:6px;align-items:center}.kit-phone__app{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.kit-browser{width:1200px;height:780px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -24px #14171c66,0 0 0 1px #d3d7de;display:flex;flex-direction:column}.kit-browser__chrome{flex:0 0 38px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#eef0f3;border-bottom:1px solid #dadde3}.kit-browser__dots{display:flex;gap:6px}.kit-browser__dots i{width:11px;height:11px;border-radius:50%;background:#cfd3da;display:block}.kit-browser__url{flex:1 1 auto;max-width:560px;margin:0 auto;background:#fff;border-radius:7px;height:24px;font-size:12px;color:#5b616e;display:flex;align-items:center;padding:0 10px;gap:6px}.kit-browser__app{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.kit-hot{position:relative;z-index:1;animation:kit-pulse 1.6s ease-out infinite}@keyframes kit-pulse{0%{box-shadow:0 0 #a069efa6}70%{box-shadow:0 0 0 10px #a069ef00}to{box-shadow:0 0 #a069ef00}}@media(prefers-reduced-motion:reduce){.kit-hot,.kit-act.is-hot{animation:none;outline:3px solid #a069ef;outline-offset:2px}}.kit-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);max-width:min(92vw,440px);background:#15171c;color:#fff;font-size:13.5px;padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px #00000040;z-index:50}.sf{--sf-head: #faed9e;--sf-card: #f5edc8;--sf-line: #98967c;--sf-pause: #c5c5c5;--sf-done: #c3ddc2;--sf-strip: #bbd5ba;--sf-cmd: #3d4548;--sf-err: #a83218;--sf-text: #1f1f1f;--sf-text2: #404040;--sf-block: #4c547b;--sf-group: #1c7148;--sf-icon: #3f8e3d;--sf-field: #949494;height:100%;display:flex;flex-direction:column;background:#fff;color:var(--sf-text);font-size:15px}.sf-head{flex:0 0 auto;background:var(--sf-head);padding:8px 12px 6px;border-bottom:1px solid #d8cb73}.sf-who{font-weight:700;font-size:17px;line-height:1.2}.sf-row{display:flex;align-items:center;gap:6px;margin-top:2px}.sf-timer{flex:1 1 auto;text-align:center;font:700 28px/1.1 ui-monospace,Cascadia Mono,Consolas,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px}.sf-icobtn{width:48px;height:48px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;color:var(--sf-icon)}.sf-icobtn.is-offline{color:var(--sf-err)}.sf-ico.is-spin{animation:sf-spin 1s linear infinite}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-state{font-size:12.5px;color:var(--sf-text2);text-align:center;min-height:16px}.sf-state[data-sf-state=offline]{color:var(--sf-err);font-weight:700}.sf-tabs{flex:0 0 auto;display:flex;background:#e5e5e5;padding:6px 6px 0;gap:4px;overflow-x:auto}.sf-tab{flex:1 0 auto;border:0;background:#e5e5e5;color:var(--sf-text);padding:10px 6px;font-size:14.5px;border-radius:8px 8px 0 0;min-height:44px}.sf-tab.is-on{background:#fff;font-weight:700}.sf-main{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sf-list{padding:8px 12px 16px;display:flex;flex-direction:column;gap:8px}.sf-block__h{margin:8px 0 2px;font-size:16px;color:var(--sf-block);font-weight:700}.sf-empty{margin:4px 0;font-size:13.5px;color:var(--sf-text2)}.sf-task{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.sf-line{display:flex;gap:6px;align-items:stretch}.sf-card{flex:1 1 auto;min-width:0;text-align:left;display:flex;flex-direction:column;gap:1px;background:var(--sf-card);border:1px solid var(--sf-line);border-radius:12px;padding:9px 11px;font-size:13.5px;line-height:1.32;color:var(--sf-text)}.sf-card b{font-size:14.5px}.sf-card.is-done{background:var(--sf-done)}.sf-card.is-static{cursor:default}.sf-muted{color:var(--sf-text2)}.sf-pending{align-self:flex-start;margin-top:3px;font-size:12px;font-weight:700;color:#6b3fc2;background:#efe6fd;border-radius:6px;padding:1px 6px}.sf-reject{margin-top:3px;font-size:12.5px;font-weight:700;color:var(--sf-err)}.sf-act{flex:0 0 84px;border:1px solid var(--sf-line);background:var(--sf-card);border-radius:12px;font-weight:700;font-size:15px;min-height:48px}.sf-act.is-pause{background:var(--sf-pause);border-color:#9a9a9a}.sf-strip{border:0;background:var(--sf-strip);border-radius:12px;min-height:48px;font-weight:700;font-size:15px}.sf-wide{width:100%;min-height:64px;border:1px solid var(--sf-line);background:var(--sf-card);border-radius:12px;font-weight:700;font-size:14.5px;padding:10px 12px;text-align:center}.sf-back{min-height:52px}.sf-sub{margin:6px 0 2px}.sf-field{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--sf-field);border-radius:8px;padding:8px 10px;font-size:13.5px}.sf-spec{border:1px solid #d8d8d8;border-radius:10px;padding:6px 8px 8px;background:#fff}.sf-spec__g{color:var(--sf-group);font-weight:700;font-size:13.5px;margin:6px 0 4px}.sf-spec__row{display:flex;gap:6px;margin-bottom:4px}.sf-spec__name{flex:1 1 auto;border:1px solid var(--sf-field);border-radius:8px;padding:6px 8px;font-size:13.5px}.sf-spec__qty{flex:0 0 54px;border:1px solid var(--sf-field);border-radius:8px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:3px 8px}.sf-spec__qty b{font-size:15px}.sf-spec__qty small{font-size:12px;color:var(--sf-text2)}.sf-queue{flex:0 0 auto;margin:0 10px 6px;border:1.5px dashed #a069ef;background:#faf7ff;border-radius:10px;padding:6px 10px;font-size:12.5px}.sf-queue__head{font-weight:700;display:flex;align-items:center;gap:6px}.sf-queue ol{margin:4px 0 0;padding-left:18px}.sf-queue code{font-size:11.5px;background:#ede4fc;border-radius:4px;padding:0 3px}.sf-demo-tag{background:#a069ef;color:#fff;border-radius:4px;font-size:10px;text-transform:uppercase;padding:0 5px;letter-spacing:.04em}.sf-foot{flex:0 0 auto;display:flex;gap:8px;padding:8px 10px 10px;box-shadow:0 -2px 6px #00000014;background:#fff}.sf-foot button{flex:1 1 0;min-height:52px;border:0;border-radius:12px;background:var(--sf-cmd);color:#fff;font-weight:700;font-size:15.5px}