:root{--blue:#b3d9fe;--ice:#b3d9fe;--ice-strong:#bdd8f2;--ink:#182736;--muted:#6e6e6e;--panel-fill:#26354345;--panel-fill-wide:#4a607545;--runner-bottom-fill:#24282c80;--deep-button:linear-gradient(121deg, #234363cc 35.46%, #091c2ecc 102.31%);--light-button:linear-gradient(121deg, #b3d9fecc 35.46%, #5e82a6cc 102.31%);--figma-ease:cubic-bezier(.16, 1, .3, 1);--figma-item-ease:cubic-bezier(.22, 1, .36, 1);color:var(--ice);font-synthesis:none;background:#071019;font-family:Noto Sans KR,Pretendard,Arial,sans-serif}@keyframes home-sheet-mobile-enter{0%{opacity:0;animation-timing-function:var(--figma-ease);translate:0 120px}17.5%{opacity:1}25%,to{opacity:1;translate:0}}@keyframes home-sheet-desktop-enter{0%{opacity:0;animation-timing-function:var(--figma-ease);translate:500px}21%{opacity:1}35%,to{opacity:1;translate:0}}@keyframes home-card-1-mobile{0%,25%{opacity:0;translate:0 30px}25%{animation-timing-function:var(--figma-item-ease)}45%,to{opacity:1;translate:0}}@keyframes home-card-2-mobile{0%,32.5%{opacity:0;translate:0 30px}32.5%{animation-timing-function:var(--figma-item-ease)}52.5%,to{opacity:1;translate:0}}@keyframes home-card-3-mobile{0%,40%{opacity:0;translate:0 30px}40%{animation-timing-function:var(--figma-item-ease)}60%,to{opacity:1;translate:0}}@keyframes home-card-1-desktop{0%{opacity:0;animation-timing-function:var(--figma-item-ease);translate:0 30px}20%,to{opacity:1;translate:0}}@keyframes home-card-2-desktop{0%,7.5%{opacity:0;translate:0 30px}7.5%{animation-timing-function:var(--figma-item-ease)}27.5%,to{opacity:1;translate:0}}@keyframes home-card-3-desktop{0%,15%{opacity:0;translate:0 30px}15%{animation-timing-function:var(--figma-item-ease)}35%,to{opacity:1;translate:0}}@keyframes home-brand-mobile{0%,25%{opacity:0;translate:0 20px}25%{animation-timing-function:ease}45%,to{opacity:1;translate:0}}@keyframes home-resource-1-mobile{0%,40%{opacity:0;translate:0 24px}40%{animation-timing-function:var(--figma-item-ease)}60%,to{opacity:1;translate:0}}@keyframes home-resource-2-mobile{0%,47.5%{opacity:0;translate:0 24px}47.5%{animation-timing-function:var(--figma-item-ease)}67.5%,to{opacity:1;translate:0}}@keyframes home-brand-desktop{0%{opacity:0;animation-timing-function:var(--figma-item-ease);translate:0 20px}20%,to{opacity:1;translate:0}}@keyframes home-resource-1-desktop{0%,15%{opacity:0;translate:0 24px}15%{animation-timing-function:var(--figma-item-ease)}35%,to{opacity:1;translate:0}}@keyframes home-resource-2-desktop{0%,22.5%{opacity:0;translate:0 24px}22.5%{animation-timing-function:var(--figma-item-ease)}42.5%,to{opacity:1;translate:0}}@keyframes runner-model-enter{0%{opacity:0;animation-timing-function:ease-out}17.5%,to{opacity:1}}@keyframes runner-top-enter{0%{opacity:0;animation-timing-function:var(--figma-ease);translate:0 -50px}12.5%{opacity:1}20%,to{opacity:1;translate:0}}@keyframes runner-bottom-enter{0%{opacity:0;animation-timing-function:var(--figma-ease);translate:0 50px}12.5%{opacity:1}20%,to{opacity:1;translate:0}}@keyframes runner-home-enter{0%,20%{opacity:0;translate:0 -12px}20%{animation-timing-function:var(--figma-item-ease)}35%,to{opacity:1;translate:0}}@keyframes runner-title-enter{0%,24%{opacity:0;translate:0 -10px}24%{animation-timing-function:var(--figma-item-ease)}39%,to{opacity:1;translate:0}}@keyframes runner-mode-enter{0%,29%{opacity:0;translate:0 12px}29%{animation-timing-function:var(--figma-item-ease)}44%,to{opacity:1;translate:0}}@keyframes runner-description-enter{0%,20%{opacity:0;translate:0 12px}20%{animation-timing-function:var(--figma-item-ease)}35%,to{opacity:1;translate:0}}@keyframes runner-controls-enter{0%,25%{opacity:0;translate:0 16px}25%{animation-timing-function:var(--figma-item-ease)}40%,to{opacity:1;translate:0}}@keyframes runner-step-1-enter{0%,22.5%{opacity:0;translate:0 14px}22.5%{animation-timing-function:var(--figma-item-ease)}35%,to{opacity:1;translate:0}}@keyframes runner-step-2-enter{0%,25.5%{opacity:0;translate:0 14px}25.5%{animation-timing-function:var(--figma-item-ease)}38%,to{opacity:1;translate:0}}@keyframes runner-step-3-enter{0%,28.5%{opacity:0;translate:0 14px}28.5%{animation-timing-function:var(--figma-item-ease)}41%,to{opacity:1;translate:0}}@keyframes runner-step-4-enter{0%,31.5%{opacity:0;translate:0 14px}31.5%{animation-timing-function:var(--figma-item-ease)}44%,to{opacity:1;translate:0}}@keyframes runner-step-5-enter{0%,34.5%{opacity:0;translate:0 14px}34.5%{animation-timing-function:var(--figma-item-ease)}47%,to{opacity:1;translate:0}}@keyframes runner-panel-desktop-enter{0%{opacity:0;animation-timing-function:var(--figma-ease);translate:500px}21%{opacity:1}35%,to{opacity:1;translate:0}}@keyframes interaction-guide-enter{0%{opacity:0;transform:translate(-50%, calc(-92% - var(--interaction-guide-lift))) scale(.9)}to{opacity:1;transform:translate(-50%, calc(-100% - var(--interaction-guide-lift))) scale(1)}}@keyframes interaction-hand-enter{0%{animation-timing-function:ease-out;translate:0;scale:1}12.5%{animation-timing-function:ease-in;translate:0 -10px;scale:1.08}25%{animation-timing-function:ease-out;translate:0;scale:1}32.5%{animation-timing-function:ease-in;translate:0 -5px}40%,65%{translate:0;scale:1}65%{animation-timing-function:ease-out}77.5%{animation-timing-function:ease-in;translate:0 -10px;scale:1.08}90%{animation-timing-function:ease-out;translate:0;scale:1}95%{animation-timing-function:ease-in;translate:0 -5px}to{translate:0;scale:1}}@keyframes interaction-drag{0%,20%{translate:0;scale:1}50%{translate:var(--drag-x,0) var(--drag-y,0);scale:1.06}72%{translate:var(--drag-x,0) var(--drag-y,0);scale:1}to{translate:0;scale:1}}@keyframes mode-preview-to-simulation{0%{width:100px;right:120px}to{width:112px;right:12px}}@keyframes mode-simulation-to-preview{0%{width:112px;right:12px}to{width:100px;right:120px}}@keyframes step-activate{0%{color:var(--muted);background:#d3d3d3;border-color:#0000;font-size:16px;transform:scale(.8)}70%{border-color:var(--ice);color:#303b46;background:#dceeff;font-size:24px;transform:scale(1.08)}to{border-color:var(--ice);color:#303b46;background:#dceeff;font-size:24px;transform:scale(1)}}@keyframes step-deactivate{0%{border-color:var(--ice);color:#303b46;background:#dceeff;font-size:24px;transform:scale(1)}to{color:var(--muted);background:#d3d3d3;border-color:#0000;font-size:16px;transform:scale(.8)}}@keyframes hold-progress{to{stroke-dashoffset:0}}@keyframes completion-dialog-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes completion-dialog-enter{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){html body #app *,html body #app :before,html body #app :after{scroll-behavior:auto;transition-duration:1ms;animation-duration:1ms;animation-iteration-count:1}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:320px;min-height:100dvh}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b3d9fe6b}[hidden],.preview-playback-button[hidden],.simulation-control-toggle[hidden]{display:none}.app-shell{isolation:isolate;-webkit-user-select:none;user-select:none;background:radial-gradient(#3d668f 0%,#2f4861 26.923%,#1b2c3d 63.462%,#111e2b 81.731%,#071019 100%);width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.interaction-error-overlay{z-index:1000;opacity:0;pointer-events:none;background:linear-gradient(90deg,#9e212b66,#0000 5%),linear-gradient(270deg,#9e212b66,#0000 5%),linear-gradient(#9e212b66,#0000 3%),linear-gradient(#0000 97%,#9e212b66);position:absolute;inset:0}.hero-panel,.scene-panel{position:absolute;inset:0}.hero-panel{z-index:3;pointer-events:none}.scene-panel{z-index:1;overflow:hidden}.scene-mount,.scene-mount canvas{touch-action:none;width:100%;height:100%;display:block}[data-manual-ui]{width:100%;height:100%;position:relative}[data-manual-ui]>*{pointer-events:auto}.interaction-log{opacity:0;pointer-events:none;position:fixed}.eyebrow,.manual-title,.description,.loading-brand,.loading-progress-label,.sheet-title,.step-description,.runner-phase,.interaction-guide-label{margin:0}#app[data-view=loading] .scene-panel,#app[data-view=error] .scene-panel{visibility:hidden}#app[data-view=loading] .hero-panel,#app[data-view=error] .hero-panel{background:0 0}.loading-view{background:radial-gradient(#264561 0%,#172b3d 50%,#0f1d2b 75%,#071019 100%);width:100%;height:100%;position:relative}.loading-brand{width:278px;color:var(--ice);text-align:center;display:grid;position:absolute;top:40.73%;left:50%;transform:translate(-50%)}.loading-brand span:first-child{font-family:Bruno Ace SC,Lexend Exa,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.35}.loading-brand span:last-child{font-family:Bruno Ace,Lexend Exa,Arial,sans-serif;font-size:30px;font-weight:400;line-height:1.3}.loading-progress{width:271px;position:absolute;top:53.2%;left:50%;transform:translate(-50%)}.loading-progress-label{color:var(--ice);text-align:center;margin-bottom:11px;font-size:13px;font-weight:350;line-height:16px;display:block}.loading-progress-track{background:#b3d9fe66;border-radius:99px;width:100%;height:4px;display:block;overflow:hidden}.loading-progress-bar{border-radius:inherit;background:#fefeff;width:0;height:100%;transition:width .18s linear;display:block}#app[data-view=error] [data-manual-ui]{color:#fff;text-align:center;align-content:center;justify-items:center;gap:10px;padding:30px;display:grid}.function-list-view{--home-landscape-content-scale:1;--home-content-enter-delay:.5s;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.function-list-view>*{pointer-events:auto}.function-list-view .manual-panel-header{z-index:15;pointer-events:none;position:absolute;inset:0}.function-list-view .home-brand{z-index:2;width:min(307px,100% - 48px);color:var(--ice);text-align:left;display:grid;position:absolute;top:48px;left:max(24px,50% - 153px)}.home-brand-overline{color:#ffffff80;letter-spacing:2.25px;order:1;height:19px;font-family:Kumbh Sans,Arial,sans-serif;font-size:9px;font-weight:400;line-height:13px}.home-brand-rule{background:#b3d9fe47;order:2;width:100%;height:1px;margin-bottom:14px}.home-brand-lab{letter-spacing:4px;order:3;font-family:Gelasio,Georgia,serif;font-size:16px;font-weight:400;line-height:1.2}.home-brand-name{color:#fefeff;background:linear-gradient(90deg, #fefeff 0%, var(--ice) 26%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;order:4;font-family:Gelasio,Georgia,serif;font-size:32px;font-weight:700;line-height:1.12}.home-brand-model{order:5;font-family:Gelasio,Georgia,serif;font-size:16px;font-weight:700;line-height:1.1}.home-action-sheet{z-index:12;background:var(--panel-fill);border-top:1px solid #b3d9fe52;border-radius:30px 30px 0 0;justify-content:center;align-items:flex-start;height:37.07%;min-height:288px;max-height:324px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.home-actions-stack{flex-direction:column;flex:none;align-items:center;width:min(371px,100% - 22px);margin-top:13px;display:flex}.function-list{flex:0 0 140px;justify-content:center;align-items:flex-start;gap:0;width:100%;height:140px;padding:10px;display:flex}.function-list::-webkit-scrollbar{display:none}.step-rail::-webkit-scrollbar{display:none}.step-list::-webkit-scrollbar{display:none}.function-card{width:164px;min-width:0;max-width:164px;height:120px;color:var(--ice);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;flex:164px;padding:0;position:relative;overflow:hidden}.function-card:before{background-image:linear-gradient(126deg, #11141794, #24395094), var(--function-card-image);background-position:center, var(--function-card-image-position);content:"";background-size:cover;border-radius:11px;position:absolute;inset:3.5px 8.5px;box-shadow:0 4px 4px #0000000d}.function-card:active{transform:scale(.985)}.function-card-body{z-index:1;flex-direction:column;gap:5px;padding:21px 20px 14px 29px;display:flex;position:absolute;inset:0}.function-card-body strong{white-space:nowrap;font-size:16px;font-weight:700;line-height:1.35}.function-card-description{color:#c9c9c9;white-space:pre-line;font-size:10px;font-weight:500;line-height:1.35}.home-resource-actions{gap:14px;width:min(309px,100% - 64px);padding-top:7px;display:grid}.home-resource-link{text-align:center;border-radius:10px;place-items:center;height:45px;font-size:14px;font-weight:700;text-decoration:none;display:grid;position:relative;box-shadow:0 4px 4px #0000001a}.home-resource-link:before{content:attr(data-touch-hit-area);position:absolute;inset:-7px 0}.home-resource-link.is-manual{color:var(--ink);background:var(--light-button)}.home-resource-link.is-support{color:var(--ice-strong);background:var(--deep-button)}.step-runner-view{--runner-body-justify:flex-end;--runner-body-padding:0 0 39px;--step-panel-order:2;--runner-controls-order:3;--step-sheet-order:1;--runner-controls-gap:14px;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.step-runner-view>*{pointer-events:auto}.step-runner-view .manual-panel-header{z-index:20;background:0 0;width:calc(100% - 4px);height:175px;position:absolute;top:0;left:4px;overflow:hidden}.step-runner-view .manual-panel-header:after{content:"";background:#b3d9fe47;width:min(307px,100% - 70px);height:1px;position:absolute;top:157px;left:50%;transform:translate(-50%)}.step-runner-view .manual-panel-header .eyebrow,.step-runner-view .manual-panel-header .description{display:none}.top-back-button{cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:50px;left:21px}.top-back-button img{width:30px;height:30px;display:block}.top-back-button:before{content:attr(data-touch-hit-area);position:absolute;inset:-5px}.top-back-button img,.runner-control-icon img{filter:brightness(0)saturate()invert(86%)sepia(18%)saturate(754%)hue-rotate(174deg)brightness(101%)contrast(99%)}.step-runner-view .manual-title{width:calc(100% - 128px);max-width:274px;color:var(--ice);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans KR,Pretendard,sans-serif;font-size:24px;font-weight:400;line-height:1.35;position:absolute;top:53px;left:50%;overflow:hidden;transform:translate(-50%)}.mode-switch{--mode-indicator-x:120px;--mode-indicator-width:100px;--mode-preview-color:#353535;--mode-simulation-color:var(--ice);z-index:21;background:0 0;grid-template-columns:1fr 1fr;width:232px;height:51px;padding:0 4px;display:grid;position:absolute;top:91px;left:50%;transform:translate(-50%)}.mode-switch:before{z-index:0;background:var(--panel-fill);content:"";border-radius:50px;width:224px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000040}.step-runner-view[data-runner-mode=simulation] .mode-switch{--mode-indicator-x:12px;--mode-indicator-width:112px;--mode-preview-color:var(--ice);--mode-simulation-color:#353535}.mode-switch-indicator{z-index:1;top:50%;right:var(--mode-indicator-x);width:var(--mode-indicator-width);background:var(--ice);border-radius:50px;height:34px;position:absolute;transform:translateY(-50%)}.mode-switch.is-preview-to-simulation .mode-switch-indicator{animation:mode-preview-to-simulation .38s var(--figma-item-ease) both}.mode-switch.is-simulation-to-preview .mode-switch-indicator{animation:mode-simulation-to-preview .38s var(--figma-item-ease) both}.mode-switch-button{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50px;min-width:0;padding:0 7px;font-size:16px;font-weight:700;line-height:1;transition:color .24s;position:relative}.mode-switch-button:first-of-type{color:var(--mode-preview-color)}.mode-switch-button:last-of-type{color:var(--mode-simulation-color)}.step-runner-body{align-items:center;justify-content:var(--runner-body-justify);padding:var(--runner-body-padding);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.step-runner-body:before{z-index:0;background:var(--runner-bottom-fill);content:"";border-top:1px solid #b3d9fe52;border-radius:30px 30px 0 0;height:239px;position:absolute;bottom:0;left:0;right:0}.step-runner-body>:not(.interaction-guide){pointer-events:auto}.step-panel{order:var(--step-panel-order);z-index:14;background:0 0;border-radius:0;flex:none;place-items:center;width:min(292px,100% - 72px);min-height:45px;padding:11px 0;display:grid}.runner-phase,.step-progress-wrap,.step-list{display:none}.step-description{width:100%;color:var(--ice);text-align:center;text-wrap:balance;overflow-wrap:normal;word-break:keep-all;white-space:normal;padding:0 14px;font-size:14px;font-weight:500;line-height:1.3}.runner-controls{order:var(--runner-controls-order);z-index:14;width:min(325px,100% - 52px);height:80px;margin-top:var(--runner-controls-gap);background:var(--deep-button);border-radius:20px;flex:none;justify-content:center;align-items:center;gap:35px;padding:10px;display:flex}.preview-playback-button,.simulation-control-toggle,.manual-reset-button,.speech-toggle-button{width:62px;height:60px;color:var(--ice);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 62px;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative;overflow:visible}.preview-playback-button:before,.simulation-control-toggle:before,.manual-reset-button:before,.speech-toggle-button:before{content:attr(data-touch-hit-area);position:absolute;inset:0 -17px}.runner-control-icon{flex:0 0 33px;place-items:center;width:34px;height:33px;display:grid;position:relative}.runner-control-icon img{object-fit:contain;width:auto;max-width:28px;height:auto;max-height:28px;display:block}.runner-control-icon.is-play img{width:18.5833px;height:20.1875px}.runner-control-icon.is-reset img{object-fit:fill;position:absolute}.runner-control-icon.is-reset img:first-child{width:9.5176px;height:8.2073px;top:7.5075px;left:19.4072px}.runner-control-icon.is-reset img:last-child{width:24.9359px;height:24.2903px;top:5.8px;left:2.75px}.runner-control-label{width:max-content;max-width:none;color:var(--ice);text-align:center;text-overflow:clip;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3;overflow:visible}.step-bottom-sheet{order:var(--step-sheet-order);z-index:15;background:0 0;flex:none;width:min(343px,100% - 38px);height:66px;overflow:hidden}.sheet-handle,.sheet-title{display:none}.step-rail{--step-rail-dot-size:50px;scroll-behavior:auto;scrollbar-width:none;justify-content:flex-start;align-items:center;width:100%;height:66px;padding:8px 0;display:flex;overflow-x:auto}.step-rail:before,.step-rail:after{flex:0 0 max(0px, calc(50% - var(--step-rail-dot-size) / 2));content:"";height:1px}.step-rail-nav,.step-rail-connector{display:none}.step-rail-button{width:50px;height:50px;color:var(--muted);cursor:pointer;background:linear-gradient(145deg,#f4f4f4,#bdbdbd);border:1px solid #0000;border-radius:50%;flex:0 0 50px;place-items:center;padding:0;font-family:DM Sans,Arial,sans-serif;font-size:16px;font-weight:300;display:grid;position:relative;transform:scale(.8)}.step-rail-button:not(.is-active):before{content:attr(data-touch-hit-area);position:absolute;inset:-6.25px}.step-rail-button.is-completed{color:#303b46;border-color:#b3d9fe66}.step-rail-button.is-active{border-color:var(--ice);color:#303b46;background:#dceeff;font-size:24px;font-weight:700;position:relative;transform:scale(1)}.step-rail-button.is-active:after{background:var(--ice);content:"";border-radius:99px;width:19px;height:3px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.step-rail-button.is-activating{animation:step-activate .42s var(--figma-item-ease) both}.step-rail-button.is-deactivating{animation:step-deactivate .42s var(--figma-item-ease) both}.interaction-guide{--interaction-guide-x:50vw;--interaction-guide-y:260px;--interaction-guide-lift:10px;z-index:13;top:var(--interaction-guide-y);left:var(--interaction-guide-x);width:72px;height:72px;color:var(--ice);pointer-events:none;transform:translate(-50%, calc(-100% - var(--interaction-guide-lift)));place-items:center;animation:.36s ease-out both interaction-guide-enter;display:grid;position:fixed}.interaction-guide[hidden]{display:none}.interaction-guide-label{border:1px solid var(--ice);box-sizing:border-box;width:min(260px,100vw - 48px);min-height:36px;color:var(--ice);text-align:center;overflow-wrap:normal;word-break:keep-all;white-space:normal;background:#182736d1;border-radius:50px;place-items:center;padding:8px 12px;font-size:11px;font-weight:700;line-height:1.35;display:grid}.interaction-guide-icon{color:#0000;background:url(../icons/manual/hand-point-down.svg) 50%/contain no-repeat;place-items:center;width:64px;height:60px;display:grid;position:relative}.interaction-guide-icon.is-hold{width:72px;height:72px;color:var(--ink);background:var(--ice) url(../icons/manual/hand-point-down.svg) center / auto 53px no-repeat;border-radius:50%}.interaction-guide-icon.is-drag{--drag-x:16px;--drag-y:0;animation:1.4s ease-in-out infinite interaction-drag}.interaction-guide-icon.is-drag[data-direction=left]{--drag-x:-16px;--drag-y:0}.interaction-guide-icon.is-drag[data-direction=right]{--drag-x:16px;--drag-y:0}.interaction-guide-icon.is-drag[data-direction=up]{--drag-x:0;--drag-y:-16px}.interaction-guide-icon.is-drag[data-direction=down]{--drag-x:0;--drag-y:16px}.interaction-guide-icon svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.hold-track,.hold-progress{fill:none;stroke-width:5px}.hold-track{stroke:#ffffff47}.hold-progress{stroke:#fff;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5px}.interaction-guide.is-active .hold-progress{animation:hold-progress var(--hold-duration,2s) linear forwards}.interaction-arrow{width:22px;height:22px;color:var(--ink);background:var(--ice);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:-5px;right:-8px}.interaction-guide.is-success .interaction-guide-label{color:#238b57;border-color:#238b57}.interaction-guide.is-error .interaction-guide-label{color:#c9434e;border-color:#c9434e}.completion-dialog-backdrop{z-index:50;background:0 0;place-items:center;padding:20px;animation:.42s ease-out both completion-dialog-backdrop-enter;display:grid;position:fixed;inset:0}.completion-dialog{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(357px,100vw - 45px);min-height:198px;animation:completion-dialog-enter .52s var(--figma-item-ease) both;background:#182736b0;border:1px solid #b3d9fe29;border-radius:20px;margin-top:26px;padding:20px 17px 17px;position:relative}.completion-dialog-title{color:var(--ice);margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.4}.completion-dialog-message{display:none}.completion-dialog-actions{justify-items:center;gap:14px;display:grid}.completion-dialog-button{cursor:pointer;border:0;border-radius:10px;width:min(305px,100%);height:45px;padding:0;font-size:14px;font-weight:700;position:relative;box-shadow:0 4px 4px #0000001a}.completion-dialog-button:before{content:attr(data-touch-hit-area);position:absolute;inset:-7px 0}.completion-dialog-button.secondary-button{color:var(--ink);background:var(--light-button)}.completion-dialog-button.primary-button{color:var(--ice-strong);background:var(--deep-button)}.function-list-view.is-entering .home-action-sheet{animation:2s linear both home-sheet-mobile-enter}.function-list-view.is-entering .function-card:first-child{animation:home-card-1-mobile 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .function-card:nth-child(2){animation:home-card-2-mobile 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .function-card:nth-child(n+3){animation:home-card-3-mobile 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .home-resource-link:first-child{animation:home-resource-1-mobile 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .home-resource-link:nth-child(2){animation:home-resource-2-mobile 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .manual-title{animation:home-brand-mobile 2s linear var(--home-content-enter-delay) both}.step-runner-view.is-entering .manual-panel-header{animation:2s linear both runner-top-enter}.step-runner-view.is-entering .step-runner-body{animation:2s linear both runner-bottom-enter}.step-runner-view.is-entering .top-back-button{animation:2s linear both runner-home-enter}.step-runner-view.is-entering .manual-title{animation:2s linear both runner-title-enter}.step-runner-view.is-entering .mode-switch{animation:2s linear both runner-mode-enter}.step-runner-view.is-entering .step-panel{animation:2s linear both runner-description-enter}.step-runner-view.is-entering .runner-controls{animation:2s linear both runner-controls-enter}.step-runner-view.is-entering .step-rail-button:nth-of-type(2){animation:2s linear both runner-step-1-enter}.step-runner-view.is-entering .step-rail-button:nth-of-type(3){animation:2s linear both runner-step-2-enter}.step-runner-view.is-entering .step-rail-button:nth-of-type(4){animation:2s linear both runner-step-3-enter}.step-runner-view.is-entering .step-rail-button:nth-of-type(5){animation:2s linear both runner-step-4-enter}.step-runner-view.is-entering .step-rail-button:nth-of-type(n+6){animation:2s linear both runner-step-5-enter}#app[data-view=stepRunner] .scene-panel{left:var(--step-runner-panel-width,0);animation:2s linear both runner-model-enter}#app[data-view=functionList] .scene-panel{right:var(--function-list-panel-width,0);bottom:var(--function-list-scene-bottom,37.07%)}.interaction-guide-icon:not(.is-hold):not(.is-drag){animation:2s linear infinite interaction-hand-enter}@media (width>=900px),(width>=568px) and (width<=1199px) and (orientation:landscape) and (height<=600px){#app[data-view=stepRunner]{--step-runner-panel-width:clamp(360px, 40.86vw, 483px)}#app[data-view=functionList]{--function-list-panel-width:clamp(360px, 40.86vw, 483px);--function-list-scene-bottom:0}.function-list-view{--home-content-enter-delay:.7s}.loading-brand{top:calc(50% - 128px)}.loading-progress{top:calc(50% + 31px)}.home-action-sheet{width:var(--function-list-panel-width);background:var(--panel-fill-wide);border-top:1px solid #b3d9fe52;border-left:1px solid #b3d9fe52;border-radius:60px 0 0 60px;height:100%;min-height:0;max-height:none;display:block;inset:0 0 0 auto}.function-list-view .home-brand{top:calc(50% - (222px * var(--home-landscape-content-scale)));right:calc((var(--function-list-panel-width) - (309px * var(--home-landscape-content-scale))) / 2);transform-origin:top;width:309px;scale:var(--home-landscape-content-scale);left:auto}.home-actions-stack{top:calc(50% - (62px * var(--home-landscape-content-scale)));right:calc((var(--function-list-panel-width) - (371px * var(--home-landscape-content-scale))) / 2);transform-origin:top;width:371px;scale:var(--home-landscape-content-scale);margin-top:0;position:absolute;left:auto}.function-list-view.is-entering .home-action-sheet{animation:2s linear both home-sheet-desktop-enter}.function-list-view.is-entering .function-card:first-child{animation:home-card-1-desktop 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .function-card:nth-child(2){animation:home-card-2-desktop 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .function-card:nth-child(n+3){animation:home-card-3-desktop 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .home-resource-link:first-child{animation:home-resource-1-desktop 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .home-resource-link:nth-child(2){animation:home-resource-2-desktop 2s linear var(--home-content-enter-delay) both}.function-list-view.is-entering .home-brand{animation:home-brand-desktop 2s linear var(--home-content-enter-delay) both}.step-runner-view{--runner-body-justify:flex-start;--runner-body-padding:clamp(100px, 34vh, 194px) 0 0;--step-panel-order:1;--runner-controls-order:2;--step-sheet-order:3;--runner-controls-gap:clamp(8px, 3.55vh, 31px);width:var(--step-runner-panel-width);background:var(--panel-fill-wide);border-top:1px solid #b3d9fe52;border-bottom:1px solid #b3d9fe52;border-right:1px solid #b3d9fe52;border-radius:0 60px 60px 0;height:100%}.step-runner-view .manual-panel-header{width:100%;height:175px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;top:0;left:0}.top-back-button{top:clamp(12px,4.92vh,43px);left:43px}.top-back-button img{width:27px;height:27px}.step-runner-view .manual-title{width:calc(100% - 160px);max-width:323px;font-size:20px;top:clamp(14px,5.15vh,45px)}.mode-switch{top:clamp(46px,12.25vh,107px)}.step-runner-body:before{display:none}.step-panel{width:calc(100% - 86px);max-width:397px;min-height:clamp(76px,13.4vh,117px);color:var(--ice);box-shadow:none;background:0 0;border-radius:20px;padding:clamp(9px,1.6vh,14px) 0}.step-description{color:var(--ice);font-size:clamp(15px,2.06vh,18px);line-height:1.45}.runner-controls{background:var(--deep-button);border-radius:20px;width:calc(100% - 86px);max-width:397px;height:clamp(70px,10.3vh,90px);padding:clamp(5px,1.15vh,10px)}.step-bottom-sheet{height:clamp(50px,7.55vh,66px);margin-top:clamp(6px,4vh,35px)}.step-rail{--step-rail-dot-size:clamp(38px, 6.6vh, 50px);height:100%;padding:clamp(0px,.92vh,8px) 0}.interaction-guide{--interaction-guide-lift:12px}.completion-dialog-backdrop{left:var(--step-runner-panel-width)}.step-runner-view.is-entering{animation:2s linear both runner-panel-desktop-enter}.step-runner-view.is-entering .manual-panel-header,.step-runner-view.is-entering .step-runner-body,.step-runner-view.is-entering .top-back-button,.step-runner-view.is-entering .manual-title,.step-runner-view.is-entering .mode-switch,.step-runner-view.is-entering .step-panel,.step-runner-view.is-entering .runner-controls,.step-runner-view.is-entering .step-rail-button{animation:none}}@media (orientation:landscape) and (height<=700px){.function-list-view{--home-landscape-content-scale:.76}.step-runner-view{--runner-body-padding:clamp(72px, 21vh, 138px) 0 0;--runner-controls-gap:clamp(4px, 1.2vh, 10px)}.step-runner-view .manual-panel-header{height:clamp(118px,26vh,175px)}.top-back-button{top:clamp(10px,3.1vh,22px)}.step-runner-view .manual-title{font-size:clamp(17px,3.2vh,20px);top:clamp(12px,3.4vh,24px)}.mode-switch{top:clamp(38px,9.4vh,66px)}.step-panel{min-height:clamp(58px,10vh,76px);padding:clamp(5px,1vh,9px) 0}.step-description{font-size:clamp(13px,2.1vh,15px);line-height:1.32}.runner-controls{gap:clamp(18px,4.8vw,35px);height:clamp(58px,9.2vh,70px);padding:clamp(4px,.9vh,6px)}.preview-playback-button,.simulation-control-toggle,.manual-reset-button,.speech-toggle-button{flex-basis:clamp(48px,8.5vh,58px);width:clamp(48px,8.5vh,58px);height:clamp(48px,8.5vh,56px)}.runner-control-icon{flex-basis:clamp(28px,5.1vh,33px);width:clamp(28px,5.1vh,34px);height:clamp(28px,5.1vh,33px)}.runner-control-icon img{max-width:clamp(23px,4.4vh,28px);max-height:clamp(23px,4.4vh,28px)}.runner-control-label{font-size:clamp(9px,1.75vh,11px)}.step-bottom-sheet{height:clamp(42px,6.5vh,50px);margin-top:clamp(3px,.9vh,6px)}.step-rail-button{flex-basis:clamp(38px,6.6vh,50px);width:clamp(38px,6.6vh,50px);height:clamp(38px,6.6vh,50px);font-size:clamp(13px,2.2vh,16px)}.step-rail-button.is-active{font-size:clamp(18px,3.2vh,24px)}}@media (orientation:landscape) and (height<=600px){.function-list-view{--home-landscape-content-scale:.68}.step-runner-view{--runner-body-padding:clamp(60px, 19vh, 114px) 0 0;--runner-controls-gap:clamp(2px, .8vh, 6px)}.mode-switch{top:clamp(34px,8.8vh,53px)}.step-panel{min-height:clamp(50px,9.2vh,64px)}.runner-controls{height:clamp(52px,8.8vh,62px)}.step-bottom-sheet{height:clamp(38px,6.2vh,44px)}}@media (orientation:landscape) and (height<=550px){.function-list-view{--home-landscape-content-scale:.62}.step-runner-view{--runner-body-padding:clamp(96px, 22vh, 128px) 0 0;--runner-controls-gap:2px}.runner-controls{height:52px}.runner-control-label{font-size:9px}.step-bottom-sheet{margin-top:2px}}@media (orientation:landscape) and (height<=500px){.function-list-view{--home-landscape-content-scale:.56}}