:root{color:#f6f6f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#50fa76;--ink:#dfdfdf;--muted:#929292de;--design-width:402px;--design-height:874px;background:#000;font-family:Nanum Gothic,Noto Sans KR,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;background:#000;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100dvh}button,input,textarea,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#app{background:#000;place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}#app,#app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app img{-webkit-user-drag:none}.app-shell{width:min(100vw, var(--design-width));height:min(100dvh, var(--design-height));background:linear-gradient(#335344 0%,#000 6.73%);min-height:min(640px,100dvh);position:relative;overflow:hidden}.hero-panel,.manual-panel,[data-manual-ui]{width:100%;height:100%;position:absolute;inset:0}.hero-panel{z-index:3;pointer-events:none}[data-manual-ui] button,[data-manual-ui] a,[data-manual-ui] input,[data-manual-ui] .home-settings-panel,[data-manual-ui] .home-settings-backdrop{pointer-events:auto}.scene-panel{z-index:1;pointer-events:auto;background:#000;width:100%;height:285px;position:absolute;top:170px;left:0;overflow:hidden}#app[data-view=functionList] .scene-panel{width:100%;height:100%;inset:0}.scene-mount,.scene-mount canvas{touch-action:none;width:100%;height:100%;display:block}.interaction-log{display:none}.app-loading-screen{z-index:100;opacity:1;visibility:visible;background:#000;place-items:center;transition:opacity .24s,visibility .24s;display:grid;position:absolute;inset:0}.app-loading-content{justify-items:center;gap:26px;width:min(72%,288px);display:grid}.app-loading-content img{width:100%;height:auto;display:block}.app-loading-progress{gap:10px;width:100%;display:grid}.app-loading-message{color:#ffffffe6;text-align:center;margin:0 0 2px;font-size:14px;font-weight:500;line-height:1.4}.app-loading-progress-track{background:#50fa7633;border-radius:999px;width:100%;height:4px;overflow:hidden}.app-loading-progress-fill{border-radius:inherit;transform-origin:0;background:#50fa76;width:100%;height:100%;transition:transform .18s ease-out;display:block;transform:scaleX(0);box-shadow:0 0 12px #50fa768c}.app-loading-progress-value{color:#50fa76;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;font-size:13px;font-weight:700;line-height:1}.app-loading-screen[hidden]{display:none}#app[data-loading=false] .app-loading-screen{opacity:0;visibility:hidden;pointer-events:none}.app-loading-error{color:#fff;text-align:center;gap:12px;max-width:300px;padding:24px;display:grid}.app-loading-error strong{color:var(--accent);font-size:20px}.figma-icon{background:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-music{-webkit-mask-image:url(../icons/music.svg);mask-image:url(../icons/music.svg)}.icon-mode{-webkit-mask-image:url(../icons/mode.svg);mask-image:url(../icons/mode.svg)}.icon-phone{-webkit-mask-image:url(../icons/phone.svg);mask-image:url(../icons/phone.svg)}.icon-wrench{-webkit-mask-image:url(../icons/wrench.svg);mask-image:url(../icons/wrench.svg)}.icon-stop{-webkit-mask-image:url(../icons/stop.svg);mask-image:url(../icons/stop.svg)}.icon-speaker{-webkit-mask-image:url(../icons/speaker.svg);mask-image:url(../icons/speaker.svg)}.icon-speaker-muted{-webkit-mask-image:url(../icons/speaker-muted.svg);mask-image:url(../icons/speaker-muted.svg)}.icon-play{-webkit-mask-image:url(../icons/play.svg);mask-image:url(../icons/play.svg)}.icon-hand{-webkit-mask-image:url(../icons/hand.svg);mask-image:url(../icons/hand.svg)}.icon-hand-point-down{-webkit-mask-image:url(../icons/hand-point-down.svg);mask-image:url(../icons/hand-point-down.svg)}.icon-camera{-webkit-mask-image:url(../icons/camera.svg);mask-image:url(../icons/camera.svg)}.icon-reset{-webkit-mask-image:url(../icons/reset.svg);mask-image:url(../icons/reset.svg)}.icon-home{-webkit-mask-image:url(../icons/home.svg);mask-image:url(../icons/home.svg)}.icon-game{-webkit-mask-image:url(../icons/game.svg);mask-image:url(../icons/game.svg)}.function-list-view{background:0 0;position:absolute;inset:0;overflow:hidden}.home-brand{z-index:5;pointer-events:none;width:100%;height:141px;position:absolute;top:29px;left:0}.home-brand-line{background:var(--accent);width:216px;height:1px;box-shadow:0 0 1px var(--accent);position:absolute;top:18px;left:50%;transform:translate(-50%)}.home-brand-kicker{color:var(--accent);letter-spacing:7.84px;opacity:.7;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;position:absolute;top:53px;left:50%;transform:translate(-50%,-50%)}.home-brand-logo{object-fit:contain;background:0 0;width:313px;height:36px;display:block;position:absolute;top:81px;left:50%;transform:translate(-50%)}.home-brand-model{color:var(--accent);letter-spacing:-1.8px;white-space:nowrap;font-size:22px;font-weight:900;line-height:1;position:absolute;top:118px;left:50%;transform:translate(-50%)}.home-settings-root{z-index:60;pointer-events:none;isolation:isolate;contain:layout style;position:absolute;inset:0}.home-settings-button{z-index:30;width:49px;height:49px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-family:Arial,sans-serif;font-size:28px;line-height:1;display:grid;position:absolute;top:calc(clamp(22px,3.66dvh,32px) + 9px);right:25px}.settings-glyph{place-items:center;width:100%;height:100%;display:grid}.settings-glyph svg{width:100%;height:100%;display:block;overflow:visible}#app[data-view=stepRunner] .home-settings-button{width:49px;height:49px;top:calc(clamp(22px,3.66dvh,32px) + 8px)}.home-settings-button:active{transform:scale(.94)}.home-settings-backdrop{z-index:28;-webkit-backdrop-filter:blur(2px);background:#00000094;position:absolute;inset:0}.home-settings-panel{z-index:29;min-height:390px;padding:24px 24px max(24px, env(safe-area-inset-bottom));color:#fff;background:#081b13fa;border:1px solid #50fa7633;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;gap:18px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 60px #0000007a}.home-settings-panel[hidden],.home-settings-backdrop[hidden]{display:none}.home-settings-header{justify-content:space-between;align-items:center;min-height:40px;display:flex}.home-settings-title{color:var(--accent);letter-spacing:-1px;margin:0;font-size:22px;font-weight:900}.home-settings-close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:28px;line-height:1;display:grid}.home-settings-controls{gap:19px;display:grid}.home-settings-row{gap:9px;display:grid}.home-settings-row-header{justify-content:space-between;align-items:center;display:flex}.home-settings-row-label,.home-settings-value{font-size:14px;font-weight:700;line-height:18px}.home-settings-value{color:var(--accent);font-variant-numeric:tabular-nums}.home-settings-range{--range-progress:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.home-settings-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--range-progress), #ffffff2e var(--range-progress) 100%);border-radius:999px;height:6px}.home-settings-range::-moz-range-track{background:#ffffff2e;border-radius:999px;height:6px}.home-settings-range::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.home-settings-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid #173d31;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 0 8px #50fa7680}.home-settings-range::-moz-range-thumb{background:var(--accent);border:3px solid #173d31;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #50fa7680}.home-settings-range:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-settings-note{color:var(--muted);margin:-4px 0 0;font-size:11px;line-height:16px}.home-settings-reset.completion-dialog-button{width:100%;margin-top:auto}.home-action-sheet{--function-list-fade-color:#123426;z-index:4;background:linear-gradient(#0000 0%,#0a1e165c 10%,#0f2d21c7 24%,#123426 40% 100%);width:100%;height:533px;position:absolute;top:341px;left:0;overflow:hidden}.category-list{z-index:2;justify-content:center;align-items:flex-start;gap:20px;width:368px;height:66px;display:flex;position:absolute;top:91px;left:50%;transform:translate(-50%)}.category-button{color:#fff;cursor:pointer;background:0 0;border:0;flex:0 0 66px;width:66px;height:66px;padding:0;position:relative;overflow:hidden}.category-button:focus-visible,.mode-switch-button:focus-visible{outline:none}.category-button:before{transform-origin:50%;background:var(--accent);content:"";width:51.5px;height:1px;transition:transform .14s;position:absolute;top:13px;left:50%;transform:translate(-50%)scaleX(0)}.category-icon{width:29px;height:29px;position:absolute;top:33px;left:50%;transform:translate(-50%,-50%)}.category-label{white-space:nowrap;font-size:12px;font-weight:700;line-height:15px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.category-button.is-active{color:var(--accent)}.category-button.is-active:before{transform:translate(-50%)scaleX(1)}.category-button.is-active .category-label{font-size:13px}.function-list{scrollbar-width:none;touch-action:pan-y;overscroll-behavior-y:contain;pointer-events:auto;-webkit-overflow-scrolling:touch;background:#0006;border-radius:30px 30px 0 0;flex-direction:column;align-items:center;gap:10px;width:100%;height:356px;padding:30px 20px 38px;display:flex;position:absolute;top:177px;left:0;overflow:hidden auto}.function-list::-webkit-scrollbar{display:none}.function-card{width:362px;min-height:83px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #50fa7638;flex:0 0 83px;justify-content:space-between;align-items:center;padding:8px 31px 12px 30px;display:flex;position:relative}.function-card-copy{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.function-card-title{color:var(--ink);text-overflow:ellipsis;text-shadow:0 4px 4px #00000040;white-space:nowrap;word-break:keep-all;font-size:20px;font-weight:700;line-height:25px;overflow:hidden}.function-card-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;font-size:12px;font-weight:700;line-height:15px;overflow:hidden}.function-card-arrow{filter:drop-shadow(0 0 1px #00000040);border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:17px solid #dfdfdf;width:0;height:0;margin-top:0}.function-card:active .function-card-title,.function-card:active .function-card-arrow{color:var(--accent);border-left-color:var(--accent)}.empty-state{color:var(--muted);margin:30px 0;font-size:14px}#app[data-view=stepRunner] .app-shell{background:linear-gradient(#335344 0%,#000 17.3% 67.3%,#335344 100%)}#app[data-view=stepRunner] .scene-panel{width:100%;height:100%;inset:0}.step-runner-view{background:linear-gradient(#335344e0 0%,#0000 17.3% 67.3%,#335344eb 100%);position:absolute;inset:0;overflow:hidden}.runner-header{z-index:12;width:100%;height:clamp(64px,7.44dvh,65px);position:absolute;top:clamp(22px,3.66dvh,32px);left:0}.top-back-button{width:38px;height:38px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:9px;left:25px}.top-back-button .figma-icon{width:38px;height:38px}.runner-title-wrap{width:220px;height:62px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.runner-title-line{background:var(--accent);width:171px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.runner-title{width:240px;color:var(--accent);letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;margin:0;font-size:24px;font-weight:800;line-height:30px;position:absolute;top:13px;left:50%;overflow:hidden;transform:translate(-50%)}.step-runner-body{position:absolute;inset:0}.runner-sidebar-flow{display:contents}.step-panel{z-index:11;-webkit-backdrop-filter:blur(5px);background:#141716b3;border:1px solid #ffffff1f;border-radius:20px;place-items:center;width:362px;height:auto;min-height:43px;padding:10px 30px;display:grid;position:absolute;top:auto;bottom:calc(clamp(130px,16.25dvh,142px) + 2px);left:20px}.step-description{color:#fff;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:normal;word-break:keep-all;max-width:300px;margin:0;padding-block:1px;font-family:Inter,Noto Sans KR,sans-serif;font-size:19px;font-weight:400;line-height:24px;display:block;overflow:visible}.mode-visual-cue{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.mode-visual-item{color:#ffffffb8;border:1px solid #ffffff24;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-width:78px;height:34px;padding:0 12px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.mode-visual-item .figma-icon{width:17px;height:17px}.mode-visual-item.is-active{color:var(--accent);background:#50fa7624;border-color:#50fa76c7}.mode-visual-arrow{background:#ffffff61;width:22px;height:1px;position:relative}.mode-visual-arrow:after{content:"";border-top:1px solid #ffffff61;border-right:1px solid #ffffff61;width:7px;height:7px;display:block;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.mode-visual-arrow:before{content:"";border-bottom:1px solid #ffffff61;border-left:1px solid #ffffff61;width:7px;height:7px;display:block;position:absolute;top:-3px;left:0;transform:rotate(45deg)}.runner-controls{z-index:14;-webkit-backdrop-filter:blur(5px);background:#05100b94;border:1px solid #50fa761f;border-radius:24px;justify-content:center;align-items:center;gap:47px;width:min(100% - 40px,362px);height:clamp(84px,10.8dvh,96px);padding:10px 14px 18px;display:flex;position:absolute;top:auto;bottom:clamp(22px,4dvh,38px);left:50%;transform:translate(-50%)}.runner-square-button{color:#fff;cursor:pointer;filter:drop-shadow(0 0 2px #0000004d);background:0 0;border:0;flex:0 0 57px;width:57px;height:57px;padding:0;position:relative}.runner-square-button>.figma-icon{width:35px;height:37px;position:absolute;top:0;left:50%;transform:translate(-50%)}.runner-camera-reset>.figma-icon{width:31px;height:31px;top:3px}.runner-square-label{text-align:center;text-shadow:0 0 4px #00000040;white-space:nowrap;font-size:10px;font-weight:900;line-height:14px;position:absolute;bottom:0;left:-9px;right:-9px}.mode-switch{--mode-indicator-inset:3px;--mode-indicator-bottom:4px;--mode-indicator-radius:18px;background:var(--accent);border-radius:50px;flex:0 0 170px;justify-content:center;align-items:center;width:170px;height:39px;padding:3px 2px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #00000040}.runner-mode-switch{z-index:14;position:absolute;top:clamp(82px,12.93dvh,113px);left:50%;transform:translate(-50%)}.mode-switch-indicator-viewport{z-index:0;top:var(--mode-indicator-inset);right:var(--mode-indicator-inset);bottom:var(--mode-indicator-bottom);left:var(--mode-indicator-inset);border-radius:var(--mode-indicator-radius);pointer-events:none;position:absolute;overflow:hidden}.mode-switch-indicator{border-radius:var(--mode-indicator-radius);background:#272727;width:200%;height:100%;transition:transform .4s cubic-bezier(.85,.05,.18,1.35);display:block;transform:translate(-75%);box-shadow:0 0 4px #00000040}.mode-switch.is-simulation .mode-switch-indicator{transform:translate(25%)}.mode-switch-button{z-index:1;color:#000;cursor:pointer;background:0 0;border:0;border-radius:18px;width:82px;height:26px;padding:0;font-size:14px;font-weight:900;line-height:14px;transition:color .26s;position:relative}.mode-switch-button.is-active{color:var(--ink)}.interaction-guide{z-index:15;top:var(--interaction-guide-top,432px);pointer-events:none;flex-direction:column;align-items:center;gap:14px;width:260px;height:126px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.interaction-guide-label{min-width:197px;max-width:260px;color:var(--accent);text-align:center;white-space:nowrap;word-break:keep-all;-webkit-backdrop-filter:blur(5px);background:#141716c7;border:1px solid #ffffff14;border-radius:20px;margin:0;padding:10px 15px 9px;font-family:Inter,Noto Sans KR,sans-serif;font-size:14px;font-weight:700;line-height:19px}.interaction-guide-icon{color:#fff;width:72px;height:72px;filter:drop-shadow(0 0 4.45px var(--accent));place-items:center;display:grid;position:relative}.interaction-guide-icon>.figma-icon{width:48px;height:46px}.hold-progress-ring{width:72px;height:72px;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.hold-track,.hold-progress{fill:none;stroke-width:8px}.hold-track{stroke:#ffffffd9}.hold-progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:182.22;stroke-dashoffset:182.22px}.interaction-guide.is-active .hold-progress,.interaction-guide.is-pending .hold-progress{animation:hold-progress var(--hold-duration,2s) linear forwards}.interaction-guide.is-success .interaction-guide-label{border-color:var(--accent);background:var(--accent);color:#000}.interaction-guide.is-error{animation:.26s interaction-error}.interaction-guide.is-error .interaction-guide-label{color:#ffb9b9;border-color:#ff646473}@keyframes hold-progress{to{stroke-dashoffset:0}}@keyframes interaction-error{25%{transform:translate(calc(-50% - 5px))}75%{transform:translate(calc(5px - 50%))}}.completion-dialog-button{letter-spacing:-1.4px;text-align:center;cursor:pointer;border:0;border-radius:20px;width:297px;height:36px;padding:0 20px;font-size:14px;font-weight:900;line-height:36px;box-shadow:0 0 4px #00000040}.completion-dialog-button.primary-button{background:var(--accent);color:#272727}.loading-state,.error-state{color:#fff;text-align:center;background:#000;place-content:center;gap:8px;padding:30px;display:grid;position:absolute;inset:0}@media (width<=401px){.category-list{gap:clamp(8px,5vw,20px);width:calc(100% - 34px)}.function-card{width:calc(100% - 40px)}.step-panel{width:90%;left:5%}.runner-controls{gap:clamp(28px,11.69vw,47px)}}@media (height<=873px){.app-shell{height:100dvh}}@media (width<=899px) and (height<=873px){.home-brand{top:clamp(6px,1dvh,29px)}.home-action-sheet{height:calc(100% - clamp(270px,42dvh,356px));top:clamp(270px,42dvh,356px)}.category-list{gap:clamp(8px,3vw,16px);height:66px;top:clamp(45px,6dvh,72px)}.category-button{flex-basis:clamp(62px,16vw,66px);width:clamp(62px,16vw,66px);height:66px}.category-button:before{top:13px}.category-icon{width:29px;height:29px;top:33px}.category-label{font-size:12px;line-height:15px}.category-button.is-active .category-label{font-size:13px}.function-list{gap:0;height:auto;padding:0 0 24px;top:calc(clamp(105px,14dvh,145px) + 20px);bottom:0;overflow-y:auto}.function-card{flex:0 0 83px;width:calc(100% - 40px);min-height:0;max-height:83px;padding:clamp(7px,1dvh,8px) clamp(24px,7.5vw,31px) clamp(9px,1.4dvh,12px) clamp(24px,7.5vw,30px)}.function-card-copy{justify-content:center;gap:clamp(5px,.9dvh,8px)}.function-card-title{font-size:clamp(17px,2.35dvh,20px);line-height:clamp(22px,2.9dvh,25px)}.function-card-summary{font-size:clamp(11px,1.45dvh,12px);line-height:clamp(14px,1.8dvh,15px)}.function-card-arrow{border-top-width:9px;border-bottom-width:9px;border-left-width:17px;margin-top:0}}@media (width<=899px) and (height<=700px){.runner-header{height:64px}.top-back-button{width:32px;height:32px;top:3px;left:18px}.top-back-button .figma-icon{width:32px;height:32px}#app[data-view=stepRunner] .home-settings-button{width:42px;height:42px;top:calc(clamp(22px,3.66dvh,32px) + 8px);right:18px}.runner-title-wrap{height:54px;top:4px}.runner-title{font-size:20px;line-height:26px;top:10px}.step-panel{border-radius:18px;width:calc(100% - 28px);height:auto;min-height:36px;padding:8px 20px;left:14px}.step-description{font-size:15px;line-height:20px}.runner-controls{height:84px}.interaction-guide{flex-direction:column;justify-content:center;gap:6px;width:min(100% - 24px,300px);height:110px}.interaction-guide-label{white-space:normal;min-width:0;max-width:100%;padding:8px 12px 7px;font-size:12px;line-height:16px}.interaction-guide-icon,.hold-progress-ring{width:48px;height:48px}.interaction-guide-icon>.figma-icon{width:33px;height:32px}.hold-track,.hold-progress{stroke-width:7px}}@media (orientation:landscape) and (height<=500px) and (width<=899px){.interaction-guide{gap:2px;height:58px}.interaction-guide-label{padding:3px 10px;font-size:11px;line-height:13px}.interaction-guide-icon,.hold-progress-ring{width:24px;height:24px}.interaction-guide-icon>.figma-icon{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.mode-switch-indicator-viewport,.mode-switch-indicator,.mode-switch-button{transition:none!important;animation:none!important}}@media (width>=900px),(orientation:landscape) and (width>=568px) and (width<=899px) and (height<=600px){.app-shell{--desktop-home-sidebar:clamp(410px, 40vw, 620px);--desktop-runner-sidebar:clamp(360px, 29vw, 430px);background:radial-gradient(circle at 28% 45%,#1d5c3c4d,#0000 32%),linear-gradient(135deg,#152b22 0%,#000 34% 100%);width:100vw;height:100dvh;min-height:640px}#app[data-view=functionList] .scene-panel{inset:0 var(--desktop-home-sidebar) 0 0;border-right:1px solid #50fa7624;width:auto;height:100%}.function-list-view{background:linear-gradient(90deg, #0000 0%, #0000 calc(100% - var(--desktop-home-sidebar)), #081711eb calc(100% - var(--desktop-home-sidebar)), #081711fa 100%)}.home-brand{width:var(--desktop-home-sidebar);height:164px;top:clamp(34px,6vh,70px);left:auto;right:0}.home-brand-line{width:min(68%,360px);top:0}.home-brand-kicker{letter-spacing:9px;font-size:15px;top:35px}.home-brand-logo{width:min(72%,390px);height:44px;top:68px}.home-brand-model{font-size:24px;top:123px}.home-settings-button{width:49px;height:49px;font-size:26px;top:calc(clamp(28px,5vh,52px) + 7px);bottom:auto;right:24px}.home-settings-backdrop{-webkit-backdrop-filter:none;background:0 0}.home-settings-panel{border-bottom:1px solid #50fa7633;border-radius:22px;gap:16px;width:360px;min-height:0;padding:22px;bottom:84px;left:auto;right:24px;box-shadow:0 18px 60px #00000094}#app[data-view=stepRunner] .home-settings-button{width:49px;height:49px;inset:calc(clamp(28px,5vh,52px) + 12px) 24px auto auto}#app[data-view=stepRunner] .home-settings-panel{left:24px;right:auto}.home-action-sheet{--function-list-fade-color:#102d22;width:var(--desktop-home-sidebar);background:linear-gradient(#0a1e162e 0%,#0a1e16a3 26%,#102d22 48% 100%);border-left:1px solid #50fa7629;height:100%;inset:0 0 0 auto;box-shadow:-24px 0 60px #00000057}.category-list{gap:clamp(18px,3vw,34px);width:calc(100% - 64px);max-width:500px;height:76px;top:clamp(205px,25vh,250px)}.category-button{border-radius:16px;flex-basis:76px;width:76px;height:72px;transition:background .16s,color .16s,transform .16s}.category-button:hover{background:#50fa7614;transform:translateY(-2px)}.category-icon{width:31px;height:31px}.category-label{font-size:13px}.function-list{background:#00000061;border-radius:34px 0 0;gap:8px;width:100%;height:auto;padding:28px clamp(28px,4vw,58px) 48px;top:clamp(295px,36vh,345px);bottom:0}.function-card{border:1px solid #0000;border-bottom-color:#50fa7633;border-radius:18px;flex-basis:92px;width:100%;max-width:520px;min-height:92px;padding:16px 24px 16px 22px;transition:background .16s,border-color .16s,transform .16s}.function-card:hover{background:#50fa7612;border-color:#50fa7652;transform:translate(-4px)}.function-card-title{font-size:21px}.function-card-summary{font-size:13px}#app[data-view=stepRunner] .app-shell{background:radial-gradient(circle at 65% 44%,#1b503647,#0000 36%),linear-gradient(135deg,#1b382b 0%,#000 28% 72%,#1a382b 100%)}#app[data-view=stepRunner] .scene-panel{inset:0 0 0 var(--desktop-runner-sidebar);width:auto;height:100%}.step-runner-view{background:linear-gradient(90deg, #0e261cfa 0, #0a1c15f0 var(--desktop-runner-sidebar), #00000008 var(--desktop-runner-sidebar), #0000 100%)}.step-runner-view:before{z-index:10;top:0;bottom:0;left:var(--desktop-runner-sidebar);content:"";pointer-events:none;background:linear-gradient(#0000 0%,#50fa7652 18%,#50fa7629 82%,#0000 100%);width:1px;position:absolute}.runner-header{width:calc(var(--desktop-runner-sidebar) - 48px);height:82px;top:clamp(28px,5vh,52px);left:24px}.top-back-button{top:7px;left:0}.runner-title-wrap{width:auto;top:5px;left:58px;right:58px;transform:none}.runner-title-line{width:min(100%,260px)}.runner-title{width:100%;font-size:25px}.runner-sidebar-flow{z-index:11;width:calc(var(--desktop-runner-sidebar) - 48px);flex-direction:column;gap:20px;display:flex;position:absolute;top:clamp(132px,18vh,172px);left:24px}.step-panel{background:#05100bb8;border-color:#50fa7629;border-radius:24px;width:100%;height:auto;min-height:90px;padding:18px 28px;position:relative;top:auto;bottom:auto;left:auto}.step-description{max-width:100%;font-size:20px;line-height:28px}.runner-controls{background:#05100b80;border:1px solid #50fa761a;border-radius:24px;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);place-items:center;gap:12px 18px;width:100%;height:90px;padding:12px 16px;display:grid;position:relative;top:auto;bottom:auto;left:auto;transform:none}.runner-square-button{border-radius:16px;flex-basis:62px;width:62px;height:62px;transition:background .16s,color .16s}.runner-square-button:hover{color:var(--accent);background:#50fa761a}.mode-switch{--mode-indicator-inset:4px;--mode-indicator-bottom:4px;--mode-indicator-radius:12px;width:calc(var(--desktop-runner-sidebar) - 48px);border-radius:16px;flex-basis:auto;height:46px;padding:4px}.runner-mode-switch{position:relative;top:auto;left:auto;transform:none}.runner-speech-toggle{grid-area:1/1}.runner-action-button{grid-area:1/2}.runner-camera-reset{grid-area:1/3}.mode-switch-button{border-radius:12px;flex:1;width:auto;height:34px;font-size:15px}.interaction-guide{top:31%;left:calc((100% + var(--desktop-runner-sidebar)) / 2)}.interaction-guide-label{min-width:250px;max-width:340px;padding:12px 20px 11px;font-size:15px}.completion-dialog-button{width:340px}}@media (orientation:landscape) and (width>=568px) and (width<=1199px) and (height<=600px){.app-shell{--desktop-home-sidebar:clamp(280px, 42vw, 360px);--desktop-runner-sidebar:clamp(280px, 36vw, 330px);min-height:0}.home-brand{height:96px;top:10px}.home-brand-line{top:0}.home-brand-kicker{letter-spacing:6px;font-size:10px;top:20px}.home-brand-logo{width:min(70%,240px);height:28px;top:37px}.home-brand-model{font-size:17px;top:76px}.home-action-sheet{--function-list-fade-color:#102d22;min-height:0}.home-action-sheet:after{height:42px}.category-list{gap:2px;width:calc(100% - 24px);height:54px;top:100px}.category-button{border-radius:8px;flex-basis:58px;width:58px;height:54px}.category-button:before{width:42px;top:5px}.category-icon{width:23px;height:23px;top:24px}.category-label,.category-button.is-active .category-label{font-size:10px;line-height:12px}.function-list{border-radius:18px 0 0;gap:2px;padding:6px 14px 18px;top:158px;overflow-y:auto}.function-card{border-radius:8px;flex:0 0 56px;min-height:56px;padding:7px 12px}.function-card-copy{gap:2px}.function-card-title{font-size:15px;line-height:19px}.function-card-summary{font-size:10px;line-height:13px}.function-card-arrow{border-top-width:7px;border-bottom-width:7px;border-left-width:12px}.home-settings-button{width:40px;height:40px;bottom:12px;right:12px}.home-settings-panel{width:min(320px, calc(var(--desktop-home-sidebar) - 24px));border-radius:16px;gap:10px;max-height:calc(100dvh - 72px);padding:14px;bottom:60px;right:12px;overflow-y:auto}#app[data-view=stepRunner] .home-settings-button{width:44px;height:44px;top:17px;right:12px}#app[data-view=stepRunner] .home-settings-panel{width:min(320px, calc(var(--desktop-runner-sidebar) - 24px));max-height:calc(100dvh - 24px);bottom:12px;left:12px;right:auto}.runner-header{width:calc(var(--desktop-runner-sidebar) - 28px);height:54px;top:10px;left:14px}.top-back-button{width:34px;height:34px;top:0}.top-back-button .figma-icon{width:34px;height:34px}.runner-title-wrap{height:48px;top:0;left:42px;right:42px}.runner-title{font-size:18px;line-height:22px;top:9px}.runner-sidebar-flow{width:calc(var(--desktop-runner-sidebar) - 28px);gap:8px;top:70px;left:14px}.step-panel{border-radius:14px;min-height:58px;max-height:clamp(80px,30dvh,150px);padding:9px 13px;overflow-y:auto}.step-description{font-size:14px;line-height:19px}.mode-switch{width:calc(var(--desktop-runner-sidebar) - 28px);border-radius:12px;height:36px;padding:3px}.mode-switch-button{border-radius:9px;height:28px;font-size:12px}.runner-controls{border-radius:14px;gap:4px 10px;height:62px;padding:4px 10px}.runner-square-button{border-radius:10px;flex-basis:48px;width:48px;height:48px}.runner-square-button>.figma-icon{width:29px;height:30px}.runner-camera-reset>.figma-icon{width:27px;height:27px}.runner-square-label{font-size:8px;line-height:10px}.interaction-guide{width:min(280px, calc(100vw - var(--desktop-runner-sidebar) - 28px));gap:6px;height:90px;top:28%}.interaction-guide-label{white-space:normal;min-width:0;max-width:100%;padding:7px 12px 6px;font-size:12px;line-height:16px}.interaction-guide-icon,.hold-progress-ring{width:42px;height:42px}.interaction-guide-icon>.figma-icon{width:29px;height:28px}.completion-dialog-button{width:min(280px, calc(100vw - var(--desktop-runner-sidebar) - 28px))}}.home-action-sheet:after{z-index:3;background:linear-gradient(180deg, #12342600, var(--function-list-fade-color) 82%);content:"";pointer-events:none;height:72px;position:absolute;bottom:0;left:0;right:0}@media (orientation:portrait) and (width>=768px) and (width<=899px){.app-shell{width:100vw;height:100dvh;min-height:0}.home-action-sheet{height:auto;top:clamp(360px,38dvh,460px);bottom:0}.category-list{width:min(100% - 48px,520px);top:clamp(54px,6dvh,72px)}.function-list{gap:10px;height:auto;padding:24px 40px 48px;top:clamp(145px,15dvh,170px);bottom:0;overflow-y:auto}.function-card{width:min(100% - 80px,620px)}.home-settings-panel{width:min(100% - 80px,620px);left:50%;right:auto;transform:translate(-50%)}.step-panel{width:min(100% - 80px,620px);left:50%;transform:translate(-50%)}.step-description{max-width:560px}.interaction-guide{width:min(100% - 80px,360px)}.interaction-guide-label{white-space:normal;max-width:100%}}