.ux-app{--ux-topbar:64px;--ux-nav: calc(64px + env(safe-area-inset-bottom,0px)) }.ux-app .ux-close-catalog,.ux-mobile-finish{display:none}.ux-app button:focus-visible,.ux-app input:focus-visible,.ux-app select:focus-visible,.ux-app summary:focus-visible{outline:3px solid #b97b2d;outline-offset:3px}.ux-app .topbar{height:var(--ux-topbar);min-height:var(--ux-topbar);position:relative;z-index:60;overflow:visible}.ux-app .topbar__actions{overflow:visible;gap:8px}.ux-app .topbar .btn{min-height:36px}.ux-app .topbar__cart{max-width:240px}.ux-app .ux-header-restart{display:none}.ux-project{position:relative;font-size:13px}.ux-project summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;border:1px solid var(--color-border-strong);border-radius:24px;min-height:36px;white-space:nowrap;background:#fff}.ux-project summary::-webkit-details-marker{display:none}.ux-project[open]>summary{background:#efede8}.ux-project-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:min(320px,calc(100vw - 24px));background:#fff;border:1px solid #d6d4cc;border-radius:14px;box-shadow:0 16px 50px #2428202b;padding:12px;display:flex;flex-direction:column;gap:5px}.ux-project-menu>button{min-height:44px;text-align:left;background:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:13px}.ux-project-menu>button:hover{background:#f2f1eb}.ux-project-menu small{font-size:11px;line-height:1.5;color:#74746c;padding:6px 10px}.ux-project-menu .ux-save--saved{color:#40724d}.ux-project-menu .ux-save--failed{color:#a24834}.ux-app .sidebar{overflow:hidden}.ux-app .catalog__scroll{padding:0 0 16px;overflow:auto;min-height:0;flex:1}.ux-catalog-heading{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--color-border);min-height:54px;flex-shrink:0}.ux-catalog-heading h2{font-size:15px;margin:0}.ux-expand,.ux-close-catalog{display:none}.ux-icon{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid #dddcd5;border-radius:50%;background:#fff;color:var(--hi-charcoal);font-size:22px!important;cursor:pointer;padding:0 8px}.ux-size-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px}.ux-size-row small{display:block;font-size:9px;letter-spacing:.1em;color:#817469;text-transform:uppercase;margin-bottom:4px}.ux-size-row b{font-size:18px}.ux-size-row b span{font-size:12px;color:#70706a;font-weight:400;margin-left:4px}.ux-size-row .btn{font-size:11px;min-height:36px;padding:7px 12px}.ux-app .size-picker{padding-top:0;padding-bottom:12px}.ux-catalog-tabs{display:flex;gap:3px;padding:4px;margin:0 14px 12px;background:#eeede7;border-radius:12px}.ux-catalog-tabs button{flex:1;min-width:0;border:0;border-radius:9px;padding:10px 5px;background:transparent;font-size:12px;font-weight:600;line-height:1.25;min-height:42px}.ux-catalog-tabs .active{background:#fff;box-shadow:0 1px 4px #0001;color:#292c29}.ux-search{display:flex;align-items:center;margin:0 16px 12px;border:1px solid #d1d1c7;border-radius:10px;position:relative;background:#fff}.ux-search input{width:100%;min-width:0;border:0;background:transparent;padding:11px 12px;font-size:12px;min-height:42px;border-radius:10px;color:#343932}.ux-search input::-webkit-search-cancel-button{display:none}.ux-search .ux-icon{min-width:32px;min-height:32px;border:0;margin-right:4px}.ux-app .catalog__filter-bar{padding:0 16px;gap:6px;margin:0 0 10px}.ux-app .catalog__filter{min-height:32px;font-size:11px}.ux-results{margin:8px 18px 12px;font-size:11px;color:var(--color-text-soft)}.ux-app .catalog__grid{padding:0 14px;gap:10px}.ux-app .catalog-card{padding:10px;text-align:left;border-radius:12px;min-width:0;background:#fff;transition:border-color .15s,box-shadow .15s}.ux-app .catalog-card:hover{border-color:#ac8d65;box-shadow:0 2px 8px #80632f15}.ux-app .catalog-card__title{font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}.ux-app .catalog-card__sub{font-size:9px;line-height:1.5;color:#77786e;margin-top:7px}.ux-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.ux-card-badges span{font-size:9px;line-height:1.3;padding:3px 5px;border-radius:5px;background:#eeeee6;color:#515748}.ux-card-badges span:first-child{font-size:11px;font-weight:650;display:block;flex-basis:100%;background:none;padding-left:0;color:#252b27}.ux-app .tube-card{margin:0 14px}.ux-app .catalog-section__head{padding-left:18px;padding-right:18px}.ux-project-chevron{flex:none;width:20px;height:20px;transition:transform .15s}.ux-project[open] .ux-project-chevron{transform:rotate(180deg)}@media (max-width:1100px){.ux-app .topbar__title-block{display:none}.ux-app .topbar{gap:8px}}@media (max-width:1024px){.ux-app{height:100dvh;min-height:0;overflow:hidden}.ux-app .topbar{padding:0 10px;gap:8px}.ux-app .topbar__brand{flex:0 0 30px}.ux-app .topbar__actions{flex:1;justify-content:flex-end;gap:6px;min-width:0}.ux-app .topbar__actions>.topbar__share,.ux-app .topbar__actions>[data-action=grid],.ux-app .topbar__cart{display:none}.ux-app .topbar .btn--icon-sm{min-width:36px;min-height:40px}.ux-project summary{padding:8px 11px;font-size:12px;min-height:40px;gap:6px}.ux-project-menu{position:fixed;top:58px;left:10px;right:auto;width:min(340px,calc(100vw - 20px))}.ux-app .finish-toggle{display:none}.ux-mobile-finish{display:block;min-width:0;width:110px;height:40px;border:1px solid #d4d3cb;background:#fff;border-radius:24px;padding:4px 6px;font-size:13px!important;color:#293029}.ux-app .workspace{height:calc(100dvh - var(--ux-topbar) - var(--ux-nav));padding:8px;gap:0;position:relative;display:block;flex:none;overflow:hidden}.ux-app .canvas-host{height:100%;width:100%;margin:0;border-radius:14px;min-height:0}.ux-app .workspace--m-catalog .canvas-host{height:calc(100% - min(52dvh,490px) + 8px)}.ux-app .panel.sidebar{position:fixed;bottom:var(--ux-nav);left:0;right:0;top:auto;width:100%;height:min(52dvh,490px);max-height:none;z-index:40;border-radius:18px 18px 0 0;overflow:auto;display:flex;flex-direction:column}.ux-app .panel.sidebar.sidebar--sheet-full{height:calc(100dvh - var(--ux-topbar) - var(--ux-nav) - 4px)}.ux-app .panel.sidebar .catalog__scroll{overflow:visible;flex:none;min-height:auto}.ux-catalog-heading{position:sticky;top:0;background:#fff;z-index:2;min-height:50px;padding:8px 14px}.ux-catalog-heading h2{font-size:13px}.ux-expand{display:block;font-size:10px!important;padding:5px;border:0;background:none;color:#716444;min-height:38px;margin-left:auto;max-width:180px;text-align:right}.ux-app .ux-close-catalog{display:inline-flex}.ux-app .ux-icon{min-width:40px;min-height:40px}.ux-size-row{padding:10px 16px}.ux-size-row small{font-size:9px}.ux-size-row b{font-size:16px}.ux-catalog-tabs{margin-bottom:10px}.ux-app .ux-search input{font-size:16px;min-height:44px;padding:10px}.ux-app .ux-search input::placeholder{font-size:12px}.ux-app .catalog__filter{min-height:36px}.ux-results{margin:8px 18px}.ux-app .catalog-card__title{font-size:12px}.ux-app .panel.bom{top:var(--ux-topbar);bottom:var(--ux-nav);z-index:45;border-radius:14px 14px 0 0}.ux-app .mobile-nav{height:var(--ux-nav);padding-bottom:env(safe-area-inset-bottom,0px);z-index:55}.ux-app .mobile-nav__btn{min-height:60px}}@media (max-width:1024px) and (max-height:530px){.ux-app .workspace--m-catalog .canvas-host{height:100%;width:calc(100% - 340px)}.ux-app .panel.sidebar,.ux-app .panel.sidebar.sidebar--sheet-full{width:340px;right:0;left:auto;top:var(--ux-topbar);height:auto;bottom:var(--ux-nav);border-radius:14px 0 0}}@media (prefers-reduced-motion:reduce){.ux-project-chevron{transition:none}}.socket-kit-options{margin:8px 16px 14px;padding:10px 12px;border:1px solid #deddd4;border-radius:10px;font-size:12px}.socket-kit-options legend{padding:0 4px;font-weight:600}.socket-kit-options label{display:flex;align-items:center;gap:8px;min-height:36px}.socket-kit-options input{width:18px;height:18px;flex:none}.socket-kit-options small,.socket-kit-note{display:block;font-size:11px;line-height:1.5;color:#71685b}.socket-kit-note{padding:8px 16px}.btn.is-busy{cursor:progress}.btn.is-busy>svg{display:none}.btn.is-busy:before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.btn.is-busy:before{animation:none;border-color:#fff;border-right-color:#ffffff73}}.ux-deco-notice{margin:0 18px 12px;padding:10px 12px;border:1px solid #E2D6C2;background:#f7f2ea;color:#4b3b28;border-radius:8px;font-size:12px;line-height:1.45}.ux-deco-notice b{display:block;margin-bottom:3px}.ux-size-lock{font-size:11px;color:#70706a;text-align:right;max-width:140px;line-height:1.3}.ux-app .btn--accent{background:var(--hi-taupe-dark)}.ux-app .btn--accent:hover{background:#735b50}.ux-app .topbar__title-block .eyebrow,.ux-app .bom__head .eyebrow{color:var(--hi-taupe-dark)}.ux-app .beta-tag{color:#b5532e}.ux-app .metric-axis--y .metric-axis__label{color:#2f7d43}.ux-app .catalog-card__sub{font-size:10px;color:#66675e}.ux-app .selection-toolbar{max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;row-gap:6px}.ux-app .tube-picker--compact .tube-picker__select{max-width:156px}.ux-app .tube-picker--compact .tube-picker__input{width:74px}.ux-app .bom-row__name:focus-visible{outline:3px solid #b97b2d;outline-offset:3px;border-radius:4px}.ux-app button.bom-row__name{background:none;border:0;margin:0;padding:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer;min-width:0}.ux-app .bom-row__name>small{display:block}@media (max-width:1024px){.ux-mobile-finish{width:auto;min-width:110px;max-width:176px}.ux-app .catalog__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:1024px) and (orientation:landscape) and (max-height:500px){.ux-app .selection-toolbar{bottom:6px;flex-wrap:nowrap;overflow-x:auto;max-width:calc(100% - 12px);border-radius:12px;padding:4px 8px;gap:8px;justify-content:flex-start}.ux-app .selection-toolbar__group{padding-left:8px}.ux-app .selection-toolbar__text{max-width:min(30vw,220px)}}@media (max-width:767px) and (orientation:landscape) and (max-height:500px){.ux-app .selection-toolbar__group-label,.ux-app .selection-toolbar__btn-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ux-app .selection-toolbar__btn--danger{margin-left:0;padding:0 10px}}@media (pointer:coarse){.ux-app .bom-row__remove{width:40px;height:40px;opacity:1}.ux-app .btn--sm{min-height:40px}.ux-app .tube-picker--compact .tube-picker__select,.ux-app .tube-picker--compact .tube-picker__input{height:40px}.ux-app .tube-picker__select,.ux-app .tube-picker__input{min-height:40px}.ux-app .catalog__filter{height:40px}.ux-app .topbar__brand-mark{width:40px;height:40px}.ux-app .btn,.ux-app .topbar .btn,.ux-app .ux-size-row .btn,.ux-app .ux-project summary{min-height:40px}.ux-app .btn--icon-sm,.ux-app .topbar .btn--icon-sm{min-width:40px;min-height:40px}.ux-app .finish-toggle{height:auto}.ux-app .finish-toggle button{height:40px}.ux-app .view-controls button,.ux-app .view-controls__fit,.ux-app .selection-toolbar__btn{min-width:40px;min-height:40px}.ux-app .size-chip,.ux-app .ux-expand,.ux-app .socket-kit-options label,.ux-app .toast__action{min-height:40px}.ux-app .ux-search .ux-icon,.ux-app .gesture-hint button,.ux-app .toast__close{min-width:40px;min-height:40px;width:40px;height:40px}.ux-app .bom-row__name{min-height:40px;justify-content:center}}.ux-app{--hi-grey-500:#6B6964;--color-text-soft:var(--hi-grey-500)}.ux-app .canvas-empty .badge{color:var(--hi-taupe-ink)}.ux-app .bom-row.tube .bom-row__qty{background:var(--hi-taupe-dark)}.ux-app .metric-axis--x .metric-axis__label{color:#b83f35}.ux-app .metric-axis--z .metric-axis__label{color:#2f6db5}.ux-app .selection-toolbar{width:max-content}.catalog-empty__action{display:flex;justify-content:center;margin:-14px 18px 18px}@media (max-width:1024px){.ux-app .selection-toolbar__label{flex:1 1 100%;justify-content:center;min-width:0}.ux-app .selection-toolbar__text{max-width:100%}.ux-app .selection-toolbar__name{-webkit-line-clamp:3}.ux-app .selection-toolbar__group{border-left:0;padding-left:0}.ux-app .selection-toolbar__group--tube{flex:1 1 100%;flex-wrap:wrap;justify-content:center;row-gap:4px;min-width:0}.ux-app .selection-toolbar__group--tube .tube-picker--compact{min-width:0;max-width:100%}.ux-app .selection-toolbar__group--tube .tube-picker__select{min-width:0;flex:0 1 auto}}@media (max-width:1024px) and (orientation:landscape) and (max-height:500px){.ux-app .selection-toolbar__label{flex:0 0 auto;justify-content:flex-start}.ux-app .selection-toolbar__text{max-width:min(30vw,220px)}.ux-app .selection-toolbar__name{-webkit-line-clamp:2}.ux-app .selection-toolbar__group{padding-left:8px;border-left:1px solid var(--color-border)}.ux-app .selection-toolbar__group--tube{flex:0 0 auto;flex-wrap:nowrap}}.ux-app .bom__total-row{gap:10px}.ux-app .bom__total-row>span:first-child{min-width:0}.ux-app .bom__total-row>span:last-child{flex:none;white-space:nowrap;text-align:right}@media (max-width:1024px){.ux-app .topbar__actions>*{flex-shrink:0}.ux-app .topbar[data-fit~="1"]{padding:0 8px;gap:6px}.ux-app .topbar[data-fit~="1"] .topbar__actions{gap:4px}.ux-app .topbar[data-fit~="1"] .ux-project summary{padding:8px 10px}.ux-app .topbar[data-fit~="1"] .ux-project-chevron{display:none}.ux-app .topbar[data-fit~="1"] .undo-group{gap:2px;padding-right:6px;margin-right:0}.ux-app .topbar[data-fit~="1"] .topbar__actions>.ux-mobile-finish{min-width:0;padding:4px}.ux-app .topbar[data-fit~="2"] .topbar__actions>.ux-mobile-finish{font-size:12px!important}.ux-app .topbar[data-fit~="3"] .topbar__brand{display:none}.ux-app .topbar[data-fit~="4"] .topbar__actions>.ux-mobile-finish{font-size:11px!important}.ux-app .topbar[data-fit~="5"]{padding:0 6px}.ux-app .topbar[data-fit~="5"] .topbar__actions{gap:3px}.ux-app .topbar[data-fit~="5"] .ux-project summary{padding:8px 6px}.ux-app .topbar[data-fit~="5"] .undo-group{padding-right:3px}.ux-app .topbar[data-fit~="5"] .topbar__actions>.ux-mobile-finish{padding:4px 2px}.ux-app .topbar[data-fit~="6"] .topbar__actions>.ux-mobile-finish{flex-shrink:1;min-width:84px}}.start-panel{position:absolute;inset:0;display:flex;padding:16px;overflow:auto;pointer-events:none;z-index:3}.start-card{pointer-events:auto;margin:auto;width:min(540px,100%);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:14px;padding:18px 20px 16px;box-shadow:0 8px 28px #2a2b2a1f;color:var(--hi-charcoal);text-align:left}.start-card .badge{display:inline-flex;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hi-taupe)}.start-card h3{margin:10px 0 12px;font-size:21px;font-weight:700;letter-spacing:-.02em}.start-section{margin:0 0 12px}.start-section h4{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hi-grey-500)}.start-chips{display:flex;flex-wrap:wrap;gap:6px}.start-note{margin:0;font-size:13px;color:var(--hi-grey-500)}.start-finishes{display:flex;flex-wrap:wrap;gap:6px}.start-finishes button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:#fff;font-size:13px;color:var(--hi-charcoal);cursor:pointer}.start-finishes button.active{border-color:var(--hi-taupe);box-shadow:inset 0 0 0 1px var(--hi-taupe);font-weight:600}.start-card h3{margin-bottom:4px}.start-card .start-steps{display:block}.start-lead{margin:0 0 14px;font-size:14px;line-height:1.45;color:var(--hi-grey-500)}.start-section h4{display:flex;align-items:center;gap:8px}.start-num{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--hi-charcoal);color:#fff;font-size:11px;font-weight:700;letter-spacing:0}.start-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border)}.start-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-size:15px;font-weight:700}.start-go:focus-visible{outline:2px solid var(--hi-charcoal);outline-offset:3px}.start-go-hint{margin:2px 0 0;font-size:13px;text-align:center;color:var(--hi-charcoal)}.start-foot-note{margin:0;font-size:12px;text-align:center;color:var(--hi-grey-500)}.next-step{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:flex-start;gap:10px;width:min(380px,calc(100% - 40px));padding:14px 16px;border-radius:14px;background:#fffffff2;border:1px solid var(--color-border);box-shadow:0 8px 28px #2a2b2a1f;color:var(--hi-charcoal)}.next-step__arrow{flex:none;margin-top:2px;color:var(--hi-taupe);animation:next-step-nudge 1.4s ease-in-out 3}.next-step__body{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}.next-step__body strong{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hi-grey-500)}.next-step__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.next-step--touch{left:50%;transform:translate(-50%,-50%)}@keyframes next-step-nudge{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.sidebar--guide{box-shadow:0 0 0 2px var(--hi-taupe),0 0 0 6px #a68a7e2e;animation:sidebar-guide 1.6s ease-in-out 2}@keyframes sidebar-guide{50%{box-shadow:0 0 0 2px var(--hi-taupe),0 0 0 10px #a68a7e1a}}.ux-start-guide{margin:10px 14px 4px;padding:9px 12px;border-radius:10px;background:var(--hi-charcoal);color:#fff;font-size:13px;font-weight:600;line-height:1.4}@media (prefers-reduced-motion: reduce){.next-step__arrow,.sidebar--guide{animation:none}}.ux-add-target{display:flex;flex-direction:column;gap:6px;margin:10px 14px 2px}.ux-add-target__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hi-grey-500)}.ux-add-target__options{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#efede8}.ux-add-target__options button{min-height:40px;padding:6px 8px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:600;line-height:1.2;color:var(--hi-charcoal);cursor:pointer}.ux-add-target__options button.active{background:#fff;box-shadow:0 1px 3px #2a2b2a2e}.ux-add-target__options button[data-action=new-ensemble].active{background:var(--hi-charcoal);color:#fff}.ux-add-target__options button:focus-visible{outline:2px solid var(--hi-charcoal);outline-offset:2px}@media (min-width: 1025px) and (max-width: 1180px){.ux-app .topbar__actions{gap:6px}.ux-app .topbar__actions>[data-action=grid] .btn__label-m{display:none}}.env-hint{margin:0;font-size:12px;line-height:1.45;color:var(--hi-grey-500)}.env-picker{display:flex;flex-direction:column;gap:10px}.env-kinds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.env-kind{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:6px 4px;border-radius:10px;border:1px solid var(--color-border);background:#fff;font-size:12px;line-height:1.2;color:var(--hi-charcoal);cursor:pointer;text-align:center}.env-kind.active{border-color:var(--hi-taupe);box-shadow:inset 0 0 0 1px var(--hi-taupe);font-weight:600;background:#fbf8f4}.env-kind:focus-visible,.start-finishes button:focus-visible{outline:2px solid var(--hi-charcoal);outline-offset:2px}.env-dims{display:flex;flex-wrap:wrap;gap:10px}.env-dim{display:inline-flex;align-items:center;gap:6px;font-size:13px}.env-dim input{width:78px;min-height:34px;padding:4px 8px;border:1px solid var(--color-border);border-radius:8px;font-size:14px}.env-dim__unit{color:var(--hi-grey-500)}.env-menu{position:relative;font-size:13px}.env-menu__summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;min-height:36px;white-space:nowrap;border:1px solid var(--color-border-strong);border-radius:24px;background:#fff}.env-menu__summary::-webkit-details-marker{display:none}.env-menu[open]>.env-menu__summary{background:#efede8}.env-menu__summary:focus-visible{outline:2px solid var(--hi-charcoal);outline-offset:2px}.env-menu__body{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:min(360px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;background:#fff;border:1px solid #d6d4cc;border-radius:14px;box-shadow:0 16px 50px #2428202b}.env-menu__body>button{min-height:44px;text-align:left;background:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.env-menu__body>button:hover{background:#f2f1eb}.env-menu__body small{font-size:11px;line-height:1.5;color:#74746c}.env-menu__title{font-size:13px}.env-menu__magnet{display:inline-flex;align-items:center;gap:8px;font-size:13px}.env-menu__magnet input{width:18px;height:18px}@media (max-width: 1024px){.env-menu__summary{padding:8px 11px;font-size:12px;min-height:40px}.env-menu__body{position:fixed;top:58px;left:10px;right:auto;width:min(360px,calc(100vw - 20px))}}@media (pointer: coarse){.ux-app .env-menu__summary{min-height:40px}}@media (max-width: 400px){.ux-app .env-menu__summary{padding:8px 10px}}.env-distance{display:inline-block;padding:2px 6px;border-radius:6px;background:#ffffffeb;border:1px solid #d9d0c7;font-size:11px;font-weight:600;color:#5c4f47;white-space:nowrap}.selection-toolbar__btn.is-active{background:var(--hi-charcoal);color:#fff}@media (max-width: 600px){.env-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}.start-card{padding:14px 14px 0}.start-actions{position:sticky;bottom:0;z-index:1;margin:12px -14px 0;padding:10px 14px 12px;background:#fffffff7;border-radius:0 0 14px 14px;box-shadow:0 -8px 16px #ffffffe6}.start-go-hint{font-size:12px}.start-foot-note{display:none}}.loop-marker{transform:translateY(-30px);padding:3px 8px;border-radius:999px;background:#d93a2b;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #2a2b2a40}@media (pointer: coarse){.ux-app .start-finishes button{min-height:40px}.ux-app .env-dim input{min-height:40px;font-size:16px}.ux-app .env-menu__magnet{min-height:40px}.ux-app .env-menu__summary{min-width:40px}}.env-menu__body{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}@media (max-width: 1024px){.env-menu__body{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}}@media (max-height: 500px) and (min-width: 601px){.start-actions{position:sticky;bottom:0;z-index:1;margin:12px -20px 0;padding:10px 20px 12px;background:#fffffff7;border-radius:0 0 14px 14px;box-shadow:0 -8px 16px #ffffffe6}.start-card{padding-bottom:0}.start-foot-note{display:none}}.selection-toolbar__btn.is-active:hover{background:var(--hi-charcoal);color:#fff}@media (max-width: 1024px){.ux-app .selection-toolbar__group{flex-wrap:wrap;justify-content:center;row-gap:4px;min-width:0;max-width:100%}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 500px){.ux-app .selection-toolbar__group{flex-wrap:nowrap}}.view-controls__tour{height:30px;padding:0 12px;margin-left:2px;border-radius:var(--radius-pill);border:0;background:transparent;cursor:pointer;font-family:inherit;font-weight:600;font-size:11.5px;letter-spacing:.02em;color:var(--hi-grey-700);display:inline-flex;align-items:center;justify-content:center;gap:5px;box-shadow:inset 1px 0 0 var(--color-border)}.view-controls__tour:hover{background:var(--hi-grey-100);color:var(--hi-charcoal)}.ux-app .view-controls__tour{min-width:40px;min-height:40px}@media (min-width: 1025px){.ux-app .view-controls__tour{min-height:30px}}@media (max-width: 359px){.ux-app .view-controls{gap:0;padding:2px}.ux-app .view-controls__tour{margin-left:0}}.tour{position:fixed;inset:0;z-index:1000}.tour__catch{position:absolute;inset:0;cursor:default}.tour__hole{position:fixed;border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px #fff,0 0 0 9999px #181816bd;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour__veil{position:fixed;inset:0;background:#181816bd;pointer-events:none}.tour__bubble{position:fixed;width:min(340px,calc(100vw - 16px));box-sizing:border-box;background:#fff;color:var(--hi-charcoal);border-radius:14px;padding:14px 16px;box-shadow:0 18px 50px #14141259;font-size:13px;line-height:1.5}.tour__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.tour__count{font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--hi-taupe-dark);font-variant-numeric:tabular-nums}.tour__count>span{font-size:13px;font-weight:600;color:var(--hi-grey-500);margin-left:1px}.tour__close{width:40px;height:40px;margin:-8px -10px -8px 0;border:0;border-radius:50%;background:transparent;color:var(--hi-grey-700);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tour__close:hover{background:var(--hi-grey-100);color:var(--hi-charcoal)}.tour__title{font-size:15px;font-weight:700;margin:2px 0 4px;line-height:1.3}.tour__body{color:#3d3f3c}.tour__gestures{margin:0;padding:0;list-style:none;display:grid;gap:2px}.tour__gestures b{font-weight:700;color:var(--hi-charcoal);margin-right:4px}.tour__nav{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.tour__nav .btn{min-height:40px;height:auto;padding:0 16px}.tour__nav .btn[disabled]{visibility:hidden}.tour button:focus-visible{outline:3px solid #b97b2d;outline-offset:2px}.tour__bubble:before{content:"";position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tour__bubble--below:before{top:-7px;left:clamp(14px,calc(var(--tour-arrow) - 7px),calc(100% - 28px))}.tour__bubble--above:before{bottom:-7px;left:clamp(14px,calc(var(--tour-arrow) - 7px),calc(100% - 28px))}.tour__bubble--right:before{left:-7px;top:clamp(14px,calc(var(--tour-arrow) - 7px),calc(100% - 28px))}.tour__bubble--left:before{right:-7px;top:clamp(14px,calc(var(--tour-arrow) - 7px),calc(100% - 28px))}.tour__bubble--inside:before{display:none}@media (prefers-reduced-motion: reduce){.tour__hole{transition:none}}