:root{--v-1: 1vh;--w-1: 1vw;--v-100: 100vh}@supports (height: 1dvh){:root{--v-1: 1dvh;--w-1: 1dvw;--v-100: 100dvh}}:root{--sky: #1f6fe5;--mint: #18b180;--sunshine: #ffc93a;--coral: #ff5a6a;--ink: #172434;--ink-muted: #4f6379;--cloud: #eaf1f9;--surface: #f4f8fd;--surface-contrast: #fcfeff;--surface-1: #f8fbff;--surface-2: #f7fbff;--surface-3: #f4f8ff;--surface-4: #f3f8ff;--surface-5: #fbfdff;--surface-6: #f9fcff;--surface-7: #f6faff;--surface-accent-1: #e8f0fb;--surface-accent-2: #e8eff9;--surface-panel: #f2f7ff;--surface-topbar: rgba(248, 252, 255, .95);--surface-toolbar: rgba(242, 247, 253, .96);--card: #ffffff;--border: #c5d2e2;--rail-border: #aec2da;--rail-border-soft: #b7c9df;--ribbon-outline: #abc0d8;--canvas-dash-border: #b7c9dd;--danger-soft-text: #c2384c;--danger-soft-bg: #fff5f6;--danger-soft-border: #ffd3d8;--text-muted-2: #58708d;--text-muted-3: #7b8ca0;--text-label: #4a6280;--text-emphasis: #1f2a37;--text-map-control: #4d6885;--text-ribbon-tab: #2f435b;--text-ribbon-active: #16508d;--map-border-soft: #ccd7e6;--slider-track-soft: #d7e5f6;--overlay-scrim: rgba(15, 23, 42, .28);--workspace-grad-top: rgba(238, 245, 253, .9);--workspace-grad-bottom: rgba(232, 241, 251, .94);--shadow: 0 .75em 1.75em rgba(20, 36, 52, .12);--shadow-strong: 0 1.25em 2.5em rgba(31, 42, 55, .2);--focus-ring: #2b78ef;--focus-glow: rgba(43, 120, 239, .22);--top-overlay-z: 9800;--radius: 1em;--app-background: radial-gradient(circle at 12% 8%, rgba(31, 111, 229, .11), transparent 32%), radial-gradient(circle at 84% 12%, rgba(24, 177, 128, .1), transparent 30%), linear-gradient(180deg, var(--surface-1), var(--cloud));--brand-mark: linear-gradient(135deg, var(--sky), var(--mint));--brand-mark-ring: rgba(58, 160, 255, .12);--mode-tabs-surface: var(--surface-accent-1);--mode-tabs-radius: 62.4375em;--mode-tab-radius: 62.4375em;--mode-tab-active-background: var(--surface-contrast);--mode-tab-active-color: var(--sky);--mode-tab-active-shadow: 0 .375em .75em rgba(31, 111, 229, .18);--topbar-backdrop-filter: none;--build-floating-panel-backdrop: none;--build-zoom-panel-backdrop: none;--build-insert-cluster-backdrop: none;--build-floating-menu-backdrop: none;--button-radius: .75em;--control-radius: .625em;--button-hover-shadow: 0 .5em .875em rgba(20, 36, 52, .12);--button-hover-transform: translateY(-.0625em);--button-active-transform: translateY(0);--button-primary-background: linear-gradient(135deg, var(--sky), #1a57be);--button-primary-border: transparent;--button-primary-color: #ffffff;--collapsed-panel-background: linear-gradient(180deg, #eef4fc, #e4edf8);--play-viewport-background: linear-gradient(180deg, #edf4fc, #dce9f8);--map-board-background: linear-gradient(180deg, var(--surface-5), var(--surface));--map-zoom-surface: rgba(247, 251, 255, .96);--inventory-icon-surface: var(--surface-accent-1);--selection-border: rgba(58, 160, 255, .95);--selection-background: rgba(58, 160, 255, .24);--selection-ring: rgba(255, 255, 255, .35);--active-ring: rgba(58, 160, 255, .15)}*{box-sizing:border-box;min-width:0}html,body,#appRoot{width:100%;height:100vh;height:var(--app-vh, var(--v-100));overflow:hidden}body{margin:0;font-family:Nunito,sans-serif;color:#172434;color:var(--ink);background:#f4f8fd;background:var(--surface)}img{-webkit-user-drag:none;user-drag:none}.app-shell,.app-shell *,.app-shell input,.app-shell textarea,.app-shell [contenteditable=true]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-shell input:focus,.app-shell textarea:focus,.app-shell [contenteditable=true]:focus,.app-shell [contenteditable=true]:focus *{-webkit-user-select:text;-moz-user-select:text;user-select:text}body.three-rotate-dragging{cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.three-pan-dragging,body.three-zoom-dragging,body.three-pan-dragging *,body.three-zoom-dragging *{cursor:grabbing!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.build-resizing,body.build-resizing *{cursor:nwse-resize!important;cursor:var(--build-resize-cursor, nwse-resize)!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button,[role=button],a[href],summary{touch-action:manipulation}h1,h2,h3,p{margin:0}.btn{min-height:2.75em;border:.0625em solid #c5d2e2;border:.0625em solid var(--border);border-radius:.75em;border-radius:var(--button-radius);padding:0 .875em;background:#fff;background:var(--card);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-.0625em);transform:var(--button-hover-transform);box-shadow:0 .5em .875em #1424341f;box-shadow:var(--button-hover-shadow)}.btn:active{transform:translateY(0);transform:var(--button-active-transform)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-small{min-height:2.75em;padding:0 .625em;border-radius:.625em;border-radius:var(--control-radius);font-size:.9rem}.btn-primary{border-color:transparent;border-color:var(--button-primary-border);background:linear-gradient(135deg,#1f6fe5,#1a57be);background:var(--button-primary-background);color:#fff;color:var(--button-primary-color)}.btn-subtle{background:#f6faff;background:var(--surface-7)}.btn-danger{background:#fff2f4;color:#ff5a6a;color:var(--coral);border-color:#ffd3d8}.btn-add{background:#f9fcff;background:var(--surface-6);border-style:dashed}.btn-toggle.active{background:#18b18029;border-color:#18b18080;color:#0f6f53}.input,textarea{min-height:2.1em;border-radius:.625em;border-radius:var(--control-radius);border:.0625em solid #c5d2e2;border:.0625em solid var(--border);padding:.26em .5em;width:100%;background:#fff}.input-small{width:8.25em}.input[type=color],input.input[type=color]{padding:.18em;background:#fff;background:var(--build-control-background, #fff)}.input[type=color]::-webkit-color-swatch-wrapper,input.input[type=color]::-webkit-color-swatch-wrapper{padding:0;background:transparent}.input[type=color]::-webkit-color-swatch,input.input[type=color]::-webkit-color-swatch{border:none;border-radius:.5em;border-radius:calc(var(--control-radius) - .125em)}.input[type=color]::-moz-color-swatch,input.input[type=color]::-moz-color-swatch{border:none;border-radius:.5em;border-radius:calc(var(--control-radius) - .125em)}.custom-select{position:relative;width:100%}.custom-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.625em;text-align:left;cursor:pointer;box-sizing:border-box}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.7}.custom-select-trigger-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger-icon{width:1rem;height:1rem;flex:none;display:inline-flex;align-items:center;justify-content:center;color:inherit}.custom-select-trigger-icon svg{width:100%;height:100%;fill:currentColor;transition:transform .14s ease}.custom-select.open .custom-select-trigger-icon svg{transform:rotate(180deg)}.custom-select-panel{position:fixed;z-index:5300;overflow:auto;border:0;border-radius:.625em;border-radius:var(--control-radius);background:#fff;background:var(--custom-select-surface, #fff);color:#1f2a37;color:var(--custom-select-color, var(--text-emphasis, inherit));box-shadow:0 .875em 1.5em #1f2a3729;box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.custom-select-option{position:relative;width:100%;min-height:max(2.75rem,2.05em);padding:.34em .5em;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .12s ease,color .12s ease}.custom-select-option:before{content:"";position:absolute;left:.625em;right:.625em;top:0;height:.0625em;background:#b8b8b8}@supports (color: color-mix(in lch,red,blue)){.custom-select-option:before{background:var( --custom-select-separator-color, color-mix(in srgb, var(--custom-select-surface, #fff) 72%, black) )}}.custom-select-option:first-child:before{display:none}.custom-select-option:first-child{border-top-left-radius:.625em;border-top-left-radius:var(--control-radius);border-top-right-radius:.625em;border-top-right-radius:var(--control-radius)}.custom-select-option:last-child{border-bottom-left-radius:.5625em;border-bottom-left-radius:calc(var(--control-radius) - .0625em);border-bottom-right-radius:.5625em;border-bottom-right-radius:calc(var(--control-radius) - .0625em)}.custom-select-panel.single-option .custom-select-option:first-child{border-radius:.625em;border-radius:var(--control-radius)}.custom-select-option:hover,.custom-select-option.highlighted{outline:none;background:#d9d9d9}@supports (color: color-mix(in lch,red,blue)){.custom-select-option:hover,.custom-select-option.highlighted{background:var( --custom-select-hover-background, color-mix(in srgb, var(--custom-select-surface, #fff) 85%, black) )}}.custom-select-option.selected{outline:none}.custom-select-option.current-value{font-weight:700;min-height:max(2.75rem,2.05em);min-height:var(--custom-select-trigger-height, max(2.75rem, 2.05em));position:sticky;top:0;z-index:1}.custom-select-panel[data-placement=top] .custom-select-option.current-value{top:auto;bottom:0}.custom-select-option.current-value.selected{font-weight:700;background:linear-gradient(135deg,#1f6fe5,#1a57be);background:var(--custom-select-current-background, var(--button-primary-background, #445161));color:inherit;color:var(--custom-select-current-color, inherit)}.custom-select-option.current-value.selected:before{display:none}.custom-select-option.selected:not(.current-value){background:#c7c7c7;color:color-mix(in srgb,currentColor 82%,white 18%)}@supports (color: color-mix(in lch,red,blue)){.custom-select-option.selected:not(.current-value){background:var( --custom-select-selected-background, color-mix(in srgb, var(--custom-select-surface, #fff) 78%, black) );color:var( --custom-select-selected-color, color-mix(in srgb, currentColor 82%, white 18%) )}}.custom-select-option:disabled{opacity:.5;cursor:not-allowed}.number-stepper{display:grid;grid-template-columns:1.9em minmax(0,1fr) 1.9em;align-items:center;grid-gap:0;gap:0;padding:0;overflow:hidden}.number-stepper.disabled{opacity:.7}.number-stepper-btn{min-height:100%;height:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;display:grid;align-items:center;justify-items:center;place-items:center;cursor:pointer;transition:background-color .12s ease}.number-stepper-btn:first-child{padding-left:.125em}.number-stepper-btn:last-child{padding-right:.125em}.number-stepper-btn:hover{outline:none;background:color-mix(in srgb,currentColor 8%,transparent)}.number-stepper-btn:disabled{cursor:not-allowed}.number-stepper-value-shell{min-width:0;min-height:100%;display:grid;align-items:stretch;padding:0 .125em}.number-stepper-input{min-width:0;width:100%;min-height:2.1em;border:0;background:transparent;color:inherit;font:inherit;text-align:center;padding:0;box-sizing:border-box;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.app-shell[data-theme=classroom-story] .custom-select-trigger.input,.app-shell[data-theme=classroom-story] .number-stepper.input,.app-shell[data-theme=classroom-story] .inspector-content .input:not([type=range]),.app-shell[data-theme=classroom-story] .inspector-content input:not([type=range]),.app-shell[data-theme=classroom-story] .slide-panel .input:not([type=range]),.app-shell[data-theme=classroom-story] .slide-panel input:not([type=range]),.app-shell[data-theme=classroom-story] .build-floating-menu .input:not([type=range]),.app-shell[data-theme=classroom-story] .build-floating-menu input:not([type=range]),.app-shell[data-theme=classroom-story] .open-modal-panel .input:not([type=range]),.app-shell[data-theme=classroom-story] .open-modal-panel input:not([type=range]),.app-shell[data-theme=classroom-story] .topbar-select.input{background:#e5d3bb;background:var(--build-control-background, rgb(229, 211, 187))}.number-stepper-input::-webkit-outer-spin-button,.number-stepper-input::-webkit-inner-spin-button{outline:none;box-shadow:none}.number-stepper-input::-webkit-outer-spin-button,.number-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.help{font-size:.82rem;color:#4f6379;color:var(--ink-muted);opacity:1}.field-label-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:.35rem;max-width:100%}.field-label-row>label{margin:0;flex:1 1 auto;min-width:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field-label-row>.build-inspector-label,.field-label-row>.build-menu-label{flex:1 1 auto;min-width:0}.help-callout-anchor{display:inline-flex;align-items:center;gap:.35rem;position:relative;flex:0 0 auto}.help-callout-btn{width:1.25rem;height:1.25rem;padding:0;border:.0625rem solid rgba(197,210,226,.82);border-radius:999px;background:#f8fbff;color:#58708d;color:var(--text-muted-2);display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.25rem;font:inherit;font-size:.72rem;font-weight:800;line-height:1;box-shadow:none;cursor:help;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}@supports (color: color-mix(in lch,red,blue)){.help-callout-btn{border:.0625rem solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface-2) 92%,white 8%)}}.help-callout-btn:hover,.help-callout-btn[aria-expanded=true]{background:#d6ebfffd;border-color:#76b6f2f8;color:#3aa0fff2;color:var(--selection-border)}@supports (color: color-mix(in lch,red,blue)){.help-callout-btn:hover,.help-callout-btn[aria-expanded=true]{background:color-mix(in srgb,var(--surface-2) 82%,var(--selection-border) 18%);border-color:color-mix(in srgb,var(--selection-border) 58%,var(--border))}}.help-callout-bubble{position:fixed;z-index:9800;z-index:var(--top-overlay-z, 9800);width:-moz-max-content;width:max-content;max-width:min(18rem,calc(100vw - 1.5rem));padding:.7rem .8rem;border-radius:.95rem;background:#000;color:#fff;box-shadow:0 .9rem 2rem #1f2a372e;pointer-events:auto;box-sizing:border-box}.help-callout-body{font-size:.82rem;line-height:1.4;text-align:center}.help-callout-bubble[data-placement=left] .help-callout-body{text-align:right}.help-callout-bubble[data-placement=right] .help-callout-body{text-align:left}.help-callout-body strong{font-weight:800}.help-callout-stem{position:absolute;width:.85rem;height:.85rem;background:inherit;transform:rotate(45deg)}.help-callout-bubble[data-placement=right] .help-callout-stem{left:-.38rem;top:calc(50% - .42rem)}.help-callout-bubble[data-placement=left] .help-callout-stem{right:-.38rem;top:calc(50% - .42rem)}.help-callout-bubble[data-placement=top] .help-callout-stem{left:calc(50% - .42rem);bottom:-.38rem}.help-callout-bubble[data-placement=bottom] .help-callout-stem{left:calc(50% - .42rem);top:-.38rem}.play-empty{width:100%;height:100%;display:grid;align-items:center;justify-items:center;place-items:center;color:#5d7088;font-weight:700;text-align:center;padding:.25em}.item-token{grid-template-rows:minmax(0,1fr) auto;gap:.2em;border-radius:inherit;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.88),rgba(255,255,255,.18) 48%,transparent 49%),linear-gradient(145deg,#ffe28a,#f8b83e);color:#243044;box-shadow:inset 0 0 0 .125em #ffffff6b}.item-token-mark{width:min(42%,2.4em);aspect-ratio:1;align-self:end;justify-self:center;display:block;position:relative}.item-token-generic .item-token-mark{border-radius:999px;border:.22em solid currentColor}.item-token-generic .item-token-mark:after{content:"";position:absolute;inset:28%;border-radius:999px;background:currentColor}.item-token-key .item-token-mark:before{content:"";position:absolute;left:0;top:13%;width:45%;aspect-ratio:1;border:.2em solid currentColor;border-radius:999px}.item-token-key .item-token-mark:after{content:"";position:absolute;left:40%;top:43%;width:58%;height:.2em;background:currentColor;box-shadow:.32em .22em 0 -.02em currentColor,.54em .22em 0 -.02em currentColor}.item-token-label{max-width:100%;word-wrap:anywhere;line-height:1.05}.toast{position:fixed;left:50%;bottom:.875em;transform:translate(-50%,1.25em);opacity:0;pointer-events:none;padding:.625em .875em;border-radius:62.4375em;border:.0625em solid #c5d2e2;border:.0625em solid var(--border);background:#f7fbff;background:var(--surface-2);box-shadow:0 .625em 1.5em #1f2a3726;transition:opacity .18s ease,transform .18s ease;font-weight:700;z-index:999}button:focus,button:focus-visible,.btn:focus,.btn:focus-visible{outline:none;box-shadow:none}.toast.show{opacity:1;transform:translate(-50%)}.crash-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crash-card{background:#fff;border-radius:12px;padding:2rem 2rem 1.5rem;max-width:420px;width:90%;box-shadow:0 8px 32px #0000002e;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.crash-card h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:#1a1a1a}.crash-card p{margin:0 0 .75rem;font-size:.88rem;line-height:1.5;color:#555}.crash-detail{font-family:monospace;font-size:.78rem;color:#999;word-break:break-word}.crash-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}[data-perf-tier=lite] *{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important}[data-perf-tier=lite]{--play-fade-duration: 0ms}.app-shell{width:100%;height:var(--app-vh, var(--v-100));display:flex;flex-direction:column;overflow:hidden;background:var(--app-background)}.topbar{padding:.375em 1em;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-column-gap:.75em;-moz-column-gap:.75em;column-gap:.75em;grid-row-gap:.5em;row-gap:.5em;min-height:4.125rem;box-sizing:border-box;border-bottom:.0625em solid var(--border);background:var(--surface-topbar);-webkit-backdrop-filter:var(--topbar-backdrop-filter);backdrop-filter:var(--topbar-backdrop-filter);box-shadow:none;box-shadow:var(--topbar-shadow, none);position:relative;z-index:2200}.brand{display:flex;align-items:center;gap:.625em;grid-column:1;justify-self:start;min-width:0}.brand-copy{display:flex;align-items:center;gap:.625em;min-width:0;flex-shrink:0}.brand-status{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.125rem;flex-wrap:nowrap;min-width:0;overflow:hidden}.brand-dot{width:1.125em;height:1.125em;border-radius:50%;background:var(--brand-mark);box-shadow:0 0 0 .375em var(--brand-mark-ring)}.brand-dot-button{width:2.125rem;height:2.125rem;min-width:2.125rem;min-height:2.125rem;flex:0 0 2.125rem;border-radius:999px;border:0;display:inline-grid;align-items:center;justify-items:center;place-items:center;padding:0;color:var(--text-strong);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;background:var(--brand-mark);box-shadow:0 0 0 .375em var(--brand-mark-ring);overflow:hidden}.brand-dot-login{font-size:.9rem;font-weight:900}.brand-dot-avatar{background:var(--surface-7)}.brand-dot-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.brand-dot-fallback{font-size:.82rem;font-weight:800}.brand h1{font-size:1.1rem;font-weight:800}.brand p{font-size:.78rem;opacity:.72}.mode-tabs{grid-column:2;justify-self:center;display:inline-flex;gap:.5em;background:var(--mode-tabs-surface);border:0;border:var(--mode-tabs-border, 0);border-radius:var(--mode-tabs-radius);box-shadow:none;box-shadow:var(--mode-tabs-shadow, none);padding:.25em;flex-wrap:wrap;max-width:100%;box-sizing:border-box;background-clip:padding-box}.mode-tab{min-height:2.35em;min-width:4.85em;border:none;border:var(--mode-tab-border, none);border-radius:var(--mode-tab-radius);background:transparent;background:var(--mode-tab-background, transparent);color:inherit;color:var(--mode-tab-color, inherit);box-shadow:none;box-shadow:var(--mode-tab-shadow, none);font-weight:800;padding:0 .95em;cursor:pointer;box-sizing:border-box;background-clip:padding-box}.mode-tab.active{background:var(--mode-tab-active-background);color:var(--mode-tab-active-color);border:none;border:var(--mode-tab-active-border, var(--mode-tab-border, none));box-shadow:var(--mode-tab-active-shadow)}.mode-tab:focus,.mode-tab:focus-visible{outline:none;box-shadow:none}.topbar-play-start-wrap{position:relative;display:inline-flex}.topbar-play-start-menu{position:absolute;top:calc(100% + .55rem);left:50%;z-index:70;width:min(11.5rem,82vw);transform:translate(-50%);display:grid;grid-gap:.45rem;gap:.45rem;padding:.55rem;border:.0625rem solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:1rem;background:#fff;background:var(--surface-panel, var(--surface-contrast, #fff));box-shadow:0 1rem 2.25rem #0f172a29}.topbar-play-start-item{width:100%;min-height:2.75rem;display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;padding:.55rem .65rem;border:0;border-radius:.72rem;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.topbar-play-start-help-anchor{width:100%;display:block}.topbar-play-start-item:hover,.topbar-play-start-item:focus-visible{outline:none;background:color-mix(in srgb,var(--sky) 12%,transparent)}.topbar-play-start-item-primary{background:color-mix(in srgb,var(--sky) 16%,#fff)}@supports (color: color-mix(in lch,red,blue)){.topbar-play-start-item-primary{background:color-mix(in srgb,var(--sky) 16%,var(--surface-contrast, #fff))}}.topbar-play-start-icon{width:2rem;height:2rem;display:inline-grid;align-items:center;justify-items:center;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--sky) 18%,transparent);color:var(--sky);font-size:1.2rem}.topbar-play-start-label{min-width:0;word-wrap:anywhere;line-height:1.1;font-size:.9rem;font-weight:900}.toolbar{border-bottom:.0625em solid var(--border);background:var(--surface-toolbar);display:flex;align-items:center;gap:.75em;padding:0 1em .5em;flex-wrap:wrap}.mode-loading-panel{flex:1;min-height:0;display:grid;align-items:center;justify-items:center;place-items:center;padding:1.5rem;color:var(--ink-muted);font-size:.95rem;font-weight:700;letter-spacing:.02em}.app-boot-splash{flex:1;min-height:0;display:grid;align-items:center;justify-items:center;place-items:center;padding:1.5rem;background:radial-gradient(circle at top,rgba(49,130,206,.14),transparent 30%),linear-gradient(180deg,#f5fafffa,#e8f1fbfa)}.app-boot-card{width:min(32rem,100%);display:grid;justify-items:center;grid-gap:.9rem;gap:.9rem;padding:max(1.5rem,min(4vw,2.5rem));text-align:center;border-radius:1.5rem;border:.0625em solid rgba(138,169,204,.25);background:#ffffffe6;box-shadow:0 1.5rem 3.5rem #33577a29}.app-boot-mark{width:1.25rem;height:1.25rem;border-radius:999px;background:var(--brand-mark);box-shadow:0 0 0 .45rem var(--brand-mark-ring)}.app-boot-eyebrow{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-accent, var(--brand-mark))}.app-boot-card h2{margin:0;font-size:max(1.5rem,min(4vw,2.1rem));line-height:1.05}.app-boot-copy{margin:0;max-width:24rem;color:var(--ink-muted);font-size:1rem;line-height:1.55}.app-boot-meter{width:min(14rem,100%);height:.5rem;overflow:hidden;border-radius:999px;background:#3182ce1f}.app-boot-meter-bar{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-mark),color-mix(in srgb,var(--brand-mark) 45%,white));animation:app-boot-meter-slide 1.1s ease-in-out infinite}@keyframes app-boot-meter-slide{0%{transform:translate(-115%)}to{transform:translate(250%)}}.topbar-actions{grid-column:3;justify-self:end;width:100%;min-height:1px;visibility:hidden}.topbar-actions-visible{visibility:visible;display:flex;justify-content:flex-end;align-items:center;gap:.55rem}.build-history-controls{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:44px;padding:.18rem;border:.0625rem solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:.9rem;background:#ffffffd6;box-shadow:0 .18rem .55rem #12263f14;box-sizing:border-box}@supports (color: color-mix(in lch,red,blue)){.build-history-controls{background:color-mix(in srgb,var(--surface-contrast, #fff) 84%,transparent)}}.build-history-controls--vertical{flex-direction:column}.build-history-btn{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-grid;align-items:center;justify-items:center;place-items:center;padding:0;border:0;border-radius:.72rem;background:transparent;color:var(--ink);box-shadow:none;line-height:1}.build-history-btn:not(:disabled):hover{background:color-mix(in srgb,var(--sky) 13%,transparent);color:var(--ink)}.build-history-btn:not(:disabled):active{background:color-mix(in srgb,var(--sky) 22%,transparent);transform:translateY(.0625rem)}.build-history-btn:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--sky) 40%,transparent);outline-offset:.125rem}.build-history-btn:disabled{color:color-mix(in srgb,var(--ink) 48%,transparent);cursor:not-allowed;opacity:.82}.build-history-icon{font-size:1.45rem;font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 24;line-height:1}.topbar-finish-wrap{position:relative;display:inline-flex;justify-content:flex-end}.topbar-finish-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 1rem;border-radius:.75rem;font-weight:850;white-space:nowrap}.topbar-finish-icon{font-size:1.25rem}.topbar-finish-menu{position:absolute;right:0;top:calc(100% + .55rem);z-index:2350;width:min(22rem,calc(100vw - 1.25rem));display:grid;grid-gap:.55rem;gap:.55rem;padding:.75rem;border:.0625rem solid var(--border);border-radius:.75rem;background:var(--surface-contrast);box-shadow:var(--shadow)}.topbar-finish-heading{display:grid;grid-gap:.15rem;gap:.15rem;padding:.15rem .2rem .25rem}.topbar-finish-heading p,.topbar-finish-heading strong{margin:0}.topbar-finish-heading p{color:var(--text-label, var(--ink-muted));font-size:.75rem;font-weight:850;text-transform:uppercase}.topbar-finish-heading strong{color:var(--ink);font-size:.95rem;line-height:1.25}.topbar-finish-item{width:100%;min-height:4.25rem;display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;padding:.65rem;border:.0625rem solid var(--border);border-radius:.55rem;background:var(--surface-contrast);color:var(--ink);text-align:left;cursor:pointer}.topbar-finish-item:disabled{cursor:not-allowed;opacity:.55}.topbar-finish-item-icon{width:2.25rem;height:2.25rem;display:inline-grid;align-items:center;justify-items:center;place-items:center;border-radius:.55rem;background:color-mix(in srgb,#1e88e5 12%,var(--surface-contrast));color:#1e88e5;color:var(--text-accent, var(--sky, #1e88e5));font-size:1.25rem}@supports (color: color-mix(in lch,red,blue)){.topbar-finish-item-icon{background:color-mix(in srgb,var(--sky, #1e88e5) 12%,var(--surface-contrast))}}.topbar-finish-item-copy{min-width:0;display:grid;grid-gap:.15rem;gap:.15rem}.topbar-finish-item-copy strong,.topbar-finish-item-copy span{word-wrap:anywhere}.topbar-finish-item-copy strong{font-size:.92rem;line-height:1.2}.topbar-finish-item-copy span{color:var(--ink-muted);font-size:.78rem;line-height:1.3}.topbar-finish-item-primary{border-color:color-mix(in srgb,#1e88e5 32%,var(--border));background:color-mix(in srgb,#1e88e5 8%,var(--surface-contrast))}@supports (color: color-mix(in lch,red,blue)){.topbar-finish-item-primary{border-color:color-mix(in srgb,var(--sky, #1e88e5) 32%,var(--border));background:color-mix(in srgb,var(--sky, #1e88e5) 8%,var(--surface-contrast))}}.topbar-finish-item-attention{border-color:color-mix(in srgb,#8a5a00 36%,var(--border));background:color-mix(in srgb,rgba(255,190,92,.18) 54%,var(--surface-contrast))}@supports (color: color-mix(in lch,red,blue)){.topbar-finish-item-attention{border-color:color-mix(in srgb,var(--warning-text, #8a5a00) 36%,var(--border));background:color-mix(in srgb,var(--warning-soft-bg, rgba(255, 190, 92, .18)) 54%,var(--surface-contrast))}}.topbar-menu-btn{min-width:2.75rem;width:2.75rem;min-height:2.75rem;padding:0;border-radius:.95rem;background:var(--topbar-icon-background, var(--surface-7));border:var(--topbar-icon-border, .0625em solid var(--border));box-shadow:none;box-shadow:var(--topbar-icon-shadow, none);box-sizing:border-box;background-clip:padding-box}.topbar-menu-btn:focus,.topbar-menu-btn:focus-visible{outline:none;box-shadow:none}.topbar-menu-btn svg{width:1.35rem;height:1.35rem;fill:currentColor}.save-indicator{font-size:.72rem;font-weight:600;color:#6a7b8d;color:var(--text-secondary, #6a7b8d);padding:.15rem .5rem;border-radius:.35rem;opacity:1;visibility:visible;transition:opacity .3s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.save-indicator.save-hidden{opacity:0;visibility:hidden;pointer-events:none}.save-indicator.save-error{color:#c0392b;color:var(--danger-text, #c0392b);background:#c0392b14;background:var(--danger-soft-bg, rgba(192, 57, 43, .08))}.save-indicator-note{color:#8a5a00;color:var(--warning-text, #8a5a00);background:#ffbe5c2e}@supports (color: color-mix(in lch,red,blue)){.save-indicator-note{background:color-mix(in srgb,var(--warning-soft-bg, rgba(255, 190, 92, .18)) 100%,transparent)}}.backup-asterisk{color:#8a5a00;color:var(--warning-text, #8a5a00);font-weight:800;font-size:1.1em;line-height:1;margin-left:.1em;cursor:help}.unexported-badge{position:absolute;top:.25rem;right:.25rem;font-size:1.75rem;font-weight:900;line-height:1;color:#d32f2f;-webkit-text-stroke:1px #222;paint-order:stroke fill;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.theme-control{display:grid;grid-gap:.1875em;gap:.1875em;min-width:min(16em,100%)}.theme-control label{font-size:.76rem;font-weight:800;color:var(--text-label)}.topbar-select.input{min-width:13.5em;height:2.5em;min-height:2.5em;padding-top:0;padding-bottom:0}.theme-control p{font-size:.76rem;color:var(--ink-muted)}.app-shell[data-theme=classroom-story] .topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:.375em 1em;background:var(--surface-topbar)}.app-shell[data-theme=classroom-story] .brand{gap:.5em}.app-shell[data-theme=classroom-story] .brand h1,.app-shell[data-theme=classroom-story] .brand p{color:#fbf6ea}.app-shell[data-theme=classroom-story] .brand p{opacity:.88}.app-shell[data-theme=classroom-story] .mode-tabs{grid-column:2;justify-self:center;gap:.5em;padding:.25em;background:#3569aa;border:0;border-radius:62.4375em;box-shadow:0 .3em .75em #4a3d2529}.app-shell[data-theme=classroom-story] .mode-tab{min-width:4.85em;min-height:2.35em;color:#fbf6ea;background:transparent;border:0;box-shadow:none;padding:0 .95em}.app-shell[data-theme=classroom-story] .mode-tab.active{background:var(--mode-tab-active-background);color:var(--mode-tab-active-color);border-radius:62.4375em;box-shadow:var(--mode-tab-active-shadow)}.app-shell[data-theme=classroom-story] .topbar-actions{grid-column:3}.app-shell[data-theme=classroom-story] .theme-control label,.app-shell[data-theme=classroom-story] .theme-control p{color:#fbf6ea}.app-shell[data-theme=classroom-story] .topbar-select.input{background:#fbf6eaeb;border-color:#55625a29}.toolbar.hidden{display:none}.cdm-backdrop{position:fixed;inset:0;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;z-index:4800}.cdm-container{position:relative;width:min(32rem,calc(100vw - 2rem));display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.75rem 1.5rem;border-radius:1.25rem;background:#fff;background:var(--card, #ffffff);box-shadow:var(--shadow-strong);text-align:center}.cdm-icon{width:3rem;height:3rem;border-radius:999px;background:#f6a6092e;display:grid;align-items:center;justify-items:center;place-items:center;color:#a66a00}.cdm-icon .material-symbols-outlined{font-size:1.5rem}.cdm-title{margin:0;font-size:1.25rem;font-weight:800;color:#2c3437;color:var(--ink, #2c3437);letter-spacing:-.01em}.cdm-body{margin:0;font-size:.95rem;line-height:1.5;color:#596064;color:var(--ink-muted, #596064);max-width:26rem}.cdm-body strong{color:#2c3437;color:var(--ink, #2c3437);font-weight:700}.cdm-actions{display:flex;flex-direction:column;gap:.625rem;width:100%;margin-top:.5rem}.cdm-btn{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border:0;border-radius:1rem;font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.cdm-btn .material-symbols-outlined{font-size:1.35rem;flex:0 0 auto}.cdm-btn-stack{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cdm-btn-label{font-size:.95rem;font-weight:700}.cdm-btn-hint{font-size:.78rem;font-weight:500;opacity:.85}.cdm-btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 .625rem 1.25rem #0f28461f}.cdm-btn:focus-visible{outline:2px solid rgba(30,136,229,.7);outline-offset:2px}@supports (color: color-mix(in lch,red,blue)){.cdm-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--sky, #1e88e5) 70%,transparent)}}.cdm-btn--primary{background:linear-gradient(180deg,#4fa4ff,#005da4);background:var(--button-primary-background, linear-gradient(180deg, #4fa4ff 0%, #005da4 100%));color:#fff;color:var(--button-primary-color, #ffffff);box-shadow:0 .5rem 1.25rem #005da42e}.cdm-btn--secondary{background:#f0f4f6;color:#2c3437;color:var(--ink, #2c3437)}@supports (color: color-mix(in lch,red,blue)){.cdm-btn--secondary{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 70%,var(--card, #ffffff) 30%)}}.opm-backdrop{position:fixed;inset:0;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;z-index:4500}.opm-container{position:relative;width:min(74rem,calc(100vw - 2rem));max-height:calc(var(--v-100) - 2rem);min-height:min(44rem,calc(var(--v-100) - 2rem));display:flex;flex-direction:column;border-radius:1.5rem;background:#fff;background:var(--surface-contrast, #ffffff);box-shadow:var(--shadow-strong);overflow:hidden}.opm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:2rem 2.25rem 1.25rem}.opm-heading{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.opm-title{margin:0;font-size:max(1.75rem,min(2.6vw,2.25rem));font-weight:800;letter-spacing:-.02em;color:#2c3437;color:var(--ink, #2c3437)}.opm-subtitle{margin:0;font-size:.95rem;color:#596064;color:var(--ink-muted, #596064)}.opm-header-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding-right:3rem}.opm-header-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1.15rem;border:0;border-radius:999px;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease,color .15s ease}.opm-header-btn .material-symbols-outlined{font-size:1.15rem}.opm-header-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.opm-header-btn-primary{background:linear-gradient(180deg,#4fa4ff,#005da4);background:var(--button-primary-background, linear-gradient(180deg, #4fa4ff 0%, #005da4 100%));color:#fff;color:var(--button-primary-color, #ffffff);box-shadow:0 .5rem 1.25rem #005da42e}.opm-header-btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.opm-header-btn-ghost{background:#f0f4f6;color:#2c3437;color:var(--ink, #2c3437)}@supports (color: color-mix(in lch,red,blue)){.opm-header-btn-ghost{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 70%,var(--card, #ffffff) 30%)}}.opm-header-btn-ghost:hover:not(:disabled){background:#f7f9fa;box-shadow:0 .375rem 1rem #0000000f}@supports (color: color-mix(in lch,red,blue)){.opm-header-btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--surface-panel, #eaeff2) 40%,var(--card, #ffffff) 60%)}}.opm-shelf{flex:1 1 auto;padding:0 2.25rem 1.5rem;overflow-y:auto;min-height:16rem}.opm-shelf-empty-hint{margin:0;padding:2rem 0;text-align:center;font-size:.9rem;color:#596064;color:var(--ink-muted, #596064)}.opm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;width:-moz-max-content;width:max-content;margin-left:auto;padding:1rem 3rem 3rem 0;color:#596064;color:var(--ink-muted, #596064)}.opm-empty-arrow{width:4rem;height:8.75rem;color:#3678b1}@supports (color: color-mix(in lch,red,blue)){.opm-empty-arrow{color:color-mix(in srgb,var(--sky, #1e88e5) 60%,var(--ink-muted, #596064) 40%)}}.opm-empty-arrow svg{width:100%;height:100%;display:block}.opm-empty-title{margin:0;font-size:1.4rem;font-weight:800;color:#2c3437;color:var(--ink, #2c3437);letter-spacing:-.01em}.opm-story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));grid-gap:1.25rem;gap:1.25rem;padding:.75rem .75rem 1.25rem}.opm-card{position:relative;display:flex;flex-direction:column;border-radius:1.25rem;background:#fff;background:var(--card, #ffffff);box-shadow:0 .25rem .75rem #0f28460f;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease}.opm-card:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.75rem #0f28461f}.opm-card-current{box-shadow:0 0 0 3px #ffd23f,0 0 0 6px #ffd23f66,0 .5rem 1.5rem #ffb70f38}.opm-card-current:hover{box-shadow:0 0 0 3px #ffd23f,0 0 0 6px #ffd23f8c,0 .75rem 1.75rem #ffb70f52}.opm-card-open{display:block;width:100%;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.opm-card-open:disabled{opacity:.6;cursor:not-allowed}.opm-card-preview{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#e9f3fc}@supports (color: color-mix(in lch,red,blue)){.opm-card-preview{background:color-mix(in srgb,var(--sky, #1e88e5) 10%,var(--card, #ffffff) 90%)}}.opm-card-preview-img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease}.opm-card:hover .opm-card-preview-img{transform:scale(1.04)}.opm-card-current-badge{position:absolute;top:.625rem;left:.625rem;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;background:#ffd23f;color:#3b2a00;font-size:.68rem;font-weight:800;letter-spacing:0;text-transform:uppercase;box-shadow:0 .25rem .75rem #ffb70f59}.opm-card-current-badge .material-symbols-outlined{font-size:.9rem}.opm-card-body{display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem 1rem}.opm-card-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.3;color:#2c3437;color:var(--ink, #2c3437);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opm-chip{position:absolute;right:.625rem;bottom:.625rem;display:inline-flex;align-items:center;gap:.3rem;max-width:calc(100% - 1.25rem);padding:.25rem .55rem;border-radius:.5rem;font-size:.66rem;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase;box-shadow:0 .35rem 1rem #0f28462e}.opm-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opm-chip-icon{font-size:.85rem}.opm-chip-cloud{background:#409ae9;color:#fff}@supports (color: color-mix(in lch,red,blue)){.opm-chip-cloud{background:color-mix(in srgb,var(--sky, #1e88e5) 85%,#ffffff 15%)}}.opm-chip-local{background:#67bb6a;color:#fff}.opm-chip-both{background:#6197da;color:#fff}.opm-card-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.1rem}.opm-card-primary-actions,.opm-card-secondary-actions,.opm-placement-buttons{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.opm-card-secondary-actions{gap:.2rem}.opm-card-text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.45rem .7rem;border:0;border-radius:.5rem;background:#eaeff2ad;color:#2c3437;color:var(--ink, #2c3437);cursor:pointer;font:inherit;font-size:.74rem;font-weight:800;line-height:1;transition:background .15s ease,color .15s ease,transform .15s ease}@supports (color: color-mix(in lch,red,blue)){.opm-card-text-btn{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 68%,transparent)}}.opm-card-text-btn:hover:not(:disabled){transform:translateY(-1px);background:#c9dff0}@supports (color: color-mix(in lch,red,blue)){.opm-card-text-btn:hover:not(:disabled){background:color-mix(in srgb,var(--sky, #1e88e5) 16%,var(--surface-panel, #eaeff2) 84%)}}.opm-card-text-btn-primary{background:linear-gradient(180deg,#4fa4ff,#005da4);background:var(--button-primary-background, linear-gradient(180deg, #4fa4ff 0%, #005da4 100%));color:#fff;color:var(--button-primary-color, #ffffff)}.opm-card-text-btn-disabled,.opm-card-text-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.opm-placement-confirm{display:grid;grid-gap:.4rem;gap:.4rem;padding:.6rem;border-radius:.5rem;background:#f0f3f6}@supports (color: color-mix(in lch,red,blue)){.opm-placement-confirm{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 72%,var(--card, #ffffff) 28%)}}.opm-placement-title,.opm-placement-copy{margin:0}.opm-placement-title{font-size:.82rem;font-weight:800;color:#2c3437;color:var(--ink, #2c3437)}.opm-placement-copy{font-size:.74rem;line-height:1.35;color:#596064;color:var(--ink-muted, #596064)}.opm-action-icon{display:grid;align-items:center;justify-items:center;place-items:center;width:2rem;height:2rem;border:0;border-radius:.75rem;background:#eaeff280;color:#596064;color:var(--ink-muted, #596064);cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease}@supports (color: color-mix(in lch,red,blue)){.opm-action-icon{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 50%,transparent)}}.opm-action-icon .material-symbols-outlined{font-size:1.1rem}.opm-action-icon:hover:not(:disabled){background:#eaeff2;background:var(--surface-panel, #eaeff2)}.opm-action-icon:disabled{opacity:.4;cursor:not-allowed}.opm-action-danger:hover:not(:disabled){background:#e85a4f2e;color:#a83836;color:var(--coral, #a83836)}@supports (color: color-mix(in lch,red,blue)){.opm-action-danger:hover:not(:disabled){background:color-mix(in srgb,var(--coral, #e85a4f) 18%,transparent)}}.opm-rename-input{font:inherit;font-size:.88rem;font-weight:700;width:100%;padding:.5rem .6rem;border:0;border-radius:.5rem;background:#f2f5f7;color:#2c3437;color:var(--ink, #2c3437);outline:none}@supports (color: color-mix(in lch,red,blue)){.opm-rename-input{background:color-mix(in srgb,var(--surface-panel, #eaeff2) 60%,var(--card, #ffffff) 40%)}}.opm-rename-input:focus{background:#fff;background:var(--card, #ffffff);box-shadow:0 0 0 2px #1e88e566}@supports (color: color-mix(in lch,red,blue)){.opm-rename-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--sky, #1e88e5) 40%,transparent)}}.opm-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.25rem 2.25rem 1.5rem;background:#f2f8fd}@supports (color: color-mix(in lch,red,blue)){.opm-footer{background:color-mix(in srgb,var(--sky, #1e88e5) 6%,var(--card, #ffffff) 94%)}}.opm-footer-copy{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.opm-footer-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#596064;color:var(--ink-muted, #596064)}.opm-footer-line{margin:0;font-size:1rem;font-weight:700;color:#2c3437;color:var(--ink, #2c3437)}.opm-template-strip{display:flex;gap:.75rem;flex-wrap:wrap}.opm-template-card{display:flex;flex-direction:column;gap:0;width:9rem;padding:.25rem;border:0;border-radius:1rem;background:#fff;background:var(--card, #ffffff);cursor:pointer;font:inherit;color:inherit;box-shadow:0 .25rem .75rem #0f28460f;transition:box-shadow .15s ease,transform .15s ease}.opm-template-card:hover,.opm-template-card.active{transform:translateY(-1px);box-shadow:0 0 0 2px #1e88e599,0 .5rem 1rem #0f284614}@supports (color: color-mix(in lch,red,blue)){.opm-template-card:hover,.opm-template-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--sky, #1e88e5) 60%,transparent),0 .5rem 1rem #0f284614}}.opm-template-card-thumb{width:100%;height:2.75rem;border-radius:.75rem;background:#e4f1fc;display:grid;align-items:center;justify-items:center;place-items:center;color:#2177c2}@supports (color: color-mix(in lch,red,blue)){.opm-template-card-thumb{background:color-mix(in srgb,var(--sky, #1e88e5) 12%,var(--card, #ffffff) 88%);color:color-mix(in srgb,var(--sky, #1e88e5) 80%,var(--ink, #2c3437) 20%)}}.opm-template-card-thumb .material-symbols-outlined{font-size:1.25rem}.opm-template-card-label{padding:.5rem .5rem .35rem;font-size:.75rem;font-weight:700;color:#2c3437;color:var(--ink, #2c3437);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opm-template-confirm{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;border-radius:1rem;background:#fff;background:var(--card, #ffffff);box-shadow:0 .25rem .75rem #0f284614}.opm-template-confirm-text{margin:0;font-size:.85rem;font-weight:700;color:#2c3437;color:var(--ink, #2c3437)}.opm-template-confirm-actions{display:flex;gap:.5rem}.opm-close-btn{position:absolute;top:1rem;right:1rem;display:grid;align-items:center;justify-items:center;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:#2c34370f;color:#2c3437;color:var(--ink, #2c3437);cursor:pointer;font:inherit;transition:background .15s ease}@supports (color: color-mix(in lch,red,blue)){.opm-close-btn{background:color-mix(in srgb,var(--ink, #2c3437) 6%,transparent)}}.opm-close-btn:hover{background:#2c34371f}@supports (color: color-mix(in lch,red,blue)){.opm-close-btn:hover{background:color-mix(in srgb,var(--ink, #2c3437) 12%,transparent)}}@media(max-width:52rem){.opm-container{max-height:calc(var(--v-100) - 1.5em);min-height:0}.opm-header{flex-direction:column;align-items:flex-start;gap:.875rem;padding:1.5rem 1.25rem 1rem}.opm-header-actions{width:100%;padding-right:3rem;justify-content:flex-start}.opm-shelf{padding:0 1.25rem 1.25rem}.opm-story-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.opm-footer{padding:1rem 1.25rem 1.25rem;flex-direction:column;align-items:stretch}.opm-template-strip{overflow-x:auto;flex-wrap:nowrap}.opm-empty-state{width:auto;margin-left:0;padding-right:0}}.open-modal-backdrop{position:fixed;inset:0;z-index:2300;display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;background:#00000073}.open-modal{background:var(--surface-panel);border:.0625rem solid var(--border);border-radius:.875rem;padding:1.25rem;box-shadow:0 .5rem 2rem #00000038,0 .125rem .375rem #0000001a;max-height:calc(100vh - 2rem);overflow-y:auto;display:grid;grid-gap:1rem;gap:1rem}.open-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.open-modal-header h3{margin:0;font-size:1.125rem;font-weight:700}.open-modal-content{display:grid;grid-gap:1rem;gap:1rem}.preferences-modal{width:min(34em,calc(100vw - 1.5em))}.preferences-modal .open-modal-content{grid-template-columns:minmax(0,1fr)}.auth-menu-modal{width:min(25rem,calc(100vw - 1.5em))}.auth-popover-scrim{position:fixed;inset:0;z-index:2300}.auth-popover{position:absolute;top:100%;left:1em;z-index:2310;width:min(22rem,calc(100vw - 2rem));margin-top:.625rem;padding:1rem;background:var(--surface-panel);border:.0625rem solid var(--border);border-radius:.875rem;box-shadow:0 .5rem 2rem #0000002e,0 .125rem .375rem #0000001a;display:grid;grid-gap:.875rem;gap:.875rem}.auth-popover-arrow{position:absolute;top:-.4375rem;left:1.5rem;width:.875rem;height:.875rem;background:var(--surface-panel);border-top:.0625rem solid var(--border);border-left:.0625rem solid var(--border);transform:rotate(45deg);border-radius:.125rem 0 0}.auth-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.auth-popover-header h3{margin:0;font-size:1rem;font-weight:700}.auth-menu-eyebrow{margin:0 0 .25rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.auth-menu-card{border:.0625em solid var(--border);border-radius:.875em;background:var(--surface-panel);padding:1rem;display:grid;grid-gap:.875rem;gap:.875rem}.auth-user-row{display:flex;align-items:center;gap:.75rem}.auth-user-avatar{width:3rem;height:3rem;border-radius:999px;overflow:hidden;display:grid;align-items:center;justify-items:center;place-items:center;background:var(--brand-mark);color:#fff;color:var(--text-on-accent, white);font-size:1rem;font-weight:800;flex:0 0 auto}.auth-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.auth-user-name{min-width:0;word-wrap:anywhere}.auth-menu-copy{margin:0;color:var(--text-muted);line-height:1.45}.auth-menu-actions{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-end}.auth-menu-actions form{margin:0}.auth-provider-list{display:grid;grid-gap:.75rem;gap:.75rem}.auth-provider-link{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;border:.0625rem solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface-panel) 86%,white 14%);color:var(--text-strong);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.auth-provider-link:hover{transform:translateY(-.0625rem);border-color:color-mix(in srgb,var(--brand-mark) 45%,var(--border));background:color-mix(in srgb,var(--surface-panel) 70%,white 30%);box-shadow:0 .5rem 1.5rem #00000014;outline:none}.auth-provider-link-disabled,.auth-provider-link:disabled{cursor:not-allowed;opacity:.72;transform:none;box-shadow:none}.auth-provider-link-disabled:hover,.auth-provider-link-disabled:focus-visible,.auth-provider-link:disabled:hover,.auth-provider-link:disabled:focus-visible{transform:none;border-color:var(--border);background:color-mix(in srgb,var(--surface-panel) 86%,white 14%);box-shadow:none}.auth-provider-badge{width:2.5rem;height:2.5rem;border-radius:999px;display:inline-grid;align-items:center;justify-items:center;place-items:center;font-size:1rem;font-weight:900;color:#fff;flex:0 0 auto}.auth-provider-badge-google{background:linear-gradient(135deg,#4285f4,#34a853)}.auth-provider-badge-microsoft{background:linear-gradient(135deg,#00a4ef,#7fba00)}.auth-provider-copy{display:grid;grid-gap:.125rem;gap:.125rem;text-align:left;min-width:0}.auth-provider-copy strong{font-size:.98rem}.auth-provider-copy span{color:var(--text-muted);font-size:.82rem;line-height:1.35}.inspector-cloud-card{border:.0625rem solid var(--border);border-radius:.875rem;background:var(--surface-panel);padding:.75rem;display:grid;grid-gap:.625rem;gap:.625rem}.inspector-cloud-quota-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.inspector-cloud-quota-row strong{font-size:1rem}.inspector-cloud-quota-row span{color:var(--text-muted);font-size:.82rem}.inspector-cloud-meter{width:100%;height:.7rem;border-radius:999px;background:color-mix(in srgb,var(--surface-7) 82%,black);overflow:hidden}.inspector-cloud-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#53c68c,#f2b24d 68%,#e56a54)}.inspector-cloud-copy{margin:0;color:var(--text-muted);line-height:1.45}.preferences-modal-panel{min-height:0}.preferences-modal-select{min-width:12rem;flex:0 0 12rem}.preferences-modal .build-menu-setting-copy{align-items:flex-start;flex-direction:column;gap:.25rem}.build-menu-setting-description{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.35}.preferences-modal-toggle{min-height:2.75rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:800;color:var(--text-label)}.open-field-label{display:block;margin-bottom:.375em;font-size:.76rem;font-weight:800;color:var(--text-label);letter-spacing:.02em}.workspace{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;position:relative;background:linear-gradient(180deg,var(--workspace-grad-top),var(--workspace-grad-bottom))}.mode-panel{display:none;height:100%;min-width:0;overflow:hidden}.mode-panel.active{display:flex}#buildMode{--build-left-panel-width: 17.5em;--build-right-panel-width: 20em;--build-collapsed-rail-width: 2.125em;min-height:0;min-width:0;height:100%;max-height:100%;position:relative;align-items:stretch;gap:.75em;padding:.75em;grid-template-columns:17.5em minmax(0,1fr) 20em;grid-template-columns:var(--build-left-panel-width) minmax(0,1fr) var(--build-right-panel-width);grid-template-rows:minmax(0,1fr);grid-template-areas:"slides canvas inspector";overflow:hidden}#buildMode.active{display:grid}#buildMode.left-collapsed{--build-left-panel-width: var(--build-collapsed-rail-width)}#buildMode.right-collapsed{--build-right-panel-width: var(--build-collapsed-rail-width)}.slide-panel,.inspector-panel{grid-area:auto;width:auto;height:100%;max-height:100%;min-width:0;overflow:hidden}.slide-panel{grid-area:slides;width:var(--build-left-panel-width);max-width:var(--build-left-panel-width)}.inspector-panel{grid-area:inspector;width:var(--build-right-panel-width);max-width:var(--build-right-panel-width)}.slide-panel.collapsed,.inspector-panel.collapsed{min-width:var(--build-collapsed-rail-width);width:var(--build-collapsed-rail-width);max-width:var(--build-collapsed-rail-width);border-style:dashed;border-color:var(--rail-border-soft);background:var(--collapsed-panel-background);box-shadow:none;display:grid;align-items:center;justify-items:center;place-items:center;padding:.25em}.panel-header-actions{display:inline-flex;align-items:center;gap:.375em}.panel-collapse-btn{min-width:2.25em;min-height:2.25em;width:2.25em;padding:0;border:0;box-shadow:none}.panel-rail-toggle{min-width:1.5em;width:1.5em;min-height:7.25em;height:min(calc(28 * var(--v-1)),11.25em);border-radius:62.4375em;border:0;background:var(--surface-4);color:#1d5b98;display:grid;align-items:center;justify-items:center;place-items:center;padding:0;cursor:pointer;box-shadow:none}.panel-rail-toggle-left{justify-self:end}.panel-rail-toggle-right{justify-self:start}.panel-toggle-icon{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:#111}.panel-toggle-icon svg{width:100%;height:100%;display:block;overflow:visible;fill:currentColor;transform:translate(.04rem)}.panel-toggle-icon-left svg{transform:scaleX(-1) translate(.04rem);transform-origin:center}.group-controls{padding:.75em;border-bottom:.0625em solid var(--border);display:grid;grid-gap:.5em;gap:.5em}.slide-list{flex:1;min-height:0;overflow:auto;padding:.625em;display:flex;flex-direction:column;gap:.5em}.slide-list-empty{display:grid;grid-gap:.25rem;gap:.25rem;line-height:1.35}.slide-card{border:.0625em solid var(--border);border-radius:.75em;padding:.5em;background:var(--surface-contrast);cursor:pointer;display:grid;grid-gap:.5em;gap:.5em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:box-shadow .16s ease,opacity .14s ease,transform .12s cubic-bezier(.2,.8,.2,1),border-color .16s ease,background-color .16s ease}.slide-card.active{border-color:var(--sky);background:color-mix(in srgb,var(--sky) 7%,var(--surface-contrast));box-shadow:none}.slide-card:focus,.slide-card:focus-visible{outline:none;box-shadow:none}.slide-card.active:focus,.slide-card.active:focus-visible{box-shadow:none}.slide-card.start-slide{border-color:color-mix(in srgb,#28c76f 42%,var(--border))}.slide-card.pending-drag-cue{border-color:color-mix(in srgb,var(--sky) 48%,var(--border));box-shadow:0 0 0 .1875em color-mix(in srgb,var(--sky) 14%,transparent),0 .5em 1em color-mix(in srgb,var(--ink) 10%,transparent);transform:translateY(-.0625em)}.slide-card.dragging{opacity:.96;transform:scale(1)}.slide-card.reflowing{transition:transform .12s cubic-bezier(.2,.8,.2,1),opacity .14s ease,border-color .16s ease,background-color .16s ease}.slide-card.drag-ghost{opacity:.42;background:color-mix(in srgb,var(--sky) 8%,var(--surface-contrast));border-style:dashed;border-color:color-mix(in srgb,var(--sky) 42%,var(--border));box-shadow:inset 0 0 0 .0625em color-mix(in srgb,var(--sky) 10%,transparent);pointer-events:none}.slide-card.drag-ghost .slide-card-menu{opacity:0;pointer-events:none}.slide-list:has(.slide-card.drag-ghost) .slide-card{cursor:grabbing}@media(prefers-reduced-motion:reduce){.slide-card,.slide-card.reflowing{transition:box-shadow .16s ease,opacity .14s ease,border-color .16s ease,background-color .16s ease}}.slide-card-preview{display:block;position:relative}.slide-thumb{position:relative;width:100%;aspect-ratio:16 / 9;min-height:4.375em;border-radius:.625em;border:0;overflow:hidden;background:#fff;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide-thumb-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide-thumb-dissolve{position:absolute;inset:0}.slide-thumb-live{position:absolute;inset:0;overflow:hidden}.slide-thumb-live-layer{position:absolute;inset:0;opacity:1;transition:opacity .5s ease}.slide-thumb-live-layer.entering{opacity:0}.slide-thumb-live-layer.enter-active{opacity:1}.slide-thumb-live-layer.exiting.exit-active{opacity:0}.slide-thumb-live-stage{position:absolute;left:0;top:0;transform-origin:top left;pointer-events:none}.slide-thumb-empty{position:absolute;inset:0;display:grid;align-items:center;justify-items:center;place-items:center;font-size:.72rem;color:#6f8096;font-weight:700}.slide-thumb-layer{position:absolute;border-radius:.25em;border:.0625em solid rgba(31,42,55,.16);display:grid;align-items:center;justify-items:center;place-items:center;font-size:.55rem;font-weight:800;line-height:1;color:#1f2a37;background:#3aa0ff33;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.0625em .125em}.slide-thumb-layer.is-shape.is-ellipse{border-radius:50%}.slide-thumb-layer.is-text{background:#ffffffe0;border-color:#1f2a3733}.slide-thumb-layer.is-image{background:#2ed6a338;border-color:#2ed6a373}.slide-thumb-layer.is-button{background:#3aa0ff47;border-color:#3aa0ff8c;color:#0b4f87}.slide-thumb-layer.is-hotspot{background:#ff5a6a2e;border-color:#ff5a6a85}.slide-thumb-layer.is-item{background:#ffc93a40;border-color:#ffc93aa6}.slide-thumb-layer.is-three{background:#b9a1ff33;border-color:#835ad673;color:#4d2c86}.slide-card-head{display:flex;justify-content:flex-start;align-items:flex-start;gap:.5em}.slide-card-head strong{font-size:.92rem;line-height:1.2;min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slide-chip{position:absolute;top:.5em;left:.5em;z-index:3;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;border-radius:62.4375em;width:1.75em;height:1.75em;background:#edf4fdf2;border:.0625em solid rgba(58,160,255,.25);font-weight:800;color:#2b557e}.slide-start-badge{position:absolute;left:.5em;bottom:.5em;z-index:3;display:inline-flex;align-items:center;gap:.25em;max-width:calc(100% - 1em);padding:.24em .45em;border-radius:.375em;border:.0625em solid rgba(13,112,77,.24);background:#e6fff4f0;color:#0d704d;font-size:.68rem;font-weight:900;line-height:1;box-shadow:0 .22em .5em #0d704d24}.slide-start-badge .material-symbols-outlined{font-size:.95rem;line-height:1}.slide-card-menu{position:relative}.slide-card-inline-menu{display:inline-flex;align-items:center}.slide-thumb-menu{position:absolute;top:.5em;right:.5em;z-index:3;opacity:0;pointer-events:none;transition:opacity .14s ease}.slide-card:hover .slide-thumb-menu,.slide-card:has(.slide-thumb-menu[open]) .slide-thumb-menu{opacity:1;pointer-events:auto}@media(pointer:coarse){.slide-card:hover .slide-thumb-menu{opacity:0;pointer-events:none}.slide-card:has(.slide-thumb-menu[open]) .slide-thumb-menu{opacity:1;pointer-events:auto}}.slide-card-menu>summary{list-style:none}.slide-card-menu>summary::-webkit-details-marker{display:none}.slide-card-menu-pop{position:absolute;top:50%;right:calc(100% + .375em);transform:translateY(-50%);z-index:4;min-width:0;padding:0;display:none;gap:.375em}.slide-card-menu[open] .slide-card-menu-pop{display:grid}.action-menu-row{display:flex;align-items:center;gap:.375em;justify-content:flex-end}.slide-thumb-menu-btn{width:1.875em;min-width:1.875em;min-height:2.25em;border-radius:62.4375em;border:.0625em solid rgba(31,42,55,.16);background:#fffffff2;box-shadow:0 .1875em .625em #1f2a371f}.slide-menu-item{width:100%;min-height:2.25em}.slide-menu-icon-btn{min-width:2.15rem;width:2.15rem;min-height:2.15rem;padding:0;border-radius:.55rem;justify-content:center}.slide-menu-move-select{width:auto;min-width:5.8rem;max-width:8.75rem;padding:0 .45rem;border-radius:.55rem;font-size:.78rem;font-weight:800}.action-menu-icon{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center}.action-menu-icon svg{width:100%;height:100%;display:block;overflow:visible}.slide-card-menu>summary:focus,.slide-card-menu>summary:focus-visible,.slide-menu-item:focus,.slide-menu-item:focus-visible{outline:none;box-shadow:none}.slide-card-actions{display:flex;flex-wrap:wrap;gap:.375em}.slide-card-actions.compact-icons{gap:.25em}.icon-btn{min-height:2.25em;min-width:2.25em;padding:0;border-radius:.5em;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.canvas-panel{grid-area:canvas;min-width:0;width:100%;height:100%;max-height:100%;background:var(--surface-1);border:.0625em solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75em;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(min-width:60.0625em){.app-shell[data-build-layout=storybook] #buildMode{--build-left-panel-width: 12.75em;--build-right-panel-width: 15.5em;grid-template-columns:12.75em minmax(0,1fr) 15.5em;grid-template-columns:var(--build-left-panel-width) minmax(0,1fr) var(--build-right-panel-width);grid-template-areas:"slides canvas inspector"}.app-shell[data-build-layout=storybook] #buildMode.left-collapsed{--build-left-panel-width: var(--build-collapsed-rail-width)}.app-shell[data-build-layout=storybook] #buildMode.right-collapsed{--build-right-panel-width: var(--build-collapsed-rail-width)}.app-shell[data-build-layout=storybook] .slide-panel,.app-shell[data-build-layout=storybook] .inspector-panel{border-radius:1.25em}.app-shell[data-build-layout=storybook] .canvas-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-gap:.75em;gap:.75em;padding:.875em 1em .75em}.app-shell[data-build-layout=storybook] .canvas-meta{display:contents}.app-shell[data-build-layout=storybook] .canvas-title-controls{grid-row:1;grid-column:1;align-items:flex-start;flex-direction:column;gap:.1875em}.app-shell[data-build-layout=storybook] #buildMode .canvas-viewport{grid-row:2;grid-column:1 / -1;height:auto;max-height:none;min-height:0;align-self:stretch}.app-shell[data-build-layout=storybook] .canvas-actions{grid-row:1;grid-column:2;justify-content:flex-end;align-self:start;border-top:0;padding-top:0}.app-shell[data-build-layout=storybook] #buildMode .canvas-viewport{border-width:.125em;padding:1em}}@media(min-width:60.0625em){.app-shell[data-build-layout=guided] #buildMode{grid-template-columns:minmax(0,1fr) var(--build-right-panel-width);grid-template-rows:minmax(0,1fr) max(14em,min(calc(29 * var(--v-1)),18em));grid-template-areas:"canvas inspector" "slides inspector"}.app-shell[data-build-layout=guided] #buildMode.left-collapsed{grid-template-rows:minmax(0,1fr) var(--build-collapsed-rail-width)}.app-shell[data-build-layout=guided] .slide-panel,.app-shell[data-build-layout=guided] .inspector-panel{width:auto;max-width:none}.app-shell[data-build-layout=guided] .slide-panel{height:auto;max-height:none}.app-shell[data-build-layout=guided] .group-controls{grid-template-columns:auto minmax(0,1fr);align-items:center}.app-shell[data-build-layout=guided] .slide-list{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden}.app-shell[data-build-layout=guided] .slide-card{flex:0 0 13.5em;min-width:13.5em;max-width:14.75em}.app-shell[data-build-layout=guided] .canvas-meta{align-items:flex-start}}.app-shell[data-theme=classroom-story] #buildMode .slide-panel.build-floating-panel,.app-shell[data-theme=classroom-story] #buildMode .inspector-panel.build-floating-panel{background:transparent;border:0;box-shadow:0 1em 2.1em #4c3a223d}.app-shell[data-theme=classroom-story] .slide-panel-cap{border-bottom:0}.app-shell[data-theme=classroom-story] .slide-panel-body,.app-shell[data-theme=classroom-story] .inspector-shell-body{background:#dee1d4eb}.app-shell[data-theme=classroom-story] .inspector-header-tab:not(.active),.app-shell[data-theme=classroom-story] .inspector-header-tab.active{border:0;background-clip:border-box}.app-shell[data-theme=classroom-story] .slide-list{padding:.5em;gap:.625em}.app-shell[data-theme=classroom-story] .slide-card{border-radius:1em;background:#fbf6eaf2}.app-shell[data-theme=classroom-story] .slide-card.active{border-color:#b88a3e;background:#e5d3bb;background:var(--build-control-background, rgb(229, 211, 187))}.app-shell[data-theme=classroom-story] .slide-thumb{background:transparent;box-shadow:none}.app-shell[data-theme=misty-morning] .slide-card{background:#dee1e5}.app-shell[data-theme=misty-morning] .inspector-shell-body{background:transparent}.app-shell[data-theme=misty-morning] .slide-card.active{background:#b3b6bb;border-color:#5f6770;box-shadow:0 0 0 .1875em #5f677038}.app-shell[data-theme=classroom-story] .canvas-panel{background:#f2e0b98c}.app-shell[data-theme=classroom-story] #buildMode .canvas-viewport{background:linear-gradient(rgba(180,158,121,.22) .0625em,transparent .0625em),linear-gradient(90deg,rgba(180,158,121,.22) .0625em,transparent .0625em),linear-gradient(180deg,#f5ecd9f5,#e7dbc4f5);background-size:1.5rem 1.5rem,1.5rem 1.5rem,auto}.app-shell[data-theme=classroom-story] .canvas-stage{box-shadow:0 .875em 1.875em #594e3629}.app-shell[data-theme=classroom-story] .canvas-project-title-btn:hover{background:#4d94ad1f}.canvas-meta{display:flex;justify-content:space-between;align-items:center;gap:.625em;margin-bottom:.625em;flex-wrap:wrap}.canvas-title-controls{display:inline-flex;align-items:center;gap:.5em;min-width:0}.canvas-save-hint{white-space:nowrap;font-size:.78rem}.canvas-project-title-btn{border:0;background:transparent;color:#1f2a37;font-size:.98rem;font-weight:800;line-height:1.2;padding:.125em .25em;border-radius:.375em;cursor:pointer;text-align:left;min-width:0;max-width:min(calc(44 * var(--w-1)),32.5em);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-project-title-btn:hover{background:#3aa0ff1f}.canvas-project-title-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-project-title-input.input{min-height:2.25em;height:2.25em;width:min(calc(44 * var(--w-1)),32.5em);min-width:11.875em;padding:0 .625em}.canvas-actions{display:flex;flex-wrap:wrap;gap:.375em;position:relative;align-items:flex-start}.canvas-zoom-controls{display:inline-flex;align-items:center;gap:.375em;padding:.25em .5em;border:.0625em solid var(--border);border-radius:.75em;background:var(--surface-6)}.canvas-zoom-fit,.canvas-zoom-step{min-height:2.25em;height:2.25em;padding:0 .625em}.canvas-zoom-slider{width:8.25em;max-width:calc(42 * var(--w-1));accent-color:var(--sky);cursor:pointer}.canvas-zoom-value{min-width:3.25em;text-align:right;font-size:.8rem;font-weight:800;color:var(--text-map-control)}.layer-menu-wrap{position:relative}.layer-order-popover{position:absolute;top:calc(100% + .5em);right:0;z-index:8;width:min(22.5em,calc(85 * var(--w-1)));max-height:min(26.25em,calc(var(--app-vh, var(--v-100)) - 13.75em));overflow:auto;border:.0625em solid var(--border);border-radius:.75em;background:var(--surface-2);box-shadow:0 1em 1.875em #1f2a3733;padding:.625em}.layer-menu-wrap.open #layerMenuToggle{border-color:var(--sky);box-shadow:0 0 0 .125em #3aa0ff29}#buildMode .canvas-viewport{flex:1 1 auto;height:0;min-height:0;max-height:100%;border-radius:.875em;border:.0625em dashed var(--canvas-dash-border);background:linear-gradient(180deg,#ecf3fbdb,#e0ebf7f0);display:block;overflow:hidden;position:relative;padding:.625em;touch-action:none}#buildMode .canvas-scroll-shell{position:relative;display:block;width:100%;height:100%;flex:1 1 auto;margin:0;overflow:visible}.canvas-stage{position:absolute;left:0;top:0;background:#fff;border-radius:.625em;box-shadow:0 1.25em 2.5em #1f2a371f;overflow:hidden;transform-origin:top left;touch-action:none}#buildMode .canvas-stage{overflow:visible;isolation:isolate}.build-canvas-stack{position:absolute;inset:0;touch-action:none}.build-canvas-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.alignment-guide-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:28;pointer-events:none;overflow:visible}.alignment-guide-line,.alignment-guide-tick{vector-effect:non-scaling-stroke;stroke-linecap:round;pointer-events:none}.alignment-guide-line{stroke:#00b894f2;stroke-width:1.5px;stroke-dasharray:7 5;filter:drop-shadow(0 0 1px rgba(255,255,255,.95))}.alignment-guide-tick{stroke:#00b894d9;stroke-width:1.25px}.alignment-guide-tick.is-moving{stroke-width:1.75px}.build-marquee-selection{position:absolute;z-index:6;pointer-events:none;border:.125em solid var(--selection-border);border-radius:.5em;background:var(--selection-background);box-shadow:inset 0 0 0 .0625em var(--selection-ring)}body.build-panning #buildMode .canvas-viewport,body.build-panning #buildMode .canvas-stage{cursor:grabbing}.grid-overlay,.safe-overlay{pointer-events:none;position:absolute;inset:0}.slide-edge-overlay{pointer-events:none;position:absolute;inset:0;border:.1875em solid #ffffff;border-radius:.625em;z-index:9;mix-blend-mode:difference;box-shadow:inset 0 0 0 .0625em #000,inset 0 0 0 .125em #fff}.grid-overlay{background-size:40px 40px;background-image:linear-gradient(to right,rgba(217,226,239,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(217,226,239,.55) 1px,transparent 1px)}.safe-overlay{border:.125em dashed var(--canvas-dash-border);inset:6%;border-radius:.75em}.layer{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:auto}.layer.build{cursor:move}.layer.build.image-knockout-pick-target,.layer.build.image-knockout-pick-target .layer-image-frame,.layer.build.image-knockout-pick-target img{cursor:crosshair}.layer-hover-outline{--hover-outline-offset: .125rem;position:absolute;left:calc(var(--control-x) - .125rem);left:calc(var(--control-x) - var(--hover-outline-offset));top:calc(var(--control-y) - .125rem);top:calc(var(--control-y) - var(--hover-outline-offset));width:calc(var(--control-width) + .125rem * 2);width:calc(var(--control-width) + var(--hover-outline-offset) * 2);height:calc(var(--control-height) + .125rem * 2);height:calc(var(--control-height) + var(--hover-outline-offset) * 2);transform:rotate(0);transform:rotate(var(--control-rotation, 0deg));transform-origin:calc(50% + .125rem) calc(50% + .125rem);transform-origin:calc(var(--control-origin-x, 50%) + var(--hover-outline-offset)) calc(var(--control-origin-y, 50%) + var(--hover-outline-offset));border:.125rem solid rgba(31,42,55,.58);pointer-events:none;z-index:31}.layer.choice-highlight{outline:.25rem dashed #facc15;outline-offset:.2rem;box-shadow:0 0 0 .5rem #0f1419bf,0 0 .75rem .25rem #facc1559;z-index:999}.layer-resize-controls{--resize-frame-offset: .3125rem;--corner-handle-size: max(.34rem, min( calc(min(var(--control-width), var(--control-height))*.4) , .72rem));--edge-handle-thickness: max(.22rem, min( calc(min(var(--control-width), var(--control-height))*.16) , .48rem));--edge-handle-gap: max(.08rem, min( calc(min(var(--control-width), var(--control-height))*.08) , .26rem));--edge-handle-horizontal-length: max( 0px, min(2.15rem, calc(var(--control-width) - (var(--corner-handle-size) * 2) - (var(--edge-handle-gap) * 2))) );--edge-handle-vertical-length: max( 0px, min(2.15rem, calc(var(--control-height) - (var(--corner-handle-size) * 2) - (var(--edge-handle-gap) * 2))) );position:absolute;left:calc(var(--control-x) - .3125rem);left:calc(var(--control-x) - var(--resize-frame-offset));top:calc(var(--control-y) - .3125rem);top:calc(var(--control-y) - var(--resize-frame-offset));width:calc(var(--control-width) + .3125rem * 2);width:calc(var(--control-width) + var(--resize-frame-offset) * 2);height:calc(var(--control-height) + .3125rem * 2);height:calc(var(--control-height) + var(--resize-frame-offset) * 2);transform:rotate(0);transform:rotate(var(--control-rotation, 0deg));transform-origin:calc(50% + .3125rem) calc(50% + .3125rem);transform-origin:calc(var(--control-origin-x, 50%) + var(--resize-frame-offset)) calc(var(--control-origin-y, 50%) + var(--resize-frame-offset));pointer-events:none;z-index:32}.layer-resize-controls.group-selection-resize-controls{transform-origin:calc(50% + var(--resize-frame-offset)) calc(50% + var(--resize-frame-offset));transform-origin:calc(var(--group-origin-x, 50%) + var(--resize-frame-offset)) calc(var(--group-origin-y, 50%) + var(--resize-frame-offset))}.layer-resize-controls:before{content:"";position:absolute;inset:0;border:.1875rem solid rgba(58,160,255,.5);border-radius:.25rem;pointer-events:none}.layer-resize-controls.editing-disabled{opacity:0;pointer-events:none}.pivot-handle{position:absolute;transform:translate(-50%,-50%);width:3rem;height:3rem;display:grid;align-items:center;justify-items:center;place-items:center;padding:0;margin:0;border:0;background:transparent;color:#d62828;cursor:grab;pointer-events:auto;z-index:39;touch-action:none;-webkit-tap-highlight-color:transparent}.pivot-handle-glyph{display:block;width:3rem;height:3rem;opacity:.92;overflow:visible;filter:drop-shadow(0 0 .04rem #000000) drop-shadow(0 0 .12rem #000000) drop-shadow(0 0 .28rem rgba(255,255,255,.92))}.pivot-handle-glyph line{stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.pivot-handle:hover{transform:translate(-50%,-50%) scale(1.08)}.pivot-handle.is-deferred,.pivot-handle:disabled{cursor:default;pointer-events:none}.pivot-handle.is-deferred:hover,.pivot-handle:disabled:hover{transform:translate(-50%,-50%)}.pivot-handle:active,.pivot-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.16)}.layer-rotate-handle{position:absolute;left:50%;bottom:calc(100% + 1.25rem);transform:translate(-50%);width:1.75rem;height:1.75rem;border-radius:999rem;border:.09375rem solid rgba(255,255,255,.96);background:#3aa0ff;background:var(--selection-border, #3aa0ff);color:#fff;display:grid;align-items:center;justify-items:center;place-items:center;cursor:grab;padding:0;pointer-events:auto;z-index:38;box-shadow:0 0 0 .125rem #3aa0ff2e,0 .125rem .5rem #1f2a3733;transition:transform .12s ease,background-color .12s ease;-webkit-tap-highlight-color:transparent;touch-action:none}.layer-rotate-handle:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:.0625rem;height:1.25rem;background:#3aa0ff;background:var(--selection-border, #3aa0ff);opacity:.5;pointer-events:none}.layer-rotate-handle.is-opposite{top:calc(100% + 1.25rem);bottom:auto}.layer-rotate-handle.is-opposite:before{top:auto;bottom:100%}.layer-rotate-handle:active{cursor:grabbing;transform:translate(-50%) scale(1.15);background:#3188d9}@supports (color: color-mix(in lch,red,blue)){.layer-rotate-handle:active{background:color-mix(in srgb,var(--selection-border, #3aa0ff) 85%,black)}}.layer-rotate-handle:hover{transform:translate(-50%) scale(1.1)}.layer-resize-controls.editing-disabled .layer-rotate-handle,.layer-resize-controls.geometry-disabled .layer-rotate-handle,.build-canvas-overlay.editing-active .layer-rotate-handle,.build-canvas-overlay.marquee-active .layer-rotate-handle,.build-canvas-overlay.editing-active .pivot-handle,.build-canvas-overlay.marquee-active .pivot-handle{display:none}.layer-inline-edit-anchor{position:absolute;left:50%;top:calc(100% + .625rem);top:calc(100% + .625rem + var(--handle-bias-below, 0) * 2rem);transform:translate(-50%);pointer-events:none;z-index:40}.layer-inline-action-shelf{position:absolute;left:50%;left:var(--inline-action-left, 50%);top:calc(100% + .875rem);top:var(--inline-action-top, calc(100% + .875rem) );display:inline-flex;align-items:center;justify-content:center;gap:.5rem;pointer-events:auto}.layer-inline-edit-toggle{position:relative;width:2.75rem;height:2.75rem;border-radius:999rem;border:.125rem solid rgba(255,255,255,.9);background:#3aa0ff;background:var(--sky, #3aa0ff);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit;pointer-events:auto;box-shadow:0 .25rem .75rem #1f2a3738;transition:transform .12s ease,background-color .12s ease;-webkit-tap-highlight-color:transparent}.layer-item-action-menu{position:relative;display:inline-grid;align-items:center;justify-items:center;place-items:center;pointer-events:auto}.layer-item-action-menu-toggle{position:relative;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999rem;border:.125rem solid rgba(255,255,255,.9);background:#3aa0ff;background:var(--sky, #3aa0ff);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit;font-size:1.25rem;font-weight:850;line-height:1;pointer-events:auto;box-shadow:0 .25rem .75rem #1f2a3738;transition:transform .12s ease,background-color .12s ease;-webkit-tap-highlight-color:transparent}.layer-item-action-menu-toggle:active{transform:scale(.9)}.layer-item-action-menu-pop{position:absolute;left:50%;top:calc(100% + .5rem);z-index:70;display:grid;min-width:10rem;padding:.35rem;border:.0625rem solid rgb(220,226,235);border-radius:.5rem;background:#fff;background:var(--card, #ffffff);box-shadow:0 .85rem 1.8rem #12263f2e,0 .12rem .35rem #12263f1a;transform:translate(-50%)}@supports (color: color-mix(in lch,red,blue)){.layer-item-action-menu-pop{border:.0625rem solid color-mix(in srgb,var(--border, #d6dde8) 86%,white)}}.layer-item-action-menu-pop button{min-height:44px;border:0;border-radius:.4rem;background:transparent;color:#1f2a37;color:var(--ink, #1f2a37);display:grid;grid-template-columns:1.35rem minmax(0,1fr);align-items:center;grid-gap:.55rem;gap:.55rem;padding:.35rem .55rem;font:inherit;font-size:.82rem;font-weight:780;text-align:left;cursor:pointer}.layer-item-action-menu-pop button:hover,.layer-item-action-menu-pop button:focus-visible{outline:none;background:#3aa0ff1a}@supports (color: color-mix(in lch,red,blue)){.layer-item-action-menu-pop button:hover,.layer-item-action-menu-pop button:focus-visible{background:color-mix(in srgb,var(--sky, #3aa0ff) 10%,transparent)}}.layer-item-action-menu-pop button.danger{color:#ff5a6a;color:var(--danger-soft-text, var(--coral, #ff5a6a))}.layer-item-action-menu-icon{width:1.35rem;height:1.35rem;display:inline-grid;align-items:center;justify-items:center;place-items:center}.layer-item-action-menu-icon svg{width:100%;height:100%}.layer-inline-edit-toggle .material-symbols-outlined{font-size:1.28rem;flex:0 0 auto}.layer-inline-edit-toggle:active{transform:scale(.9)}.layer-inline-edit-toggle.is-editing{background:#22c55e}.layer-spline-edit-toggle,.layer-hotspot-shape-toggle,.layer-image-knockout-toggle{box-sizing:border-box;flex:0 0 2.5rem;width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:2.5rem;min-height:2.5rem;max-height:2.5rem;border-radius:999rem;border:.125rem solid rgba(255,255,255,.9);background:#3aa0ff;background:var(--sky, #3aa0ff);color:#fff;display:grid;align-items:center;justify-items:center;place-items:center;cursor:pointer;padding:0;font:inherit;pointer-events:auto;z-index:40;box-shadow:0 .25rem .75rem #1f2a3738;transition:transform .12s ease,background-color .12s ease;-webkit-tap-highlight-color:transparent}.layer-spline-redraw-toggle{width:2.5rem;height:2.5rem;border-radius:999rem;border:.125rem solid rgba(255,255,255,.9);background:#3aa0ff;background:var(--sky, #3aa0ff);color:#fff;display:grid;align-items:center;justify-items:center;place-items:center;cursor:pointer;padding:0;font:inherit;pointer-events:auto;z-index:40;box-shadow:0 .25rem .75rem #1f2a3738;transition:transform .12s ease,background-color .12s ease;-webkit-tap-highlight-color:transparent}.layer-spline-edit-toggle:active,.layer-hotspot-shape-toggle:active,.layer-image-knockout-toggle:active{transform:scale(.9)}.layer-image-knockout-toggle:disabled{cursor:not-allowed;opacity:.58}.layer-image-knockout-toggle.is-active{background:#3aa0ff;background:var(--button-primary-background, var(--sky, #3aa0ff));color:#fff;color:var(--button-primary-color, #ffffff)}.layer-image-knockout-toggle .material-symbols-outlined{display:block;font-size:1.25rem;line-height:1}.layer-spline-redraw-toggle:active{transform:scale(.9)}.layer-spline-redraw-toggle:hover{background:#338de0}@supports (color: color-mix(in lch,red,blue)){.layer-spline-redraw-toggle:hover{background:color-mix(in srgb,var(--sky, #3aa0ff) 88%,black)}}.layer-spline-edit-toggle.is-editing{background:#22c55e}.layer-spline-edit-anchor,.layer-hotspot-shape-anchor,.layer-image-action-anchor,.layer-inline-edit-anchor{--resize-frame-offset: .3125rem;position:absolute;left:calc(var(--control-aabb-x) - .3125rem);left:calc(var(--control-aabb-x) - var(--resize-frame-offset));top:calc(var(--control-aabb-y) - .3125rem);top:calc(var(--control-aabb-y) - var(--resize-frame-offset));width:calc(var(--control-aabb-width) + .3125rem * 2);width:calc(var(--control-aabb-width) + var(--resize-frame-offset) * 2);height:calc(var(--control-aabb-height) + .3125rem * 2);height:calc(var(--control-aabb-height) + var(--resize-frame-offset) * 2);transform:none;pointer-events:none;z-index:34}.layer-hotspot-shape-toggle.is-cancel{background:#1f2a37d6}.layer-floating-action-stack{position:absolute;left:calc(100% + .625rem);left:calc(100% + .625rem + var(--handle-bias-right, 0) * 2rem);right:auto;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.layer-floating-action-stack.place-right{left:calc(100% + .875rem);right:auto;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column}.layer-floating-action-stack.place-left{left:auto;right:calc(100% + .875rem);top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column}.layer-floating-action-stack.place-top{left:50%;right:auto;top:auto;bottom:calc(100% + .875rem);transform:translate(-50%);flex-direction:row;align-items:center;justify-content:center}.layer-floating-action-stack.place-bottom{left:50%;right:auto;top:calc(100% + .875rem);bottom:auto;transform:translate(-50%);flex-direction:row;align-items:center;justify-content:center}.image-knockout-preview-tint{-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-knockout-busy-overlay{display:grid;align-items:center;justify-items:center;place-items:center;background:#ffffff94;-webkit-backdrop-filter:saturate(.92);backdrop-filter:saturate(.92);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.image-knockout-image-spinner{width:max(1.75rem,min(16%,3rem));aspect-ratio:1;border:.22rem solid rgba(31,111,229,.22);border-top-color:#2b78ef;border-top-color:var(--focus-ring, #2b78ef);border-radius:50%;background:#ffffffb8;box-shadow:0 .35rem 1rem #12263f29;animation:image-knockout-spin .78s linear infinite}.image-action-stack{align-items:flex-start}.image-action-stack.place-left{align-items:flex-end}.layer-floating-action-stack.image-action-stack:not(.is-open){width:2.5rem;height:2.5rem}.layer-floating-action-stack.image-action-stack.has-paired-actions:not(.is-open){width:auto;height:auto}.layer-floating-action-stack.image-action-stack.has-paired-actions.place-right:not(.is-open),.layer-floating-action-stack.image-action-stack.has-paired-actions.place-left:not(.is-open){width:2.5rem}.layer-floating-action-stack.image-action-stack.has-paired-actions.place-top:not(.is-open),.layer-floating-action-stack.image-action-stack.has-paired-actions.place-bottom:not(.is-open){height:2.5rem}.layer-floating-action-stack.image-action-stack.place-right:not(.is-open),.layer-floating-action-stack.image-action-stack.place-left:not(.is-open){align-items:center;justify-content:center}.image-action-stack.is-open .layer-image-knockout-toggle{display:none}.image-knockout-card{width:min(16rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);padding:.66rem;border:.0625rem solid rgba(175,191,213,.95);border:var(--build-floating-menu-border, .0625rem solid rgba(175, 191, 213, .95));border-radius:.625rem;border-radius:var(--control-radius, .625rem);background:#fff;background:var(--build-floating-menu-background, var(--card, #ffffff));color:#172434;color:var(--ink, #172434);box-shadow:0 1.25rem 2.5rem #12263f2e;box-shadow:var(--build-floating-menu-shadow, 0 1.25rem 2.5rem rgba(18, 38, 63, .18));background-clip:padding-box;pointer-events:auto}.image-knockout-card.is-busy{border-color:#2b78ef85;box-shadow:0 1.25rem 2.5rem #12263f2e,0 0 0 .1875rem #2b78ef38}@supports (color: color-mix(in lch,red,blue)){.image-knockout-card.is-busy{border-color:color-mix(in srgb,var(--focus-ring, #2b78ef),transparent 48%);box-shadow:var(--build-floating-menu-shadow, 0 1.25rem 2.5rem rgba(18, 38, 63, .18)),0 0 0 .1875rem color-mix(in srgb,var(--focus-ring, #2b78ef),transparent 78%)}}.image-knockout-prompt{display:flex;align-items:center;gap:.45rem;margin:0 0 .5rem;font-size:.8125rem;line-height:1.25;font-weight:800;color:#172434;color:var(--text-emphasis, var(--ink, #172434))}.image-knockout-spinner{flex:0 0 auto;width:.85rem;height:.85rem;border:.125rem solid rgba(43,120,239,.28);border-top-color:#2b78ef;border-top-color:var(--focus-ring, #2b78ef);border-radius:50%;animation:image-knockout-spin .78s linear infinite}@supports (color: color-mix(in lch,red,blue)){.image-knockout-spinner{border:.125rem solid color-mix(in srgb,var(--focus-ring, #2b78ef),transparent 72%)}}.image-knockout-control{display:grid;grid-gap:.12rem;gap:.12rem;margin:0 0 .45rem;font-size:.75rem;font-weight:800;color:#4f6379;color:var(--text-label, var(--ink-muted, #4f6379))}.image-knockout-control span{display:flex;justify-content:space-between;gap:.5rem}.image-knockout-control strong{color:#172434;color:var(--text-emphasis, var(--ink, #172434));font-weight:900}.image-knockout-control input[type=range]{width:100%;min-height:1.85rem;accent-color:#1f6fe5;accent-color:var(--sky, #1f6fe5)}.image-knockout-control input[type=range]:focus-visible{outline:.1875rem solid rgba(43,120,239,.28);outline-offset:.125rem}@supports (color: color-mix(in lch,red,blue)){.image-knockout-control input[type=range]:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--focus-ring, #2b78ef),transparent 72%)}}.image-knockout-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.image-knockout-command{min-height:2.35rem;border:.0625rem solid #c5d2e2;border:.0625rem solid var(--border, #c5d2e2);border-radius:.625rem;border-radius:var(--control-radius, .625rem);padding:0 .625rem;background:#fff;background:var(--card, #ffffff);color:#172434;color:var(--ink, #172434);font:inherit;font-size:.8125rem;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.image-knockout-command:hover:not(:disabled){transform:translateY(-.0625rem);transform:var(--button-hover-transform, translateY(-.0625rem));box-shadow:0 .5rem .875rem #1424341f;box-shadow:var(--button-hover-shadow, 0 .5rem .875rem rgba(20, 36, 52, .12))}.image-knockout-command:active:not(:disabled){transform:translateY(0);transform:var(--button-active-transform, translateY(0))}.image-knockout-command:focus-visible{outline:.1875rem solid rgba(43,120,239,.28);outline-offset:.125rem}@supports (color: color-mix(in lch,red,blue)){.image-knockout-command:focus-visible{outline:.1875rem solid color-mix(in srgb,var(--focus-ring, #2b78ef),transparent 72%)}}.image-knockout-command:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.image-knockout-confirm{border-color:transparent;border-color:var(--button-primary-border, transparent);background:#1f6fe5;background:var(--button-primary-background, var(--sky, #1f6fe5));color:#fff;color:var(--button-primary-color, #ffffff)}.image-knockout-cancel{background:#f6faff;background:var(--surface-7, #f6faff);color:#172434;color:var(--ink, #172434)}@keyframes image-knockout-spin{to{transform:rotate(360deg)}}@media(max-width:760px),(pointer:coarse){.layer-floating-action-stack .image-knockout-card{width:min(14rem,calc(100vw - 1.5rem))}.layer-image-action-anchor .layer-floating-action-stack:not(.image-action-stack),.layer-spline-edit-anchor .layer-floating-action-stack:not(.image-action-stack){left:auto;right:.5rem;top:calc(100% + .75rem);transform:none}}.layer-resize-controls.geometry-disabled,.build-canvas-overlay.editing-active .layer-resize-controls,.build-canvas-overlay.marquee-active .layer-resize-controls,.build-canvas-overlay.marquee-active .layer-spline-edit-anchor,.build-canvas-overlay.marquee-active .layer-hotspot-shape-anchor,.build-canvas-overlay.marquee-active .layer-image-action-anchor,.layer-inline-edit-anchor.editing-disabled,.layer-inline-edit-anchor.geometry-disabled,.build-canvas-overlay.editing-active .layer-inline-edit-anchor,.build-canvas-overlay.editing-active .layer-image-action-anchor,.build-canvas-overlay.marquee-active .layer-inline-edit-anchor{opacity:0;pointer-events:none}.layer-overlay-handle{position:absolute;margin:0;padding:0;border:.09375rem solid rgba(255,255,255,.96);background:var(--selection-border);box-shadow:0 0 0 .125rem #3aa0ff2e,0 .125rem .5rem #1f2a3733;pointer-events:auto}.layer-overlay-handle.corner{width:var(--corner-handle-size);height:var(--corner-handle-size);border-radius:999rem}.layer-overlay-handle.side{border-radius:999rem}.layer-overlay-handle.handle-nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.layer-overlay-handle.handle-ne{left:100%;top:0;transform:translate(-50%,-50%);cursor:nesw-resize}.layer-overlay-handle.handle-se{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.layer-overlay-handle.handle-sw{left:0;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.layer-overlay-handle.handle-n,.layer-overlay-handle.handle-s{left:50%;width:var(--edge-handle-horizontal-length);height:var(--edge-handle-thickness);transform:translate(-50%,-50%);cursor:ns-resize}.layer-overlay-handle.handle-n{top:0}.layer-overlay-handle.handle-s{top:100%}.layer-overlay-handle.handle-e,.layer-overlay-handle.handle-w{top:50%;width:var(--edge-handle-thickness);height:var(--edge-handle-vertical-length);transform:translate(-50%,-50%);cursor:ew-resize}.layer-overlay-handle.handle-e{left:100%}.layer-overlay-handle.handle-w{left:0}.layer-overlay-handle:hover{background:color-mix(in srgb,var(--selection-border) 88%,white);box-shadow:0 0 0 .1875rem #3aa0ff33,0 .1875rem .625rem #1f2a373d;outline:none}@media(pointer:coarse){.app-shell[data-simple-mode=false] #buildMode .layer-overlay-handle.corner{width:1.5rem;height:1.5rem;border-width:.125rem;box-shadow:0 0 0 .1875rem #3aa0ff4d,0 .125rem .625rem #1f2a3740;transition:transform .12s ease,background-color .12s ease}@supports (color: color-mix(in lch,red,blue)){.app-shell[data-simple-mode=false] #buildMode .layer-overlay-handle.corner{box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--selection-border, #3aa0ff) 30%,transparent),0 .125rem .625rem #1f2a3740}}.app-shell[data-simple-mode=false] #buildMode .layer-overlay-handle.corner:active{transform:translate(-50%,-50%) scale(1.25)}}.layer-resize-controls.editing-disabled:before,.layer-resize-controls.geometry-disabled:before,.build-canvas-overlay.editing-active .layer-resize-controls:before,.build-canvas-overlay.marquee-active .layer-resize-controls:before{opacity:0}.layer-group-outline{position:absolute;left:var(--control-x);top:var(--control-y);width:var(--control-width);height:var(--control-height);transform:rotate(0);transform:rotate(var(--control-rotation, 0deg));transform-origin:50% 50%;transform-origin:var(--control-origin-x, 50%) var(--control-origin-y, 50%);pointer-events:none;z-index:30;border-radius:.1875rem}.layer-group-outline-blue{outline:.125rem solid rgba(58,160,255,.6);outline-offset:.1875rem}.layer.inline-editing{cursor:text;pointer-events:none}.layer.hotspot-tool-blocked{pointer-events:none}.layer.inline-editing:focus,.layer.inline-editing:focus-visible,.inline-layer-editor:focus,.inline-layer-editor:focus-visible{outline:none!important;box-shadow:none!important}.inline-layer-editor{display:block;width:100%;min-height:100%;height:auto;box-sizing:border-box;padding:.5em 0;padding-left:var(--layer-inline-pad, 0px);padding-right:var(--layer-inline-pad, 0px);border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:inherit;outline:none;box-shadow:none;resize:none;white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:inherit;pointer-events:none}.inline-layer-editor::-moz-placeholder{color:currentColor;opacity:.55}.inline-layer-editor::placeholder{color:currentColor;opacity:.55}.inline-layer-placeholder{position:absolute;inset:0;color:currentColor;opacity:.55;font:inherit;line-height:inherit;pointer-events:none;white-space:pre-wrap}.inline-layer-placeholder-text{display:block;overflow:hidden;padding:0;padding-left:var(--layer-inline-pad, 0px);padding-right:var(--layer-inline-pad, 0px);text-align:inherit}.inline-layer-placeholder-button{display:flex;align-items:center;justify-content:center;white-space:nowrap}.inline-layer-placeholder-copy{display:inline-block;transform:translate(.35ch)}.inline-layer-editor-text{display:block;overflow:visible;padding-top:0;padding-bottom:0}.inline-layer-editor-button{display:flex;align-items:center;justify-content:center;font-weight:inherit;white-space:nowrap}.inline-layer-editor:not(.is-editing){-webkit-user-select:none;-moz-user-select:none;user-select:none}.inline-layer-editor.is-editing{pointer-events:auto;touch-action:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.layer.selected.layer-text .inline-layer-editor.hovering-text-glyph:not(.is-editing),.layer.selected.layer-button .inline-layer-editor.hovering-text-glyph:not(.is-editing){cursor:text}.layer.selected.layer-text .inline-layer-editor.drag-armed:not(.is-editing),.layer.selected.layer-button .inline-layer-editor.drag-armed:not(.is-editing){cursor:move}.layer-text{display:flex;align-items:center;justify-content:center;overflow:visible;text-align:center;padding:0;line-height:1.2;white-space:pre-wrap}.layer-button,.layer-button-static{overflow:visible}.layer-image{overflow:hidden}.layer-image img,.layer-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;display:block;filter:none;filter:var(--layer-content-filter, none)}.layer-shape.rect{border-radius:.75em}.layer-shape.ellipse{border-radius:50%}.layer-shape.triangle,.layer-shape.spline{background:transparent!important;overflow:visible}.layer-button,.layer-button-static{display:flex;align-items:center;justify-content:center;border-radius:.75em;padding:0;text-align:center;background:linear-gradient(135deg,var(--sky),#7ac7ff);color:#fff;border:.125em solid rgba(255,255,255,.35)}.layer-button.locked,.layer-button-static.locked,.layer-hotspot.locked{filter:grayscale(.1);background:linear-gradient(135deg,#60748e,#4e647f)}.layer.play.layer-button.clickable{cursor:pointer}.layer-hotspot{border:.125em dashed rgba(255,90,106,.8);border-radius:.625em;background:#ff5a6a14}.layer-hotspot.spline-hotspot{border:0;background:transparent;overflow:visible;pointer-events:none}.layer-hotspot.spline-hotspot .hotspot-spline-svg,.layer-hotspot.spline-hotspot .hotspot-spline-path{pointer-events:auto}.hotspot-spline-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;cursor:inherit}.shape-spline-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.shape-spline-path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.layer-mask-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}.hotspot-spline-path{fill:#ff5a6a14;stroke:#ff5a6ad1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:inherit}.hotspot-spline-path-solid{stroke-width:2.5px;stroke-dasharray:none}.hotspot-spline-path-dashed{fill:none;stroke-width:1.25px;stroke-dasharray:7 5}.layer-hotspot.play{border-color:transparent;background:transparent}.layer-hotspot.play.spline-hotspot .hotspot-spline-path{fill:#ff5a6a00;stroke:transparent}.layer-item{border-radius:.75em;overflow:visible;border:.125em solid rgba(255,201,58,.65)}.item-badge{position:absolute;left:.375em;bottom:.375em;background:#ffc93ae6;color:var(--ink);border-radius:62.4375em;padding:.125em .5em;font-size:.72rem;font-weight:800}.layer-three{border-radius:.75em;background:transparent;border:none;overflow:visible}.layer-three .three-frame{position:absolute;inset:0;border-radius:.75em;overflow:hidden;background:transparent}.layer-three .three-frame [data-three-canvas],.layer-three .three-frame canvas{width:100%!important;height:100%!important;display:block}.layer-three .three-frame [data-three-freeze-frame]{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-three.thumb-preview{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 52%),linear-gradient(145deg,#3aa0ff6b,#2ed6a361);border:.0625em solid rgba(58,160,255,.45)}.layer-three.thumb-real{background:transparent;border:.0625em solid rgba(58,160,255,.4)}.three-thumb-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:max(.625em,min(16%,1.375em));font-weight:800;letter-spacing:.02em;color:#113a5a;background:#ffffffd1;border-radius:62.4375em;padding:.2em .6em;border:.0625em solid rgba(58,160,255,.35)}.layer-three .three-label{position:absolute;left:.5em;top:.5em;background:#ffffffd9;border-radius:62.4375em;padding:.125em .5em;font-size:.72rem;font-weight:800;z-index:2}.layer-three .three-status{position:absolute;left:.5em;right:.5em;bottom:.5em;background:#ffffffeb;border-radius:.5em;padding:.1875em .5em;font-size:.68rem;font-weight:700;color:#37506b;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:.0625em solid rgba(58,160,255,.22)}.layer-three .three-status[data-state=loaded]{color:#0f6a45;border-color:#2ed6a373}.layer-three .three-status[data-state=loading]{color:#194978;border-color:#3aa0ff59}.layer-three .three-status[data-state=loader-missing],.layer-three .three-status[data-state=parse-failed],.layer-three .three-status[data-state=three-missing]{color:#8b1f2a;border-color:#ff5a6a80}.three-rotate-handle,.three-pan-handle,.three-zoom-handle{position:absolute;top:50%;right:calc(.3125rem + .375em);right:calc(var(--resize-frame-offset, .3125rem) + .375em);transform:translateY(-50%);width:2em;height:2em;border-radius:62.4375em;border:.0625em solid rgba(58,160,255,.4);background:#fff;color:#1f6fb4;font-weight:800;font-size:1rem;display:grid;align-items:center;justify-items:center;place-items:center;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:18;box-shadow:0 .25em .625em #1f2a3726}.three-pan-handle{top:calc(50% - 2.375em);color:#73550a;border-color:#ffcb48a6}.three-zoom-handle{top:calc(50% + 2.375em);color:#0f6a45;border-color:#2ed6a38c}.three-rotate-handle:active,.three-pan-handle:active,.three-zoom-handle:active{cursor:grabbing}.hotspot-spline-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:35;pointer-events:none;overflow:visible;opacity:0}.hotspot-spline-overlay.is-active{opacity:1}.hotspot-spline-overlay-path{fill:none;stroke:#ff5a6ae6;stroke-linecap:round;stroke-linejoin:round}.hotspot-spline-overlay-path-solid{stroke-width:2.25px;stroke-dasharray:none}.hotspot-spline-overlay-path-dashed{stroke-width:1.1px;stroke-dasharray:7 5}.hotspot-spline-overlay-path-edit{stroke:#ff5a6ab8}.hotspot-spline-overlay-fill{fill:#ff5a6a1f;stroke:#ff5a6a73;stroke-width:1.5px;stroke-dasharray:none;stroke-linejoin:round}.hotspot-spline-overlay-fill-close{fill:#ff5a6a33}.hotspot-spline-point{fill:#fff;stroke:#ff5a6af2;stroke-width:2px}.hotspot-spline-point.is-close-target{fill:#ff5a6a3d;stroke:#fff}.hotspot-spline-point-edit{pointer-events:auto;cursor:grab}.hotspot-spline-point-edit:active{cursor:grabbing}.hotspot-spline-handle-line{stroke:#fffffffa;stroke-width:1.5px;stroke-dasharray:4 4;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;opacity:1;mix-blend-mode:difference}.hotspot-spline-handle{fill:#16324f;stroke:#8ff7ff;stroke-width:2px;pointer-events:auto;cursor:grab}.hotspot-spline-handle:active{cursor:grabbing}.hotspot-spline-overlay.is-edit-dragging,.hotspot-spline-overlay.is-edit-dragging *{cursor:grabbing!important}.layer-hidden-preview{opacity:.45;filter:saturate(.7)}.inspector-content{flex:1;min-height:0;overflow:auto;padding:.75em;display:grid;grid-gap:.625em;gap:.625em;align-content:start;justify-items:stretch;grid-auto-rows:max-content}.inspector-group{border:.0625em solid var(--border);border-radius:.75em;background:var(--surface-5);padding:.625em;display:grid;grid-gap:.5em;gap:.5em}.inspector-group h3{font-size:.95rem;font-weight:800}.inspector-section{padding:0;gap:0;overflow:visible}.inspector-section-header{display:flex;align-items:center;gap:.4rem}.inspector-section-toggle{width:auto;flex:0 1 auto;border:0;background:transparent;padding:.625em;display:flex;align-items:center;justify-content:flex-start;gap:.45em;text-align:left;cursor:pointer}.inspector-section-title{font-size:.95rem;font-weight:800}.inspector-section-caret{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transition:transform .16s ease}.inspector-section-caret.is-open{transform:rotate(0)}.inspector-section-body{display:grid;grid-gap:.5em;gap:.5em;padding:0 .625em .625em}.item-relationship,.item-empty-state,.item-usage-list{display:grid;grid-gap:.5em;gap:.5em}.item-relationship{--layer-order-accent: var(--selection-border, var(--sky));--layer-order-accent-soft: var(--active-ring, color-mix(in srgb, var(--layer-order-accent) 18%, transparent));--layer-order-text: var(--text-emphasis, var(--ink, #1f2a37));--layer-order-muted: var(--text-muted-2, var(--ink-muted, #607287));--layer-order-surface-contrast: var(--surface-contrast, #ffffff)}.item-relationship-header{display:flex;align-items:start;justify-content:space-between;gap:.5em}.item-relationship-title{margin:0;font-size:.92rem;font-weight:800}.item-relationship-body,.field-note{color:var(--muted);font-size:.9rem;line-height:1.35}.item-usage-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.item-usage-icon{color:var(--muted)}.item-usage-copy{min-width:0;display:grid;grid-gap:.0625em;gap:.0625em}.item-usage-main{display:block}.item-usage-meta{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.1}.app-shell[data-theme=misty-morning] .inspector-content .input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .inspector-content input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .inspector-content select,.app-shell[data-theme=misty-morning] .inspector-content textarea{background:#b3b6bb;background:var( --build-control-background, var(--inspector-control-background, rgb(179, 182, 187)) )}.app-shell[data-theme=misty-morning] .slide-panel .input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .slide-panel input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .slide-panel select,.app-shell[data-theme=misty-morning] .build-floating-menu .input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .build-floating-menu input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .build-floating-menu select,.app-shell[data-theme=misty-morning] .build-floating-menu textarea,.app-shell[data-theme=misty-morning] .open-modal-panel .input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .open-modal-panel input:not([type=color]):not([type=range]),.app-shell[data-theme=misty-morning] .open-modal-panel select,.app-shell[data-theme=misty-morning] .topbar-select.input,.app-shell[data-theme=misty-morning] .layer-order-name-input{background:#b3b6bb;background:var(--build-control-background, rgb(179, 182, 187))}.app-shell[data-theme=misty-morning] .inspector-content input[type=color],.app-shell[data-theme=misty-morning] .slide-panel input[type=color],.app-shell[data-theme=misty-morning] .build-floating-menu input[type=color],.app-shell[data-theme=misty-morning] .open-modal-panel input[type=color]{background:#b3b6bb;background:var(--build-control-background, rgb(179, 182, 187))}.app-shell[data-theme=misty-morning] .inspector-content input[type=color]::-webkit-color-swatch-wrapper,.app-shell[data-theme=misty-morning] .slide-panel input[type=color]::-webkit-color-swatch-wrapper,.app-shell[data-theme=misty-morning] .build-floating-menu input[type=color]::-webkit-color-swatch-wrapper,.app-shell[data-theme=misty-morning] .open-modal-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0;background:transparent}.app-shell[data-theme=misty-morning] .inspector-content input[type=color]::-webkit-color-swatch,.app-shell[data-theme=misty-morning] .slide-panel input[type=color]::-webkit-color-swatch,.app-shell[data-theme=misty-morning] .build-floating-menu input[type=color]::-webkit-color-swatch,.app-shell[data-theme=misty-morning] .open-modal-panel input[type=color]::-webkit-color-swatch{border:0}.layer-order-group{--layer-order-accent: var(--selection-border, var(--sky));--layer-order-accent-soft: var(--active-ring, color-mix(in srgb, var(--layer-order-accent) 18%, transparent));--layer-order-parent-accent: var(--mint, var(--sky));--layer-order-parent-surface: color-mix( in srgb, var(--layer-order-parent-accent) 14%, var(--build-control-background, var(--surface-5, #fff)) );--layer-order-parent-selected-surface: color-mix( in srgb, var(--layer-order-parent-accent) 24%, var(--build-control-background, var(--surface-5, #fff)) );--layer-order-parent-border: color-mix(in srgb, var(--layer-order-parent-accent) 22%, var(--border));--layer-order-text: var(--text-emphasis, var(--ink, #1f2a37));--layer-order-muted: var(--text-muted-2, var(--ink-muted, #607287));--layer-order-muted-strong: var(--text-muted-3, var(--ink-muted, #7f8ea3));--layer-order-surface-contrast: var(--surface-contrast, #ffffff);--layer-order-depth-surface: color-mix( in srgb, var(--layer-order-accent-soft) 58%, var(--build-control-background, var(--surface-5, #fff)) );display:grid;grid-gap:.5em;gap:.5em;align-content:start}.layer-order-heading{display:flex;align-items:center;gap:.38rem}.layer-order-group h3{margin:0;font-size:.92rem;font-weight:800}.layer-order-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.375em;gap:.375em;align-content:start}.layer-order-item{--layer-branch-slot-size: 1.15rem;border:.0625em solid var(--border);border-radius:.625em;background:#fff;background:var(--build-control-background, var(--surface-5, #fff));display:grid;grid-template-columns:1.15rem .95rem minmax(0,1fr);grid-template-columns:var(--layer-branch-slot-size) .95rem minmax(0,1fr);align-items:center;grid-gap:.1875em;gap:.1875em;padding:.3125em .4375em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:0;transition:box-shadow .16s ease,opacity .14s ease,transform .17s ease}.layer-order-group-header:focus,.layer-order-group-header:focus-visible,.layer-order-item:focus,.layer-order-item:focus-visible,.drag-reorder-preview.layer-order-group-header:focus,.drag-reorder-preview.layer-order-group-header:focus-visible,.drag-reorder-preview.layer-order-item:focus,.drag-reorder-preview.layer-order-item:focus-visible{outline:none}.layer-order-group-header:focus:not(:focus-visible),.layer-order-item:focus:not(:focus-visible){box-shadow:none}.layer-order-item.no-branch{grid-template-columns:0 .95rem minmax(0,1fr)}.layer-order-item.parent-node{background:var(--layer-order-parent-surface);border-color:var(--layer-order-parent-border)}.layer-order-item:hover,.layer-order-item:focus-within,.layer-order-item:has(.layer-order-menu[open]){z-index:6}.layer-order-item.selected{border-color:var(--layer-order-accent);box-shadow:0 0 0 .125em var(--layer-order-accent-soft)}.layer-order-item.parent-node.selected{background:var(--layer-order-parent-selected-surface)}.layer-order-item.reflowing{transition:transform .17s ease}.layer-order-projection-slot{list-style:none;display:grid;align-items:center;min-height:3.125em}.layer-order-projection{color:color-mix(in srgb,var(--layer-order-text) 68%,transparent);background:color-mix(in srgb,var(--layer-order-surface-contrast) 62%,var(--layer-order-accent-soft));border-color:color-mix(in srgb,var(--layer-order-accent) 28%,transparent);box-shadow:inset 0 0 0 .0625em color-mix(in srgb,var(--layer-order-accent) 6%,transparent);cursor:default;opacity:.5;pointer-events:none;min-height:0;padding-top:.25em;padding-bottom:.25em}.layer-order-projection .layer-order-icon,.layer-order-projection .layer-order-name{opacity:.82}.layer-order-item.drag-ghost,.layer-order-group-header.drag-ghost{opacity:.35;background:color-mix(in srgb,var(--layer-order-accent) 8%,transparent);border-style:dashed;border-color:color-mix(in srgb,var(--layer-order-accent) 35%,transparent);pointer-events:none}.drag-reorder-preview{cursor:grabbing}.drag-reorder-preview .layer-order-actions{display:none}.layer-order-item.projected-ghost,.layer-order-group-header.projected-ghost{opacity:.46;background:color-mix(in srgb,var(--layer-order-accent) 10%,var(--layer-order-surface-contrast) 90%);border-style:dashed;border-color:color-mix(in srgb,var(--layer-order-accent) 38%,transparent);pointer-events:none}.layer-order-item.projected-ghost .layer-order-actions,.layer-order-group-header.projected-ghost .layer-order-actions{display:none}.layer-order-item.pending-drag-cue,.layer-order-group-header.pending-drag-cue{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--layer-order-accent) 20%,transparent),0 .35rem .9rem color-mix(in srgb,var(--layer-order-accent) 14%,transparent)}.layer-order-item.inside-receiver,.layer-order-group-header.inside-receiver{background:color-mix(in srgb,var(--layer-order-accent) 14%,var(--layer-order-surface-contrast) 86%);border-color:color-mix(in srgb,var(--layer-order-accent) 48%,var(--border));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--layer-order-accent) 18%,transparent)}.layer-order-item.invalid-receiver,.layer-order-group-header.invalid-receiver{background:color-mix(in srgb,#dc2626 8%,var(--layer-order-surface-contrast) 92%);border-color:color-mix(in srgb,#dc2626 48%,var(--border))}@supports (color: color-mix(in lch,red,blue)){.layer-order-item.invalid-receiver,.layer-order-group-header.invalid-receiver{background:color-mix(in srgb,var(--danger, #dc2626) 8%,var(--layer-order-surface-contrast) 92%);border-color:color-mix(in srgb,var(--danger, #dc2626) 48%,var(--border))}}.layer-order-item.invalid-feedback-active,.layer-order-group-header.invalid-feedback-active{animation:layer-order-invalid-pulse .22s ease-out}@keyframes layer-order-invalid-pulse{0% {transform: translateX(0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0);} @supports (color: color-mix(in lch,red,blue)) {0% {box-shadow: inset 0 0 0 0 color-mix(in srgb,var(--danger, #dc2626) 0%,transparent);}} 40% {transform: translateX(2px); box-shadow: inset 0 0 0 2px rgba(220,38,38,.24);} @supports (color: color-mix(in lch,red,blue)) {40% {box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--danger, #dc2626) 24%,transparent);}} 100% {transform: translateX(0); box-shadow: inset 0 0 0 0 rgba(0,0,0,0);} @supports (color: color-mix(in lch,red,blue)) {100% {box-shadow: inset 0 0 0 0 color-mix(in srgb,var(--danger, #dc2626) 0%,transparent);}}}.layer-order-selection-ghost{color:color-mix(in srgb,var(--layer-order-text) 72%,transparent)}.layer-order-icon{display:grid;align-items:center;justify-items:center;place-items:center;width:.95rem;height:.95rem;font-size:.8rem;line-height:1;justify-self:start}.layer-order-icon.build-tool-badge-svg svg,.layer-order-icon svg{width:.9rem;height:.9rem;display:block}.layer-order-name{min-width:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700}.layer-order-name-input{width:100%;min-width:0;min-height:1.6em;border:.0625em solid transparent;border-radius:.5em;padding:.1em .25em .1em .2em;font-size:.78rem;font-weight:700;color:var(--layer-order-text);background:transparent;-moz-user-select:text;user-select:text;-webkit-user-select:text;-webkit-user-drag:none;cursor:inherit;justify-self:stretch}.layer-order-actions{position:absolute;right:.4375em;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0;padding:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .17s ease}.layer-order-item:hover .layer-order-actions,.layer-order-item.selected .layer-order-actions,.layer-order-item:has(.layer-order-menu[open]) .layer-order-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.layer-order-menu{position:relative}.layer-order-menu-btn{min-width:2em;width:2em;min-height:2em;border-radius:.5em;font-size:.9rem}.layer-order-menu-pop{top:50%;right:calc(100% + .375em);transform:translateY(-50%);min-width:0;z-index:14;background:transparent;border:0;box-shadow:none;padding:0}.layer-action-tray{position:absolute;top:var(--layer-action-tray-top);left:var(--layer-action-tray-left);z-index:5199;z-index:calc(var(--build-floating-menu-z, 5200) - 1);width:4.5rem;width:var(--layer-action-tray-width, 4.5rem);max-width:calc(100% - 1rem);max-height:calc(100% - 1rem);overflow:visible;display:grid;grid-gap:.45rem;gap:.45rem;justify-items:center;padding:.45rem;border:.0625rem solid color-mix(in srgb,var(--border) 86%,white);border-radius:999rem;background:#ffffffeb;box-shadow:0 .85rem 1.8rem #12263f2e,0 .12rem .35rem #12263f1a;box-shadow:var(--build-floating-panel-shadow, 0 .85rem 1.8rem rgba(18, 38, 63, .18), 0 .12rem .35rem rgba(18, 38, 63, .1));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}@supports (color: color-mix(in lch,red,blue)){.layer-action-tray{background:var(--build-floating-panel-background, color-mix(in srgb, var(--card, #ffffff) 92%, transparent))}}.layer-action-tray-bottom{top:auto;bottom:1rem}.layer-action-tray-header{display:none;gap:.12rem;min-width:0}.layer-action-tray-title,.layer-action-tray-subtitle{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-action-tray-title{font-size:.78rem;font-weight:800;color:#1f2a37;color:var(--ink, #1f2a37)}.layer-action-tray-subtitle{font-size:.72rem;font-weight:650;color:#64748b;color:var(--muted, #64748b)}.layer-action-tray-list{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:.45rem;gap:.45rem}.layer-action-pill,.layer-action-tray-confirm-row{min-height:44px}.layer-action-pill{position:relative;width:44px;min-width:44px;height:44px;border:.0625rem solid color-mix(in srgb,var(--border) 86%,white);border-radius:999rem;background:#fff;background:var(--build-control-background, var(--surface-5, #ffffff));color:#1f2a37;color:var(--ink, #1f2a37);display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;font:inherit;font-size:.76rem;font-weight:750;line-height:1.15;cursor:pointer}.layer-action-icon{width:1.65rem;height:1.65rem;flex:0 0 1.65rem;display:inline-grid;align-items:center;justify-items:center;place-items:center}.layer-action-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.layer-action-label{position:absolute;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.layer-action-pill:hover,.layer-action-pill:focus-visible{border-color:color-mix(in srgb,var(--layer-order-accent, var(--sky)) 55%,var(--border));box-shadow:0 0 0 .14rem var(--active-ring, color-mix(in srgb, var(--sky) 18%, transparent));outline:none}.layer-action-pill:disabled{cursor:not-allowed;opacity:.55}.layer-action-pill-danger{margin-top:.25rem;border-color:#ff5a6a47;background:#ff5a6a1f;color:#ff5a6a;color:var(--danger-soft-text, var(--coral, #ff5a6a))}@supports (color: color-mix(in lch,red,blue)){.layer-action-pill-danger{border-color:var(--danger-soft-border, color-mix(in srgb, var(--coral, #ff5a6a) 28%, transparent));background:var(--danger-soft-bg, color-mix(in srgb, var(--coral, #ff5a6a) 12%, transparent))}}.layer-action-tray-confirm-row{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;grid-gap:.45rem;gap:.45rem;margin-top:.35rem}.layer-action-pill-confirm{border-color:#18b18052;background:#18b18024;color:#1a9370}@supports (color: color-mix(in lch,red,blue)){.layer-action-pill-confirm{border-color:color-mix(in srgb,var(--mint, #18b180) 32%,transparent);background:color-mix(in srgb,var(--mint, #18b180) 14%,transparent);color:color-mix(in srgb,var(--mint, #18b180) 78%,var(--ink, #1f2a37) 22%)}}@media(hover:hover)and (pointer:fine){.layer-action-pill:after{content:attr(data-label);position:absolute;top:50%;right:calc(100% + .55rem);z-index:1;min-width:-moz-max-content;min-width:max-content;max-width:12rem;padding:.4rem .55rem;border:.0625rem solid color-mix(in srgb,var(--border) 82%,white);border-radius:.5rem;background:#fffffff5;box-shadow:0 .55rem 1.25rem #12263f29;color:#1f2a37;color:var(--ink, #1f2a37);font-size:.74rem;font-weight:780;line-height:1.1;opacity:0;pointer-events:none;text-align:right;transform:translateY(-50%) translate(.25rem);transition:opacity .12s ease,transform .12s ease}@supports (color: color-mix(in lch,red,blue)){.layer-action-pill:after{background:color-mix(in srgb,var(--card, #ffffff) 96%,transparent)}}.layer-action-pill:hover:after,.layer-action-pill:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}}@media(pointer:coarse){.layer-order-actions{opacity:1;pointer-events:auto}.layer-order-menu-btn{min-width:2.5rem;width:2.5rem;min-height:2.5rem}.layer-action-tray{justify-items:stretch;overflow:auto;gap:.6rem;padding:.6rem;border-radius:.5rem}.layer-action-tray-header{display:none}.layer-action-tray-list,.layer-action-tray-confirm-row{justify-items:stretch;gap:.35rem}.layer-action-pill,.layer-action-tray-confirm-row{min-height:44px}.layer-action-pill{width:100%;min-width:0;height:auto;border-radius:.5rem;justify-content:flex-start;gap:.55rem;padding:.4rem .6rem}.layer-action-icon{width:1.45rem;height:1.45rem;flex-basis:1.45rem}.layer-action-label{position:static;width:auto;height:auto;margin:0;overflow:hidden;clip:auto;text-overflow:ellipsis;border:0}}.layer-order-menu[open] .layer-order-menu-pop{display:grid}.layer-menu-confirm-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.375em;gap:.375em;min-width:5.375rem}.layer-menu-confirm-btn{min-height:2.25em;padding:0;border-radius:.5em;display:inline-flex;align-items:center;justify-content:center}.layer-menu-confirm-accept{background:#18b18024;color:color-mix(in srgb,#18b180 78%,var(--layer-order-text) 22%);border:.0625em solid rgba(24,177,128,.22)}@supports (color: color-mix(in lch,red,blue)){.layer-menu-confirm-accept{background:color-mix(in srgb,var(--mint, #18b180) 14%,transparent);color:color-mix(in srgb,var(--mint, #18b180) 78%,var(--layer-order-text) 22%);border:.0625em solid color-mix(in srgb,var(--mint, #18b180) 22%,transparent)}}.layer-menu-confirm-cancel{background:#ff5a6a1f;color:#ff5a6a;color:var(--danger-soft-text, var(--coral, #ff5a6a));border:.0625em solid rgba(255,90,106,.22)}@supports (color: color-mix(in lch,red,blue)){.layer-menu-confirm-cancel{background:var(--danger-soft-bg, color-mix(in srgb, var(--coral, #ff5a6a) 12%, transparent));border:.0625em solid var(--danger-soft-border, color-mix(in srgb, var(--coral, #ff5a6a) 22%, transparent))}}.layer-menu-confirm-icon{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.layer-mini-btn{min-width:2em;min-height:2em;padding:0;border-radius:.5em;font-size:.76rem;display:inline-grid;align-items:center;justify-items:center;place-items:center}.layer-order-grip{text-align:center;color:var(--layer-order-muted-strong);font-size:.82rem;cursor:grab;min-width:1.25em;opacity:.9}.layer-order-empty{padding:.625em;border:.0625em dashed var(--border);border-radius:.625em;font-size:.8rem;color:var(--layer-order-muted)}.layer-order-group-header,.layer-order-item{--tree-indent-step: 12px;position:relative;margin-left:0;margin-left:calc(var(--tree-depth, 0) * var(--tree-indent-step));touch-action:pan-y}.layer-order-group-header:before,.layer-order-group-header:after,.layer-order-item:before,.layer-order-item:after{content:"";position:absolute;left:.35rem;right:.35rem;height:0;opacity:0;pointer-events:none;border-top:2px solid color-mix(in srgb,var(--layer-order-accent) 90%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--layer-order-surface-contrast) 55%,transparent);transition:opacity .12s ease}.layer-order-group-header:before,.layer-order-item:before{top:-1px}.layer-order-group-header:after,.layer-order-item:after{bottom:-1px}.layer-order-group-header.drop-target-before:before,.layer-order-item.drop-target-before:before,.layer-order-group-header.drop-target-after:after,.layer-order-item.drop-target-after:after{opacity:1}.layer-order-item.projected-bundle:before,.layer-order-group-header.projected-bundle:before,.layer-order-selection-ghost:before,.layer-order-item.projected-bundle:after,.layer-order-group-header.projected-bundle:after,.layer-order-selection-ghost:after{inset:0;height:auto;border-top:0;border:1px dashed color-mix(in srgb,var(--layer-order-accent) 38%,transparent);box-shadow:none;opacity:.28;transform:translate(4px,4px);z-index:-1}.layer-order-item.projected-bundle.stack-tidy:before,.layer-order-group-header.projected-bundle.stack-tidy:before{opacity:.46;transform:translate(3px,3px)}.layer-order-item.projected-bundle.stack-tidy:after,.layer-order-group-header.projected-bundle.stack-tidy:after{opacity:.32;transform:translate(6px,6px);box-shadow:3px 3px color-mix(in srgb,var(--layer-order-accent) 20%,transparent)}.layer-order-selection-ghost.stack-loose:before,.layer-order-item.projected-multi-selection.stack-loose:before,.layer-order-group-header.projected-multi-selection.stack-loose:before{opacity:.42;transform:translate(-4px,4px)}.layer-order-selection-ghost.stack-loose:after,.layer-order-item.projected-multi-selection.stack-loose:after,.layer-order-group-header.projected-multi-selection.stack-loose:after{opacity:.3;transform:translate(5px,8px);box-shadow:-7px 4px color-mix(in srgb,var(--layer-order-accent) 18%,transparent)}@media(prefers-reduced-motion:reduce){.layer-order-item.invalid-feedback-active,.layer-order-group-header.invalid-feedback-active{animation:none}}.layer-order-group-header.reorderable,.layer-order-item.reorderable{cursor:pointer}.layer-order-group-header.reorderable:active,.layer-order-item.reorderable:active{cursor:grabbing}.layer-order-group-header{--layer-branch-slot-size: 1.15rem;display:grid;grid-template-columns:1.15rem .85rem minmax(0,1fr);grid-template-columns:var(--layer-branch-slot-size) .85rem minmax(0,1fr);align-items:center;grid-gap:.1875em;gap:.1875em;padding:.3125em .4375em;border:.0625em solid var(--border);border-radius:.625em;background:#fff;background:var(--build-control-background, var(--surface-5, #fff));-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.layer-order-group-header.depth-mode,.layer-order-item.depth-mode{--tree-indent-step: 0px;margin-left:0}.layer-order-item.depth-mode{grid-template-columns:.95rem minmax(0,1fr);min-height:2.125rem}.layer-order-item.hierarchy-mode{min-height:2.125rem}.layer-order-group-header.depth-mode{grid-template-columns:var(--layer-branch-slot-size) .85rem minmax(0,1fr);min-height:2.125rem;padding:.3125em .4375em;border-radius:.625em;border:.0625em solid var(--border);background:#fff;background:var(--build-control-background, var(--surface-5, #fff));box-shadow:none}.layer-group-toggle-btn{all:unset;display:grid;align-items:center;justify-items:center;place-items:center;width:var(--layer-branch-slot-size);height:var(--layer-branch-slot-size);cursor:pointer;border-radius:.25em}.layer-order-item.no-branch .layer-branch-toggle-spacer{width:0;min-width:0;flex-basis:0;overflow:hidden}.layer-branch-toggle-btn,.layer-branch-toggle-spacer{flex:0 0 1.15rem;flex:0 0 var(--layer-branch-slot-size, 1.15rem);width:1.15rem;width:var(--layer-branch-slot-size, 1.15rem);min-width:1.15rem;min-width:var(--layer-branch-slot-size, 1.15rem)}.layer-branch-toggle-spacer{position:relative;display:inline-block}.layer-group-toggle-btn:hover{background:color-mix(in srgb,var(--layer-order-text) 8%,transparent)}.layer-group-toggle-arrow{width:.9rem;height:.9rem;fill:var(--layer-order-muted);transition:transform .14s ease;transform:rotate(90deg)}.layer-group-toggle-arrow.collapsed{transform:rotate(0)}@media(pointer:coarse){.layer-order-item,.layer-order-group-header{--layer-branch-slot-size: 1.6rem;min-height:3rem;padding-top:.5em;padding-bottom:.5em}.layer-group-toggle-arrow{width:1.1rem;height:1.1rem}}.layer-group-icon{display:grid;align-items:center;justify-items:center;place-items:center;width:.85rem;height:.85rem;color:var(--layer-order-muted);justify-self:start}.layer-group-icon svg{width:.72rem;height:.72rem;display:block}.layer-order-item.depth-group-member{grid-template-columns:.95rem .28rem minmax(0,1fr);margin-left:.75rem;padding-left:.22rem;background:var(--layer-order-depth-surface);border-radius:.625em}.layer-depth-group-badge{display:inline-flex;align-items:center;padding:.14rem .46rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--layer-order-muted);background:color-mix(in srgb,var(--layer-order-surface-contrast) 78%,transparent);border:1px solid color-mix(in srgb,var(--layer-order-accent) 16%,var(--layer-order-surface-contrast))}.layer-depth-group-rail{position:relative;width:.28rem;min-width:.28rem;align-self:stretch;margin-right:.18rem}.layer-depth-group-rail:before{content:"";position:absolute;top:.15rem;bottom:.15rem;left:50%;width:2px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--layer-order-accent) 45%,transparent),color-mix(in srgb,var(--layer-order-accent) 18%,transparent))}.layer-group-count{font-size:.7rem;font-weight:700;color:var(--layer-order-muted-strong);background:color-mix(in srgb,var(--layer-order-text) 6%,transparent);border-radius:.375em;padding:.125em .375em;min-width:1.25em;text-align:center}.layer-order-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:650;line-height:1.2;color:var(--layer-order-text)}.layer-order-group-header.depth-mode .layer-order-group-label,.layer-order-group-header.hierarchy-mode .layer-order-group-label,.layer-order-item.hierarchy-mode .layer-order-name,.layer-order-item.depth-mode .layer-order-name{font-size:.82rem;font-weight:700}.layer-order-item.hierarchy-mode .layer-order-name-input,.layer-order-group-header.hierarchy-mode .layer-group-name-input{min-height:1.7em}.layer-order-group-header.depth-mode .layer-group-icon,.layer-order-group-header.hierarchy-mode .layer-group-icon{width:.95rem;height:.95rem}.layer-order-item.depth-mode.parent-node,.layer-order-group-header.hierarchy-mode{background:#fff;background:var(--build-control-background, var(--surface-5, #fff));border-color:var(--border)}.layer-order-item.hierarchy-mode.parent-node{background:var(--layer-order-parent-surface);border-color:var(--layer-order-parent-border)}.layer-menu-text-actions{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:.5rem}.layer-menu-text-action{width:100%;justify-content:flex-start}.asset-actions{display:flex;flex-wrap:wrap;gap:.5em}.asset-actions .btn{flex:1 1 7.5em}.form-grid{display:grid;grid-gap:.5em;gap:.5em}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-auto{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.text-style-toggles{display:flex;gap:.25rem}.text-style-btn{width:2rem;height:2rem;border:.0625rem solid var(--border);border-radius:.375rem;background:#fff;background:var(--surface-6, #ffffff);color:#1f2a37;color:var(--ink, #1f2a37);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:inherit;font-size:.82rem;font-weight:400;transition:background-color .12s ease,border-color .12s ease}.text-style-btn strong{font-weight:800}.text-style-btn-italic{font-style:italic}.text-style-btn-underline{-webkit-text-decoration:underline;text-decoration:underline}.text-style-btn:hover{border-color:var(--sky);background:#3aa0ff0f}.text-style-btn.active{background:var(--sky);border-color:var(--sky);color:#fff}.field{display:grid;grid-gap:.25em;gap:.25em}.field label{font-size:.78rem;opacity:.78}.field>label[for]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-control-field{gap:.375em}.color-picker-control{position:relative}.color-picker-trigger{width:100%;min-height:2.75em;border-radius:.625em;border:.0625em solid var(--border);background:#fff;padding:.5em;display:grid;grid-template-columns:1.875em minmax(0,1fr);align-items:center;grid-gap:.625em;gap:.625em;cursor:pointer}.color-picker-trigger[aria-expanded=true]{border-color:var(--sky);box-shadow:0 0 0 .125em #3aa0ff26}.inspector-random-route{display:grid;grid-gap:.75em;gap:.75em}.inspector-random-route-header{display:flex;align-items:center;justify-content:space-between;gap:.75em}.inspector-random-route-outcomes,.inspector-random-route-preview{display:grid;grid-gap:.5em;gap:.5em}.random-route-outcome-card{display:grid;grid-gap:.5em;gap:.5em;border:.0625em solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:.625em;background:#ffffffeb;padding:.5625em}@supports (color: color-mix(in lch,red,blue)){.random-route-outcome-card{background:color-mix(in srgb,var(--surface-3, #fff) 92%,transparent)}}.random-route-outcome-topline{display:flex;align-items:center;justify-content:space-between;gap:.75em}.random-route-outcome-topline strong{font-size:.78rem}.random-route-preview-list{display:grid;grid-gap:.375em;gap:.375em}.random-route-preview-row{display:grid;grid-template-columns:minmax(3.5em,auto) auto minmax(0,1fr);align-items:center;grid-gap:.5em;gap:.5em;padding:.45em .55em;border-radius:.55em;background:#ffffffe0}@supports (color: color-mix(in lch,red,blue)){.random-route-preview-row{background:color-mix(in srgb,var(--surface-3, #fff) 88%,transparent)}}.random-route-roll{font-weight:800;font-size:.76rem}.random-route-arrow{opacity:.56}.random-route-target{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.color-picker-trigger-swatch{width:1.875em;height:1.875em;border-radius:.5em;border:.0625em solid rgba(31,42,55,.18);background:linear-gradient(var(--picker-color),var(--picker-color)),repeating-conic-gradient(#d5deea 0% 25%,#f7f9fc 0% 50%) 0 / .75em .75em}@supports (background: repeating-conic-gradient(from 0deg,red 0deg,red 0deg 1deg,red 2deg)){.color-picker-trigger-swatch{background:linear-gradient(var(--picker-color),var(--picker-color)),repeating-conic-gradient(#d5deea 0% 25%,#f7f9fc 0% 50%) 0 / .75em .75em}}.color-picker-trigger-meta{text-align:left;font-size:.82rem;font-weight:700;color:#233447;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.color-picker-panel{position:absolute;left:0;top:calc(100% + .5em);width:min(17.5em,calc(100vw - 4.5em));padding:.625em;border-radius:.75em;border:.0625em solid var(--border);background:#fff;box-shadow:0 .875em 1.875em #1f2a372e;z-index:45;display:grid;grid-gap:.625em;gap:.625em;overflow:auto;overscroll-behavior:contain}.color-picker-panel[hidden]{display:none!important}.color-picker-sv-wrap{position:relative;border-radius:.625em;overflow:hidden;border:.0625em solid rgba(31,42,55,.18);background:#fff}.color-picker-sv{width:100%;height:8em;display:block;cursor:crosshair}.color-picker-sv-thumb{position:absolute;width:.875em;height:.875em;border-radius:62.4375em;border:.125em solid #fff;box-shadow:0 0 0 .0625em #1f2a378c;pointer-events:none;transform:translate(-50%,-50%)}.color-picker-row{display:grid;grid-template-columns:2.75em minmax(0,1fr) auto;align-items:center;grid-gap:.5em;gap:.5em}.color-picker-row.hex{grid-template-columns:2.75em minmax(0,1fr)}.color-picker-row label{font-size:.74rem;font-weight:700;color:#516579}.color-picker-slider{width:100%;min-height:1.125em!important;height:1.125em;padding:0!important;border:none!important;background:transparent!important;border-radius:62.4375em;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.color-picker-slider::-webkit-slider-runnable-track{height:.875em;border-radius:62.4375em;border:.0625em solid rgba(31,42,55,.18);background:#dfe7f2;background:var(--slider-bg, #dfe7f2)}.color-picker-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1em;height:1em;border-radius:62.4375em;background:#fff;border:.125em solid #1f2a37;margin-top:-.125em;box-shadow:0 .0625em .25em #1f2a3740}.color-picker-slider::-moz-range-track{height:.875em;border-radius:62.4375em;border:.0625em solid rgba(31,42,55,.18);background:#dfe7f2;background:var(--slider-bg, #dfe7f2)}.color-picker-slider::-moz-range-thumb{width:1em;height:1em;border-radius:62.4375em;background:#fff;border:.125em solid #1f2a37;box-shadow:0 .0625em .25em #1f2a3740}.color-picker-slider.hue{--slider-bg: linear-gradient( 90deg, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 16.6%, rgb(0, 255, 0) 33.2%, rgb(0, 255, 255) 49.8%, rgb(0, 0, 255) 66.4%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100% )}.color-picker-slider.alpha{--slider-bg: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), repeating-conic-gradient(#d5deea 0%,#d5deea 25%, #f7f9fc 0%, #f7f9fc 50%) 0 / .75em .75em}@supports (background: repeating-conic-gradient(from 0deg,red 0deg,red 0deg 1deg,red 2deg)){.color-picker-slider.alpha{--slider-bg: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), repeating-conic-gradient(#d5deea 0% 25%, #f7f9fc 0% 50%) 0 / .75em .75em}}.color-picker-alpha-readout{font-size:.76rem;font-weight:700;color:#516579;min-width:2.75em;text-align:right}.color-picker-hex{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.segmented-buttons{display:flex;gap:0;border:.0625rem solid var(--border);border-radius:.5rem;overflow:hidden;background:#fff;background:var(--surface-6, #ffffff);position:relative;z-index:1}.segmented-buttons.disabled{opacity:.5;pointer-events:none}.segmented-btn{flex:1 1 0;min-height:2rem;min-width:0;padding:.25rem .5rem;border:none;border-right:.0625rem solid var(--border);background:transparent;color:#1f2a37;color:var(--ink, #1f2a37);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:background-color .12s ease,color .12s ease}.segmented-btn:last-child{border-right:none}.segmented-btn:hover:not(.active):not(:disabled){background:#3aa0ff0f}.segmented-btn.active{background:var(--sky);color:#fff}.segmented-btn-icon{font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.segmented-btn-svg svg{width:1.25rem;height:1.25rem;display:block}.segmented-btn-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-switch{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;padding:.25rem 0;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;color:#1f2a37;color:var(--ink, #1f2a37)}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch-track{position:relative;width:2.25rem;height:1.25rem;border-radius:9999px;background:#d9e2ef;background:var(--border, #d9e2ef);transition:background-color .16s ease;flex-shrink:0}.toggle-switch.active .toggle-switch-track{background:#3aa0ff;background:var(--sky, #3aa0ff)}.toggle-switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s ease}.toggle-switch.active .toggle-switch-thumb{transform:translate(1rem)}.toggle-switch-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-card-group{display:grid;grid-gap:.375rem;gap:.375rem}.radio-card-group.disabled{opacity:.5;pointer-events:none}.radio-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:.0625rem solid var(--border);border-radius:.625rem;background:#fff;background:var(--surface-6, #ffffff);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.radio-card:hover:not(.active):not(:disabled){border-color:color-mix(in srgb,var(--sky) 50%,var(--border));background:#3aa0ff0a}.radio-card.active{border-color:var(--sky);background:#3aa0ff14;box-shadow:0 0 0 .125rem #3aa0ff24}.radio-card-icon{font-size:1.25rem;color:#1f2a37;color:var(--ink, #1f2a37);flex-shrink:0}.radio-card.active .radio-card-icon{color:var(--sky)}.radio-card-content{display:grid;grid-gap:.125rem;gap:.125rem;min-width:0}.radio-card-label{font-size:.82rem;font-weight:700;color:#1f2a37;color:var(--ink, #1f2a37)}.radio-card-desc{font-size:.72rem;font-weight:500;color:#607287;line-height:1.3}.colour-palette-picker{position:relative;width:100%}.colour-palette-trigger{display:inline-flex;max-width:100%;border:.0625rem solid var(--border);border-radius:.5rem;background:#fff;background:var(--surface-6, #ffffff);padding:0;cursor:pointer;font-family:inherit;transition:border-color .12s ease;overflow:hidden}.colour-palette-trigger:hover:not(:disabled){border-color:var(--sky)}.colour-palette-trigger.open{border-color:var(--sky);box-shadow:0 0 0 .125rem #3aa0ff26}.colour-palette-trigger:disabled{opacity:.5;cursor:default}.colour-palette-swatch-fill{display:block;height:2.25rem;width:4.5rem;min-width:1.5rem;flex-shrink:1}.colour-palette-opacity{font-size:.72rem;font-weight:600;color:#607287;padding:0 .5rem;min-width:3.9ch;display:flex;align-items:center;justify-content:center;background:#fff;background:var(--surface-6, #ffffff);border-left:.0625rem solid var(--border);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.colour-palette-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.colour-palette-panel{position:fixed;padding:.75rem;border-radius:.75rem;border:.0625rem solid var(--border);background:#fff;background:var(--surface-6, #ffffff);box-shadow:0 .875rem 1.875rem #1f2a372e;z-index:50;display:grid;grid-gap:.75rem;gap:.75rem;overflow:auto;overscroll-behavior:contain}.colour-palette-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.375rem;gap:.375rem}.colour-palette-chip{width:100%;aspect-ratio:1;border-radius:.375rem;border:.0625rem solid rgba(31,42,55,.15);cursor:pointer;position:relative;display:grid;align-items:center;justify-items:center;place-items:center;padding:0;transition:transform .1s ease,box-shadow .1s ease}.colour-palette-chip:hover{transform:scale(1.12);box-shadow:0 2px 6px #1f2a3733;z-index:1}.colour-palette-chip.selected{border-color:var(--sky);box-shadow:0 0 0 .125rem #3aa0ff4d}.colour-palette-chip-small{width:1.5rem;height:1.5rem;aspect-ratio:auto}.colour-palette-check svg{width:.875rem;height:.875rem;display:block}.colour-palette-section{display:grid;grid-gap:.375rem;gap:.375rem}.colour-palette-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#607287}.colour-palette-recent{display:flex;gap:.375rem}.colour-palette-opacity-row{display:flex;align-items:center;gap:.5rem}.colour-palette-opacity-value{min-width:3.9ch;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.colour-palette-opacity-slider{flex:1;height:.375rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,transparent,#1f2a37);background:linear-gradient(to right,transparent,var(--ink, #1f2a37));border-radius:9999px;outline:none}.colour-palette-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:.875rem;height:.875rem;border-radius:50%;background:#fff;border:.125rem solid #1f2a37;border:.125rem solid var(--ink, #1f2a37);box-shadow:0 1px 3px #0003;cursor:pointer}.colour-palette-opacity-slider::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:50%;background:#fff;border:.125rem solid #1f2a37;border:.125rem solid var(--ink, #1f2a37);box-shadow:0 1px 3px #0003;cursor:pointer}.colour-palette-opacity-value{font-size:.72rem;font-weight:700;color:#607287;min-width:2.5rem;text-align:right}.colour-palette-custom-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .375rem;border:.0625rem solid var(--border);border-radius:.5rem;background:transparent;font-family:inherit;font-size:.78rem;font-weight:600;color:#1f2a37;color:var(--ink, #1f2a37);cursor:pointer;transition:background-color .12s ease}.colour-palette-custom-btn:hover{background:#3aa0ff0f}.colour-palette-custom-icon{font-size:1.125rem}.inspector-section-group{display:grid;grid-gap:.625em;gap:.625em}.inspector-section-group-header{display:flex;align-items:center;gap:.5rem;padding:.25rem .25rem 0}.inspector-section-group-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7f8ea3}.inspector-section-group-line{flex:1;height:.0625rem;background:var(--border)}.panel-toggle-handle{position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;height:3.5rem;border:.0625rem solid var(--border);background:#f5f7fa;background:var(--surface-5, #f5f7fa);cursor:pointer;display:grid;align-items:center;justify-items:center;place-items:center;z-index:10;transition:background-color .12s ease}.panel-toggle-handle:hover{background:#e8ecf1;background:var(--surface-3, #e8ecf1)}.panel-toggle-handle-left{right:-1.25rem;border-radius:0 .375rem .375rem 0;border-left:none}.panel-toggle-handle-right{left:-1.25rem;border-radius:.375rem 0 0 .375rem;border-right:none}.panel-toggle-handle-icon{width:.75rem;height:.75rem;fill:none;stroke:#7f8ea3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.panel-toggle-handle-icon.collapsed{transform:rotate(180deg)}.first-use-tooltip{position:absolute;z-index:60;max-width:14rem;padding:.5rem .75rem;border-radius:.625rem;background:#3aa0ff;background:var(--sky, #3aa0ff);color:#fff;font-size:.76rem;font-weight:600;line-height:1.35;box-shadow:0 4px 12px #3aa0ff59;pointer-events:auto;animation:firstUseTooltipIn .3s ease both}.first-use-tooltip:after{content:"";position:absolute;width:.5rem;height:.5rem;background:#3aa0ff;background:var(--sky, #3aa0ff);transform:rotate(45deg)}.first-use-tooltip.above:after{bottom:-.25rem;left:50%;margin-left:-.25rem}.first-use-tooltip.below:after{top:-.25rem;left:50%;margin-left:-.25rem}.first-use-tooltip-dismiss{display:inline;margin-left:.375rem;border:none;background:transparent;color:#ffffffb3;font-size:.72rem;font-weight:700;cursor:pointer;padding:0;-webkit-text-decoration:underline;text-decoration:underline}.first-use-tooltip-dismiss:hover{color:#fff}@keyframes firstUseTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#buildMode{--build-left-floating-width: max(16rem, min(calc(18 * var(--w-1)), 18rem));--build-right-floating-width: max(15.75rem, min(calc(18 * var(--w-1)), 18.5rem));--build-left-panel-width: var(--build-left-floating-width);--build-right-panel-width: var(--build-right-floating-width);--build-zoom-panel-width: min( calc(100% - 2rem) , 20.25rem);--build-zoom-panel-height: 3.55rem;--build-panel-stack-gap: .85rem;--build-floating-offset: 1.4rem;--build-safe-left: calc(var(--build-collapsed-rail-width) + 1.55rem);--build-safe-right: calc(var(--build-collapsed-rail-width) + 1.55rem);--build-safe-top: max(6.8rem, min(calc(11 * var(--v-1)), 8.2rem));--build-safe-bottom: calc(var(--build-floating-offset) + var(--build-zoom-panel-height) + .85rem);--build-floating-panel-z: 4;--build-floating-menu-z: 5200;display:none;position:relative;z-index:1;height:100%;min-height:0;min-width:0;padding:0;overflow:hidden}#buildMode.active{display:block}#buildMode:not(.left-collapsed){--build-safe-left: calc(var(--build-left-floating-width) + 1.65rem)}#buildMode:not(.right-collapsed){--build-safe-right: calc(var(--build-right-floating-width) + 1.65rem)}#buildMode .canvas-panel{width:100%;height:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at top left,rgba(255,255,255,.74),transparent 30%),linear-gradient(180deg,#f5faffeb,#e7f0faf0);background:var( --build-canvas-panel-background, radial-gradient(circle at top left, rgba(255, 255, 255, .74), transparent 30%), linear-gradient(180deg, rgba(245, 250, 255, .92), rgba(231, 240, 250, .94)) );overflow:hidden}#buildMode .canvas-viewport{padding:var(--build-safe-top) var(--build-safe-right) var(--build-safe-bottom) var(--build-safe-left);border-width:0;border-radius:0;box-shadow:none;background:linear-gradient(rgba(184,198,216,.24) .0625em,transparent .0625em),linear-gradient(90deg,rgba(184,198,216,.24) .0625em,transparent .0625em),linear-gradient(180deg,#f1f6fcf5,#e5eef8fa);background:var( --build-canvas-viewport-background, linear-gradient(rgba(184, 198, 216, .24) .0625em, transparent .0625em), linear-gradient(90deg, rgba(184, 198, 216, .24) .0625em, transparent .0625em), linear-gradient(180deg, rgba(241, 246, 252, .96), rgba(229, 238, 248, .98)) );background-size:1.5rem 1.5rem,1.5rem 1.5rem,auto;background-size:var(--build-canvas-viewport-background-size, 1.5rem 1.5rem, 1.5rem 1.5rem, auto);overflow:hidden}#buildMode .canvas-scroll-shell{width:100%;height:100%;margin:0}#buildMode .build-floating-panel{position:absolute;top:var(--build-floating-offset);bottom:var(--build-floating-offset);z-index:var(--build-floating-panel-z);min-height:0;overflow:hidden;border-radius:1.35rem;background:#ffffffe0;border:var(--build-floating-panel-border, .0625rem solid color-mix(in srgb, var(--border) 82%, white));box-shadow:0 1.25rem 2.4rem #12263f2e,0 .15rem .45rem #12263f14;box-shadow:var( --build-floating-panel-shadow, 0 1.25rem 2.4rem rgba(18, 38, 63, .18), 0 .15rem .45rem rgba(18, 38, 63, .08) );-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:var(--build-floating-panel-backdrop, blur(1.25rem));backdrop-filter:var(--build-floating-panel-backdrop, blur(1.25rem));box-sizing:border-box;background-clip:padding-box}@supports (color: color-mix(in lch,red,blue)){#buildMode .build-floating-panel{background:var(--build-floating-panel-background, color-mix(in srgb, var(--card) 88%, transparent))}}#buildMode .slide-panel{left:var(--build-floating-offset);width:var(--build-left-panel-width);height:auto;max-height:none;max-width:min(100% - 2rem,var(--build-left-panel-width));bottom:var(--build-floating-offset);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}#buildMode .inspector-panel{right:var(--build-floating-offset);width:var(--build-right-panel-width);height:auto;max-height:none;max-width:min(100% - 2rem,var(--build-right-panel-width));display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;overflow:hidden}#buildMode .build-zoom-panel{position:absolute;left:50%;bottom:var(--build-floating-offset);z-index:var(--build-floating-panel-z);width:var(--build-zoom-panel-width);min-height:var(--build-zoom-panel-height);max-width:calc(100% - 2rem);display:flex;gap:.45rem;align-items:center;justify-content:center;padding:.35rem .5rem;border:0;border:var(--build-zoom-panel-border, 0);border-radius:1.25rem;background:#ffffffe0;box-shadow:0 1.25rem 2.4rem #12263f2e,0 .15rem .45rem #12263f14;box-shadow:var( --build-zoom-panel-shadow, 0 1.25rem 2.4rem rgba(18, 38, 63, .18), 0 .15rem .45rem rgba(18, 38, 63, .08) );-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:var(--build-zoom-panel-backdrop, blur(1.25rem));backdrop-filter:var(--build-zoom-panel-backdrop, blur(1.25rem));transform:translate(-50%);box-sizing:border-box;background-clip:padding-box}@supports (color: color-mix(in lch,red,blue)){#buildMode .build-zoom-panel{background:var(--build-zoom-panel-background, color-mix(in srgb, var(--card) 88%, transparent))}}.slide-panel-cap{background:linear-gradient(180deg,#fffc,#f1f7ffa3);background:var( --build-panel-header-background, linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(241, 247, 255, .64)) );border-bottom:var(--build-panel-header-border, .0625rem solid var(--border))}.slide-panel-titlebar{padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.625rem}.slide-panel-heading{display:inline-flex;align-items:center;gap:.4rem}.slide-panel-titlebar h2{margin:0;font-size:1rem;font-weight:800}.slide-panel-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}#buildMode .build-zoom-panel .canvas-zoom-controls{min-height:calc(var(--build-zoom-panel-height) - .7rem);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;background-clip:padding-box}#buildMode .build-zoom-panel .canvas-zoom-controls{width:100%;min-width:0;display:grid;grid-template-columns:auto auto auto minmax(4.75rem,1fr) auto auto;align-items:center;grid-gap:.3rem;gap:.3rem}#buildMode .build-zoom-panel .canvas-zoom-fit,#buildMode .build-zoom-panel .canvas-zoom-step{flex:0 0 auto;min-height:1.7rem;height:1.7rem;padding:0 .28rem;min-width:1.8rem;border:0;background:transparent;box-shadow:none}#buildMode .build-zoom-panel .canvas-zoom-slider{min-width:4.75rem;width:auto;max-width:none;margin:0}#buildMode .build-zoom-panel .canvas-zoom-value{min-width:2.35rem;font-size:.74rem;justify-self:end}.inspector-shell-cap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:.55rem;gap:.55rem;padding:.55rem .6rem 0;min-height:4.15rem;background:var(--inspector-cap-background, color-mix(in srgb, var(--surface-accent-1) 74%, var(--sky) 26%))}.app-shell[data-theme=classic-studio] .inspector-header-tab:not(.active){border:0;background-clip:border-box}.app-shell[data-theme=classic-studio] .inspector-header-tab.active{border:0;background-clip:border-box}.inspector-tab-rail{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end;align-self:stretch;min-height:3.6rem}.inspector-header-tabs{display:inline-flex;align-items:flex-end;gap:.18rem;min-width:0;position:relative;isolation:isolate}.inspector-header-tab{position:relative;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:0 1.5rem;border:var(--inspector-tab-border, .0625rem solid color-mix(in srgb, var(--surface-contrast) 14%, transparent));border-bottom:0;border-radius:1.1rem 1.1rem 0 0;background:var(--inspector-tab-background, color-mix(in srgb, var(--surface-accent-1) 72%, var(--sky) 28%));color:var(--inspector-tab-color, color-mix(in srgb, white 76%, var(--ink) 24%));font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:none;box-shadow:var(--inspector-tab-shadow, none);transform:none;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s ease,min-height .14s ease;z-index:1;box-sizing:border-box;background-clip:padding-box}.inspector-header-tab-stack{display:grid;align-items:center;justify-items:center;place-items:center}.inspector-header-tab-stack>*{grid-area:1 / 1}.inspector-header-tab-sizer{visibility:hidden;white-space:nowrap;line-height:1}.inspector-header-tab-label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;text-align:center;transform:translateY(0);transition:color .14s ease,transform .14s ease}.inspector-header-tab.active{min-height:3.35rem;background:var(--inspector-tab-active-background, color-mix(in srgb, var(--card) 94%, var(--surface-5) 6%));color:var(--inspector-tab-active-color, var(--ink));border:var(--inspector-tab-active-border, .0625rem solid color-mix(in srgb, var(--border) 82%, white));border-bottom:0;box-shadow:none;box-shadow:var(--inspector-tab-active-shadow, none);z-index:3}.inspector-header-tab:not(.active):hover{color:#fff;background:color-mix(in srgb,var(--surface-accent-1) 58%,var(--sky) 42%)}.app-shell[data-theme=classic-studio] .inspector-header-tab:not(.active):hover{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--sky) 82%,black),#15479c);min-height:3.35rem;transform:none}.app-shell[data-theme=classic-studio] .inspector-header-tab:not(.active):hover .inspector-header-tab-label{transform:translateY(-.08rem)}.app-shell[data-theme=classroom-story] .inspector-header-tab:not(.active):hover{color:#fbf6ea;background:#417c91;min-height:3.35rem;transform:none}.app-shell[data-theme=classroom-story] .inspector-header-tab:not(.active):hover .inspector-header-tab-label{transform:translateY(-.08rem)}.app-shell[data-theme=misty-morning] .inspector-header-tab:not(.active):hover{color:#f7f9fb;background:#6b7987}.inspector-panel-actions{flex:0 0 auto;align-self:end;padding:0 .25rem .55rem 0;position:relative;z-index:3}.inspector-panel-actions .btn{background:var(--inspector-action-button-background, color-mix(in srgb, var(--card) 88%, var(--surface-5) 12%));border:.0625rem solid transparent;border:var(--inspector-action-button-border, .0625rem solid transparent);box-sizing:border-box;background-clip:padding-box}.inspector-shell-body{position:relative;z-index:2;display:flex;flex:1 1 auto;min-height:0;min-width:0;background:var(--inspector-body-background, color-mix(in srgb, var(--card) 94%, var(--surface-5) 6%))}.inspector-content,.layers-panel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:.8rem .75rem .9rem;margin-top:0;border:0;border-radius:0;background:transparent;box-shadow:none}#buildMode .inspector-group{border:0;border-radius:0;background:transparent;padding:0;gap:.55rem}#buildMode .inspector-group+.inspector-group{padding-top:.8rem;border-top:.0625rem solid color-mix(in srgb,var(--border) 58%,transparent)}#buildMode .field{gap:.28rem}.inspector-inline-help{margin-top:.35rem}.inspector-action-row{display:flex;flex-wrap:wrap;gap:.5rem}.hotspot-shape-action-row{align-items:center;justify-content:space-between}.hotspot-inline-toggle{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-left:auto}.build-inspector-label{margin-bottom:.45rem;font-size:.82rem;font-weight:700}.inspector-toggle-list{display:flex;flex-wrap:nowrap;gap:.35rem}.guide-toggle-control{display:inline-flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:.25rem}.inspector-toggle-chip{min-height:2rem;padding-left:.55rem;padding-right:.55rem}.guide-toggle-label{font-size:.78rem;opacity:.78;line-height:1}.build-floating-controls{position:absolute;top:1.1rem;right:1.4rem;bottom:auto;left:1.4rem;z-index:5;pointer-events:none;min-height:4rem}.build-floating-cluster{position:absolute;pointer-events:auto}.build-tools-cluster{left:50%;top:0;display:inline-flex;align-items:center;gap:.65rem;transform:translate(-50%);pointer-events:none}.build-tools-cluster .build-insert-cluster{position:static;left:auto;top:auto;transform:scale(1);transform:scale(var(--build-insert-scale, 1))}.build-history-cluster{pointer-events:auto}.build-file-cluster{left:0;top:.2rem;display:inline-flex;align-items:center;gap:.625rem}.build-cloud-sync-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem .375rem .625rem;border:0;border-radius:999px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;pointer-events:auto;box-shadow:0 .25rem .75rem #0f28461f;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.build-cloud-sync-pill:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 .5rem 1rem #0f284629}.build-cloud-sync-pill:focus-visible{outline:2px solid rgba(30,136,229,.7);outline-offset:2px}@supports (color: color-mix(in lch,red,blue)){.build-cloud-sync-pill:focus-visible{outline:2px solid color-mix(in srgb,var(--sky, #1e88e5) 70%,transparent)}}.build-cloud-sync-pill .material-symbols-outlined{font-size:1rem}.build-cloud-sync-pill--synced{background:#409ae9;color:#fff}@supports (color: color-mix(in lch,red,blue)){.build-cloud-sync-pill--synced{background:color-mix(in srgb,var(--sky, #1e88e5) 85%,#ffffff 15%)}}.build-cloud-sync-pill--ahead{background:#f7af22;color:#2a1d00}.map-help-anchor,.map-toolbar-help-anchor,.map-zoom-help-anchor{display:inline-flex;align-items:stretch}.map-toolbar-help-anchor .map-floating-toolbar-copy{cursor:default}.build-insert-cluster{left:50%;top:0;transform:translate(-50%) scale(1);transform:translate(-50%) scale(var(--build-insert-scale, 1));transform-origin:top center;display:inline-flex;align-items:stretch;gap:.5rem;padding:.5rem;border:0;border:var(--build-insert-cluster-border, 0);border-radius:1.35rem;background:#f8fbffe6;box-shadow:0 1rem 2rem #14243424;box-shadow:var(--build-insert-cluster-shadow, 0 1rem 2rem rgba(20, 36, 52, .14));-webkit-backdrop-filter:blur(1.1rem);backdrop-filter:blur(1.1rem);-webkit-backdrop-filter:var(--build-insert-cluster-backdrop, blur(1.1rem));backdrop-filter:var(--build-insert-cluster-backdrop, blur(1.1rem));box-sizing:border-box;background-clip:padding-box;pointer-events:none}@supports (color: color-mix(in lch,red,blue)){.build-insert-cluster{background:var(--build-insert-cluster-background, color-mix(in srgb, var(--surface-1) 90%, transparent))}}.build-insert-cluster .build-tool-help-anchor,.build-insert-cluster .build-tool-btn{pointer-events:auto}.build-insert-cluster[data-compact=true]{gap:.34rem;padding:.38rem;border-radius:1rem}.build-menu-wrap{position:relative}.build-icon-btn{width:3rem;min-width:3rem;min-height:3rem;padding:0;border-radius:1rem;border:var(--build-icon-button-border, .0625em solid var(--border));background:var(--build-icon-button-background, color-mix(in srgb, var(--surface-1) 92%, transparent));box-shadow:0 .9rem 1.8rem #1424341f;box-shadow:var(--build-icon-button-shadow, 0 .9rem 1.8rem rgba(20, 36, 52, .12));box-sizing:border-box;background-clip:padding-box}.build-icon-glyph{display:inline-flex;width:1.4rem;height:1.4rem}.build-icon-glyph svg{width:100%;height:100%;fill:currentColor}.build-floating-menu{position:fixed;top:0;left:0;z-index:var(--build-floating-menu-z);width:min(15.25rem,calc(100vw - 2rem));padding:.72rem;border:.0625rem solid rgba(175,191,213,.95);border:var(--build-floating-menu-border, .0625rem solid rgba(175, 191, 213, .95));border-radius:1.2rem;background:var(--build-floating-menu-background, var(--card));box-shadow:0 1.25rem 2.5rem #12263f2e;box-shadow:var(--build-floating-menu-shadow, 0 1.25rem 2.5rem rgba(18, 38, 63, .18));-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;grid-gap:.65rem;gap:.65rem;box-sizing:border-box;background-clip:padding-box}.build-floating-menu-title-group,.build-floating-menu-actions-group,.build-floating-menu-settings-group{display:grid;grid-gap:.5rem;gap:.5rem}.build-menu-label{font-size:.78rem;font-weight:800;color:var(--text-label)}.build-menu-setting-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding-top:.2rem;border-top:.0625rem solid color-mix(in srgb,var(--border) 58%,transparent)}.build-menu-setting-copy{display:flex;align-items:center;min-width:0}.build-help-toggle{min-width:4.5rem;min-height:1.85rem;padding:0;border:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:space-between;gap:.45rem;cursor:pointer}.build-help-toggle-track{width:2rem;height:1.2rem;border-radius:999px;background:color-mix(in srgb,var(--border) 72%,white);position:relative;transition:background-color .16s ease}.build-help-toggle-thumb{position:absolute;top:.13rem;left:.14rem;width:.94rem;height:.94rem;border-radius:50%;background:#fff;box-shadow:0 .15rem .35rem #1f2a372e;transition:transform .16s ease}.build-help-toggle.active .build-help-toggle-track{background:#46c56f}.build-help-toggle.active .build-help-toggle-thumb{transform:translate(.78rem)}.build-help-toggle-label{font-size:.78rem;font-weight:800;line-height:1}.build-menu-action-help-anchor,.build-tool-help-anchor{display:block}.build-menu-item{width:100%;border:0;border-radius:.72rem;background:transparent;box-shadow:none;min-height:2.1rem;padding:.4rem .55rem;display:flex;align-items:center;justify-content:flex-start;text-align:left;font:inherit;font-size:.96rem;font-weight:600;color:var(--ink);cursor:pointer}.build-menu-item:hover:not(:disabled){outline:none;background:#ffffffb8;box-shadow:none}@supports (color: color-mix(in lch,red,blue)){.build-menu-item:hover:not(:disabled){background:color-mix(in srgb,var(--build-control-background, var(--surface-5, #fff)) 72%,transparent)}}.app-shell[data-theme=classic-studio] .build-menu-item:hover:not(:disabled){background:color-mix(in srgb,rgb(57,153,182) 28%,var(--surface-panel) 72%)}.build-menu-item:disabled{opacity:.45;cursor:default}.build-menu-item--muted{opacity:.65;font-size:.85em}.build-menu-note{display:grid;grid-gap:.2rem;gap:.2rem;padding:.15rem .2rem .1rem}.build-menu-note p{margin:0;font-size:.76rem;line-height:1.35;color:#6a7b8d;color:var(--ink-muted, #6a7b8d)}.build-menu-note.urgent p:first-child{color:#8a5a00;color:var(--warning-text, #8a5a00);font-weight:700}.build-tool-btn{position:relative;min-width:4.9rem;min-height:4.4rem;padding:.55rem .75rem;border-radius:1rem;border:var(--build-tool-button-border, .0625em dashed var(--border));display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem;background:var(--build-tool-button-background, color-mix(in srgb, var(--surface-6) 92%, white));box-shadow:none;box-shadow:var(--build-tool-button-shadow, none);box-sizing:border-box;background-clip:padding-box}.build-tool-btn-more .build-tool-badge .material-symbols-outlined{font-size:1.35rem;line-height:1}.build-next-action-cue{position:fixed;display:inline-flex;align-items:center;gap:.42rem;box-sizing:border-box;min-width:-moz-max-content;min-width:max-content;max-width:min(15rem,calc(100vw - 1.25rem));padding:.5rem .48rem .5rem .72rem;border:0;border-radius:.55rem;background:#000;color:#fff;box-shadow:0 .7rem 1.55rem #00000047;font-size:.84rem;font-weight:700;line-height:1.15;pointer-events:auto;transition:opacity .18s ease;z-index:9800;z-index:var(--top-overlay-z, 9800)}.build-next-action-cue--measure{left:0;top:0;visibility:hidden;pointer-events:none;z-index:-1}.build-next-action-cue--handoff{min-width:0;max-width:none}.build-next-action-cue[data-moving=true]{transition:left .38s cubic-bezier(.22,1,.36,1),top .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1);transition:left var(--cue-handoff-resize-duration, .38s) cubic-bezier(.22,1,.36,1),top var(--cue-handoff-resize-duration, .38s) cubic-bezier(.22,1,.36,1),width var(--cue-handoff-resize-duration, .38s) cubic-bezier(.22,1,.36,1),height var(--cue-handoff-resize-duration, .38s) cubic-bezier(.22,1,.36,1);pointer-events:none}.build-next-action-cue-text{position:relative;display:inline-grid;align-items:center;min-width:0}.build-next-action-cue--handoff .build-next-action-cue-text{display:block;flex:1 1 auto;align-self:stretch;min-width:0;overflow:hidden}.build-next-action-cue-text-old,.build-next-action-cue-text-new{grid-area:1 / 1;white-space:normal}.build-next-action-cue--handoff .build-next-action-cue-text-old,.build-next-action-cue--handoff .build-next-action-cue-text-new{position:absolute;left:0;top:50%;max-width:100%;transform:translateY(-50%)}.build-next-action-cue-text-old{animation:build-cue-text-out 1.12s linear both;animation:build-cue-text-out var(--cue-handoff-duration, 1.12s) linear both}.build-next-action-cue-text-new{animation:build-cue-text-in 1.12s linear both;animation:build-cue-text-in var(--cue-handoff-duration, 1.12s) linear both}@keyframes build-cue-text-out{0%{opacity:1}33%,to{opacity:0}}@keyframes build-cue-text-in{0%,66%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.build-next-action-cue[data-moving=true]{transition:none}.build-next-action-cue-text-old,.build-next-action-cue-text-new{animation:none}}.build-next-action-cue:before,.build-next-action-cue:after{content:"";position:absolute;left:50%;left:var(--cue-arrow-x, 50%);pointer-events:none}.build-next-action-cue:before{width:.5rem;height:1.18rem;margin-left:-.25rem;background:#000}.build-next-action-cue:after{width:0;height:0;margin-left:-.68rem;border-left:.68rem solid transparent;border-right:.68rem solid transparent}.build-next-action-cue[data-placement=top]:before{top:calc(100% - .02rem)}.build-next-action-cue[data-placement=top]:after{top:calc(100% + .98rem);border-top:.82rem solid #000000}.build-next-action-cue[data-placement=bottom]:before{bottom:calc(100% - .02rem)}.build-next-action-cue[data-placement=bottom]:after{bottom:calc(100% + .98rem);border-bottom:.82rem solid #000000}.build-next-action-cue[data-placement=left]:before,.build-next-action-cue[data-placement=right]:before{top:50%;top:var(--cue-arrow-y, 50%);left:auto;width:1.18rem;height:.5rem;margin-top:-.25rem;margin-left:0}.build-next-action-cue[data-placement=left]:before{left:calc(100% - .02rem)}.build-next-action-cue[data-placement=right]:before{right:calc(100% - .02rem)}.build-next-action-cue[data-placement=left]:after,.build-next-action-cue[data-placement=right]:after{top:50%;top:var(--cue-arrow-y, 50%);left:auto;width:0;height:0;margin-top:-.68rem;margin-left:0;border-top:.68rem solid transparent;border-bottom:.68rem solid transparent;border-left:0;border-right:0}.build-next-action-cue[data-placement=left]:after{left:calc(100% + .98rem);border-left:.82rem solid #000000}.build-next-action-cue[data-placement=right]:after{right:calc(100% + .98rem);border-right:.82rem solid #000000}.build-next-action-cue-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;font-size:1rem;font-family:inherit;line-height:1;opacity:.82}.build-next-action-cue-close:hover,.build-next-action-cue-close:focus-visible{background:#ffffff2e;color:#fff;opacity:1}.build-tool-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;min-height:2.25rem;padding:0 .22rem;border-radius:.8rem;background:var(--build-tool-badge-surface, var(--tool-badge-background));color:var(--text-ribbon-active);font-size:.82rem;font-weight:900;box-sizing:border-box;background-clip:padding-box}.build-tool-badge-svg{padding:0}.build-tool-badge-svg svg{width:1.95rem;height:1.95rem;display:block}.build-tool-badge-sky{color:var(--sky)}.build-tool-badge-mint{color:var(--mint)}.build-tool-badge-plum{color:#7a4aa8}.build-tool-badge-amber{color:#c58a3d}.build-tool-badge-coral{color:#b7656c}.build-tool-badge-gold{color:#c59a23}.build-tool-badge-teal{color:#69aeb8;--build-tool-cube-fill: #d7eef3}.build-tool-label{font-size:.78rem;font-weight:800}.build-insert-cluster[data-compact=true] .build-tool-label{display:none}.app-shell:not([data-theme=misty-morning]) .build-tool-btn{width:4.8rem;min-width:4.8rem;min-height:4.8rem;padding:.4rem .56rem .34rem;gap:.16rem;background:var(--build-tool-badge-surface, var(--tool-badge-background))}.app-shell:not([data-theme=misty-morning]) .build-tool-btn .build-tool-badge{min-width:2.6rem;min-height:2.45rem;padding:0;background:transparent}.app-shell:not([data-theme=misty-morning]) .build-tool-badge-svg svg{width:2.54rem;height:2.54rem}.app-shell:not([data-theme=misty-morning]) .build-tool-label{line-height:1}.app-shell:not([data-theme=misty-morning]) .build-insert-cluster[data-compact=true] .build-tool-btn,.app-shell[data-theme=misty-morning] .build-insert-cluster[data-compact=true] .build-tool-btn{width:3.15rem;min-width:3.15rem;min-height:3.1rem;padding:.28rem;gap:0}.app-shell:not([data-theme=misty-morning]) .build-insert-cluster[data-compact=true] .build-tool-btn .build-tool-badge,.app-shell[data-theme=misty-morning] .build-insert-cluster[data-compact=true] .build-tool-btn .build-tool-badge{min-width:2.35rem;min-height:2.35rem}.app-shell:not([data-theme=misty-morning]) .build-insert-cluster[data-compact=true] .build-tool-badge-svg svg,.app-shell[data-theme=misty-morning] .build-insert-cluster[data-compact=true] .build-tool-badge-svg svg{width:2.22rem;height:2.22rem}.app-shell[data-theme=misty-morning] .build-tool-btn{width:4.8rem;min-width:4.8rem;border:0;min-height:4.8rem;padding:.4rem .56rem .34rem;gap:.16rem;background:transparent;box-shadow:none;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.app-shell[data-theme=misty-morning] .build-tool-btn:hover{background:#d1d6dceb;background:var(--build-tool-button-surface-hover, var(--build-tool-button-surface, rgba(209, 214, 220, .92)));box-shadow:0 .75rem 1.45rem #39445229;box-shadow:var(--build-tool-button-shadow-hover, 0 .75rem 1.45rem rgba(57, 68, 82, .16));transform:translateY(-.0625rem)}.app-shell[data-theme=misty-morning] .build-tool-btn:active{background:#d1d6dceb;background:var(--build-tool-button-surface-hover, var(--build-tool-button-surface, rgba(209, 214, 220, .92)));box-shadow:0 .35rem .85rem #39445221;box-shadow:var(--build-tool-button-shadow-active, 0 .35rem .85rem rgba(57, 68, 82, .13));transform:translateY(0)}.app-shell[data-theme=misty-morning] .build-tool-btn .build-tool-badge{background:transparent}.app-shell[data-theme=misty-morning] .build-tool-badge-svg svg{width:2.54rem;height:2.54rem}.app-shell[data-theme=misty-morning] .build-tool-label{line-height:1}.app-shell .layer-order-icon.build-tool-badge-svg svg{width:1.12rem;height:1.12rem}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=sky]{--build-tool-button-surface: rgb(192, 208, 223);--build-tool-button-surface-hover: rgb(176, 196, 217);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(52, 80, 120, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(52, 80, 120, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=mint]{--build-tool-button-surface: rgb(196, 218, 212);--build-tool-button-surface-hover: rgb(179, 208, 200);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(63, 119, 109, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(63, 119, 109, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=plum]{--build-tool-button-surface: rgb(213, 202, 224);--build-tool-button-surface-hover: rgb(201, 183, 219);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(108, 61, 150, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(108, 61, 150, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=amber]{--build-tool-button-surface: rgb(223, 210, 182);--build-tool-button-surface-hover: rgb(214, 196, 153);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(176, 118, 41, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(176, 118, 41, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=coral]{--build-tool-button-surface: rgb(221, 196, 201);--build-tool-button-surface-hover: rgb(210, 176, 183);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(176, 85, 99, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(176, 85, 99, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=gold]{--build-tool-button-surface: rgb(224, 209, 165);--build-tool-button-surface-hover: rgb(213, 195, 138);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(175, 134, 21, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(175, 134, 21, .22)}.app-shell[data-theme=misty-morning] .build-tool-btn[data-tone=teal]{--build-tool-button-surface: rgb(195, 216, 220);--build-tool-button-surface-hover: rgb(177, 203, 210);--build-tool-button-shadow-hover: 0 .75rem 1.45rem rgba(76, 149, 162, .28);--build-tool-button-shadow-active: 0 .35rem .85rem rgba(76, 149, 162, .22)}.app-shell[data-theme=misty-morning] .build-tool-badge-sky{color:#234f8b}.app-shell[data-theme=misty-morning] .build-tool-badge-mint{color:#2f8677}.app-shell[data-theme=misty-morning] .build-tool-badge-plum{color:#7d2fb1}.app-shell[data-theme=misty-morning] .build-tool-badge-amber{color:#c47a12}.app-shell[data-theme=misty-morning] .build-tool-badge-coral{color:#c4485e}.app-shell[data-theme=misty-morning] .build-tool-badge-gold{color:#be9100}.app-shell[data-theme=misty-morning] .build-tool-badge-teal{color:#3599ac;--build-tool-cube-fill: #d3edf4}.app-shell[data-simple-mode=true] .mode-tabs{display:none}.app-shell[data-simple-mode=true] .workspace{padding-bottom:5rem;padding-left:5.5rem}.app-shell[data-simple-mode=true] .workspace:has(.simple-map-view),.app-shell[data-simple-mode=true] .workspace:has(#mapMode){padding-left:0}.app-shell[data-simple-mode=true] .build-insert-cluster,.app-shell[data-simple-mode=true] .build-history-cluster{display:none}.app-shell[data-simple-mode=true] .crafting-tray{display:flex;flex-direction:column;align-items:center;position:fixed;left:0;top:4.125rem;bottom:5.5rem;width:5.5rem;z-index:3;background:#f0f0f0;background:var(--surface-2, #f0f0f0);border-right:1px solid rgba(0,0,0,.08);border-right:1px solid var(--border, rgba(0, 0, 0, .08));padding:1.25rem 0 1rem;box-sizing:border-box;overflow:hidden}.app-shell[data-simple-mode=true] .bottom-action-bar{display:flex;justify-content:center;align-items:center;gap:.25rem;position:fixed;bottom:0;left:0;right:0;z-index:50;height:5rem;padding:.5rem 1.5rem calc(.5rem + env(safe-area-inset-bottom,0px));background:#ffffffd9;background:var(--surface-contrast, rgba(255, 255, 255, .85));-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);border-top:1px solid rgba(0,0,0,.06);border-top:1px solid var(--border, rgba(0, 0, 0, .06))}.app-shell[data-simple-mode=true] .topbar-actions{visibility:visible;display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.app-shell[data-simple-mode=true] .topbar-play-btn{display:flex;align-items:center;gap:.375rem;padding:0 1.25rem;min-height:2.75rem;border-radius:9999px;font-weight:800}.app-shell[data-simple-mode=true] .toast{bottom:6rem}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-fit,.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border:2px solid rgba(0,0,0,.12);border:2px solid var(--border, rgba(0, 0, 0, .12));border-radius:50%;background:#fff;background:var(--surface-contrast, #ffffff);color:#333;color:var(--text-primary, #333);display:flex;align-items:center;justify-content:center;padding:0}.app-shell[data-first-edit-focus=true]{--first-edit-panel-fade-filter: saturate(.6) brightness(1.04) contrast(.9);--first-edit-panel-focus-filter: saturate(.96) brightness(1) contrast(.98)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true]{--first-edit-panel-fade-backdrop: #fdf9ea;--first-edit-panel-fade-background: color-mix(in srgb, #fffbff 76%, var(--first-edit-panel-fade-backdrop) 24%);--first-edit-panel-fade-body-background: color-mix( in srgb, rgba(253, 249, 234, .96) 72%, var(--first-edit-panel-fade-backdrop) 28% );--first-edit-panel-fade-border: rgba(57, 56, 47, .08);--first-edit-panel-fade-shadow: rgba(101, 76, 37, .086);--first-edit-panel-fade-cap: color-mix(in srgb, #ff9100 56%, var(--first-edit-panel-fade-backdrop) 44%);--first-edit-panel-fade-filter: saturate(.82) brightness(1.02) contrast(.92);--first-edit-panel-focus-filter: saturate(1) brightness(1) contrast(.98);--first-edit-tool-cluster-background: color-mix(in srgb, rgba(253, 249, 234, .94) 76%, var(--first-edit-panel-fade-backdrop) 24%);--first-edit-tool-cluster-border: rgba(57, 56, 47, .06);--first-edit-tool-cluster-shadow: color-mix(in srgb, rgba(57, 56, 47, .08) 76%, var(--first-edit-panel-fade-backdrop) 24%);--first-edit-tool-button-background: color-mix(in srgb, #f8f4e4 68%, var(--first-edit-panel-fade-backdrop) 32%);--first-edit-tool-button-border: rgba(57, 56, 47, .09);--first-edit-tool-label: rgba(57, 56, 47, .62);--first-edit-tool-sky: color-mix(in srgb, #ff9100 56%, var(--first-edit-panel-fade-backdrop) 44%);--first-edit-tool-mint: color-mix(in srgb, #00751f 56%, var(--first-edit-panel-fade-backdrop) 44%);--first-edit-tool-plum: color-mix(in srgb, #b33263 56%, var(--first-edit-panel-fade-backdrop) 44%);--first-edit-tool-gold: color-mix(in srgb, #ffd700 56%, var(--first-edit-panel-fade-backdrop) 44%)}.app-shell[data-first-edit-focus=true] .crafting-tray,.app-shell[data-first-edit-focus=true] .build-insert-cluster,.app-shell[data-first-edit-focus=true] .bottom-action-bar,.app-shell[data-first-edit-focus=true] #buildMode .build-zoom-panel{opacity:.38;filter:saturate(.72);transition:opacity .16s ease,filter .16s ease,transform .16s ease}.app-shell[data-first-edit-focus=true] .slide-panel.build-floating-panel,.app-shell[data-first-edit-focus=true] .inspector-panel.build-floating-panel{opacity:1;filter:var(--first-edit-panel-fade-filter);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .slide-panel.build-floating-panel,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .inspector-panel.build-floating-panel{background:var(--first-edit-panel-fade-background);border-color:var(--first-edit-panel-fade-border);box-shadow:0 8px 0 0 var(--first-edit-panel-fade-shadow)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel-cap{background:var(--first-edit-panel-fade-cap);transition:background .16s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel-body{background:var(--first-edit-panel-fade-body-background);transition:background .16s ease}.app-shell[data-first-edit-focus=true] .crafting-tray:hover,.app-shell[data-first-edit-focus=true] .crafting-tray:focus-within,.app-shell[data-first-edit-focus=true] .build-insert-cluster:hover,.app-shell[data-first-edit-focus=true] .build-insert-cluster:focus-within,.app-shell[data-first-edit-focus=true] .bottom-action-bar:hover,.app-shell[data-first-edit-focus=true] .bottom-action-bar:focus-within,.app-shell[data-first-edit-focus=true] #buildMode .build-zoom-panel:hover,.app-shell[data-first-edit-focus=true] #buildMode .build-zoom-panel:focus-within{opacity:.86;filter:saturate(.92)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-insert-cluster,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-history-controls{opacity:1;filter:none;background:var(--first-edit-tool-cluster-background);border-color:var(--first-edit-tool-cluster-border);box-shadow:0 8px 0 0 var(--first-edit-tool-cluster-shadow);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-history-controls{box-shadow:0 4px 0 var(--first-edit-tool-cluster-shadow)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-history-btn{background:var(--first-edit-tool-button-background);border-color:var(--first-edit-tool-button-border);color:var(--first-edit-tool-label);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .15s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-history-btn:disabled{background:var(--first-edit-tool-button-background);border-color:#39382f14;color:#39382f5c}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-label{color:var(--first-edit-tool-label);transition:color .16s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge{transition:color .16s ease}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-sky,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-amber{color:var(--first-edit-tool-sky)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-mint,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-teal{color:var(--first-edit-tool-mint)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-plum,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-coral{color:var(--first-edit-tool-plum)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-badge-gold{color:var(--first-edit-tool-gold)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-insert-cluster,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-insert-cluster,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-insert-cluster,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-history-controls,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-history-controls,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-history-controls{background:#fdf9eaf0;border-color:#39382f14;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-history-controls,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-history-controls,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-history-controls{box-shadow:0 4px #39382f14}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-history-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-history-btn,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-history-btn{background:#f8f4e4;border-color:#39382f26;color:#39382f}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-history-btn:disabled,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-history-btn:disabled,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-history-btn:disabled{background:#f8f4e4;border-color:#39382f1f;color:#39382f6b}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-label,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-label,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-label{color:inherit}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-sky,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-sky,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-amber,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-amber,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-sky,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-amber{color:#ff9100}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-mint,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-mint,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-teal,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-teal,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-mint,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-teal{color:#00751f}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-plum,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-plum,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-coral,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-coral,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-plum,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-coral{color:#b33263}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-insert-cluster:hover) .build-tool-badge-gold,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:has(.build-history-controls:hover) .build-tool-badge-gold,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tools-cluster:focus-within .build-tool-badge-gold{color:gold}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-tool-btn:hover,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .build-history-btn:not(:disabled):hover{background:#f2eedd;box-shadow:0 4px #39382f1a}.app-shell[data-first-edit-focus=true] .slide-panel.build-floating-panel:hover,.app-shell[data-first-edit-focus=true] .slide-panel.build-floating-panel:focus-within,.app-shell[data-first-edit-focus=true] .inspector-panel.build-floating-panel:hover,.app-shell[data-first-edit-focus=true] .inspector-panel.build-floating-panel:focus-within{filter:var(--first-edit-panel-focus-filter)}.app-shell[data-story-sparks-focus=true] .build-insert-cluster,.app-shell[data-story-sparks-focus=true] #buildMode .build-zoom-panel,.app-shell[data-story-sparks-focus=true] #buildMode .slide-panel.build-floating-panel,.app-shell[data-story-sparks-focus=true] #buildMode .inspector-panel.build-floating-panel{opacity:.58;filter:saturate(.78) brightness(1.03) contrast(.92);transition:opacity .16s ease,filter .16s ease,transform .16s ease}.app-shell[data-story-sparks-focus=true] .build-insert-cluster:hover,.app-shell[data-story-sparks-focus=true] .build-insert-cluster:focus-within,.app-shell[data-story-sparks-focus=true] #buildMode .build-zoom-panel:hover,.app-shell[data-story-sparks-focus=true] #buildMode .build-zoom-panel:focus-within,.app-shell[data-story-sparks-focus=true] #buildMode .slide-panel.build-floating-panel:hover,.app-shell[data-story-sparks-focus=true] #buildMode .slide-panel.build-floating-panel:focus-within,.app-shell[data-story-sparks-focus=true] #buildMode .inspector-panel.build-floating-panel:hover,.app-shell[data-story-sparks-focus=true] #buildMode .inspector-panel.build-floating-panel:focus-within{opacity:.9;filter:saturate(.96) brightness(1) contrast(.98)}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .slide-panel.build-floating-panel:hover,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .slide-panel.build-floating-panel:focus-within,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .inspector-panel.build-floating-panel:hover,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] #buildMode .inspector-panel.build-floating-panel:focus-within{background:#fffbfff0;border-color:#39382f1a;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel.build-floating-panel:hover .slide-panel-cap,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel.build-floating-panel:focus-within .slide-panel-cap{background:#ff9100}.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel.build-floating-panel:hover .slide-panel-body,.app-shell[data-theme=warm-bubble][data-first-edit-focus=true] .slide-panel.build-floating-panel:focus-within .slide-panel-body{background:#fdf9eaf5}.app-shell[data-first-edit-focus=true] .bottom-action-btn-preview{background:#fffbffe6;color:#39382f;color:var(--ink, #39382f);border-bottom-color:#39382f14;box-shadow:none}.app-shell[data-first-edit-focus=true] .layer-inline-edit-toggle{width:44px;min-width:44px;height:44px;min-height:44px;border-width:.1875rem;box-shadow:0 .25rem #39382f24,0 .75rem 1.25rem #ff910047;z-index:90}.app-shell[data-simple-mode=true] .layer-overlay-handle.side{display:none}.app-shell[data-simple-mode=true] .layer-overlay-handle.corner{width:1.5rem;height:1.5rem;border-width:.125rem;background:#3aa0ff;background:var(--sky, #3aa0ff);border-color:#ffffffe6;box-shadow:0 0 0 .1875rem #3aa0ff4d,0 .125rem .625rem #1f2a3740;transition:transform .12s ease,background-color .12s ease}@supports (color: color-mix(in lch,red,blue)){.app-shell[data-simple-mode=true] .layer-overlay-handle.corner{box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--sky, #3aa0ff) 30%,transparent),0 .125rem .625rem #1f2a3740}}.app-shell[data-simple-mode=true] .layer-overlay-handle.corner:active{transform:translate(-50%,-50%) scale(1.25)}.app-shell[data-simple-mode=true] .layer-resize-controls.editing-disabled{opacity:1;pointer-events:none}.app-shell[data-simple-mode=true] .layer-resize-controls.editing-disabled .layer-overlay-handle{opacity:0;pointer-events:none}.app-shell[data-simple-mode=true] .layer-resize-controls.editing-disabled .layer-inline-edit-toggle{pointer-events:auto}.app-shell[data-simple-mode=true] .layer-inline-edit-anchor.editing-disabled{opacity:1;pointer-events:none}.app-shell[data-simple-mode=true] .layer-inline-edit-anchor.editing-disabled .layer-inline-edit-toggle{pointer-events:auto}.app-shell[data-simple-mode=true] .layer-resize-controls.editing-disabled .layer-rotate-handle{display:none}.app-shell[data-simple-mode=true] .pivot-handle{width:3rem;height:3rem}.app-shell[data-simple-mode=true] .pivot-handle-glyph{width:3.4rem;height:3.4rem}.app-shell[data-simple-mode=true] .layer-rotate-handle{width:2.5rem;height:2.5rem;background:#3aa0ff;background:var(--sky, #3aa0ff);border:2px solid rgba(0,0,0,.12);border:2px solid var(--border, rgba(0, 0, 0, .12));bottom:calc(100% + 1.5rem)}.app-shell[data-simple-mode=true] .layer-rotate-handle:before{height:1.5rem;background:#3aa0ff;background:var(--sky, #3aa0ff)}.app-shell[data-simple-mode=true] .layer-rotate-handle svg{width:1.25rem;height:1.25rem}.app-shell[data-simple-mode=true] .layer-inline-edit-toggle{width:2.75rem;height:2.75rem;background:#3aa0ff;background:var(--sky, #3aa0ff);border:2px solid rgba(0,0,0,.12);border:2px solid var(--border, rgba(0, 0, 0, .12));padding:0}.app-shell[data-simple-mode=true] .layer-inline-edit-toggle.is-editing{background:#22c55e;background:var(--mint, #22c55e)}.app-shell[data-simple-mode=true] .layer-inline-edit-toggle:active{transform:scale(.9)}.app-shell[data-simple-mode=true] .node-setting-row-compact{flex:0 0 auto;align-items:center}.app-shell[data-simple-mode=true] .node-setting-row-compact .number-stepper{flex:0 0 auto;width:6.5rem;height:2.75rem;min-height:2.75rem;max-height:2.75rem}.app-shell[data-simple-mode=true] .node-setting-row-compact .number-stepper-btn,.app-shell[data-simple-mode=true] .node-setting-row-compact .number-stepper-value-shell{min-height:0}.app-shell[data-simple-mode=true] .node-card{border:1px solid rgba(0,0,0,.12);border:1px solid var(--border, rgba(0, 0, 0, .12));border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;background:#fff;background:var(--surface-contrast, #ffffff);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-panel, 0 2px 8px rgba(0, 0, 0, .08))}.app-shell[data-simple-mode=true] .group-column-content-header-spacer,.app-shell[data-simple-mode=true][data-play-active=true] .crafting-tray,.app-shell[data-simple-mode=true][data-play-active=true] .bottom-action-bar{display:none}.app-shell[data-simple-mode=true][data-play-active=true] .workspace{padding-left:0;padding-bottom:0}.app-shell[data-simple-mode=true][data-play-active=true] #playMode[data-inventory-active=false] .inventory-panel{display:none}.app-shell[data-simple-mode=true][data-play-active=true] .play-shell{grid-template-columns:1fr}.app-shell[data-simple-mode=true][data-play-active=true] #playMode[data-inventory-active=true] .play-shell{grid-template-columns:minmax(0,1fr)}.app-shell[data-simple-mode=true][data-play-active=true] .topbar{display:none}.app-shell[data-simple-mode=true][data-play-active=true] #playMode.mode-panel.active{position:fixed;inset:0;z-index:9000;height:var(--v-100);max-height:var(--v-100);background:var(--surface-1)}.app-shell[data-simple-mode=true][data-play-active=true] .play-topbar{border:0;border-radius:0;box-shadow:none;background:transparent}#mapMode{padding:.75em;flex-direction:column;gap:.625em;min-height:0;height:100%;max-height:100%;min-width:0;overflow:hidden}.map-toolbar{grid-area:toolbar;background:var(--surface-1);border:.0625em solid var(--border);border-radius:var(--radius);padding:.75em .875em;display:flex;justify-content:space-between;align-items:center;gap:.5em;flex-wrap:wrap}.map-toolbar p{width:100%;color:var(--ink-muted)}.map-toolbar-actions{margin-left:auto;display:inline-flex;gap:.65em;flex-wrap:nowrap;align-items:center}.map-wire-density{display:inline-flex;align-items:center;gap:.5rem;min-width:7.75rem}.map-wire-style{display:inline-flex;align-items:center;gap:.5rem;min-width:7.25rem}.map-wire-density-label{font-size:.86rem;font-weight:800;color:var(--ink-muted);white-space:nowrap}.map-wire-density .input,.map-wire-style .input{width:7.75em;min-height:2.25em;padding-left:.625em;padding-right:.625em}.map-board-shell{grid-area:board;flex:1;min-height:0;min-width:0;position:relative}.map-main{position:relative;width:100%;height:100%;min-height:0;min-width:0;isolation:isolate}.map-board{width:100%;height:100%;border-radius:var(--radius);border:.0625em solid var(--border);background:var(--map-board-background);box-shadow:var(--shadow);position:relative;isolation:isolate;overflow:hidden;min-height:0;min-width:0}.map-surface{position:relative;width:100%;height:100%}.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:3000}.map-zoom-fab{position:absolute;left:.75em;top:50%;transform:translateY(-50%);pointer-events:auto;width:-moz-min-content;width:min-content;padding:.5em .5em .625em;display:grid;justify-items:center;grid-gap:.5em;gap:.5em;border-radius:.875em;background:var(--map-zoom-surface);border:.0625em solid var(--border);box-shadow:0 .5em 1.125em #1f2a3724}.map-zoom-step{width:2.5em;min-height:2.25em;padding:0;line-height:1}.map-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;height:.375em;margin:4.6875em 0;transform:rotate(-90deg);transform-origin:center;border-radius:62.4375em;background:linear-gradient(90deg,var(--slider-track-soft) 0%,var(--sky) 100%)}.map-zoom-slider::-webkit-slider-runnable-track{height:.375em;border-radius:62.4375em;background:transparent}.map-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1em;height:1em;border:.125em solid #fff;border-radius:50%;background:var(--sky);box-shadow:0 .125em .5em #1f2a3733;margin-top:-.3125em}.map-zoom-slider::-moz-range-track{height:.375em;border:0;border-radius:62.4375em;background:transparent}.map-zoom-slider::-moz-range-thumb{width:1em;height:1em;border:.125em solid #fff;border-radius:50%;background:var(--sky);box-shadow:0 .125em .5em #1f2a3733}.map-zoom-value{min-width:2.5em;text-align:center;font-size:.76rem;font-weight:800;color:var(--ink-muted)}.map-groups{position:absolute;inset:0 auto auto 0;transform-origin:top left;z-index:3}.map-group-wrapper{position:absolute;display:grid;width:17.5em;min-width:17.5em;max-width:17.5em;isolation:isolate;z-index:1;touch-action:none}.map-group-wrapper.selected{z-index:9}.map-group-wrapper.dragging{z-index:11}.map-group-wrapper.selected.dragging{z-index:13}.map-selection-box{position:absolute;left:0;top:0;width:0;height:0;z-index:6;pointer-events:none;border:.125em solid var(--selection-border);border-radius:.5em;background:var(--selection-background);box-shadow:inset 0 0 0 .0625em var(--selection-ring)}.map-selection-box.hidden{display:none}body.map-marquee-active #mapMain,body.map-marquee-active #mapMain *{cursor:default!important}.group-column{grid-area:1 / 1;position:relative;width:17.5em;min-width:17.5em;max-width:17.5em;border:var(--build-floating-panel-border, .0625em solid var(--map-border-soft));border-radius:1.15em;background:var(--surface-panel);box-shadow:var(--build-floating-panel-shadow, var(--shadow));-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:var(--build-floating-panel-backdrop, none);backdrop-filter:var(--build-floating-panel-backdrop, none);display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:0;gap:0;isolation:isolate;padding:0;overflow:hidden;box-sizing:border-box;z-index:1}.group-column.selected{border-color:var(--selection-border);box-shadow:0 0 0 .14em var(--active-ring),0 0 0 .22em var(--selection-border),var(--build-floating-panel-shadow, var(--shadow))}.group-column.selected .map-node{border-color:transparent;box-shadow:0 .2em .5em #1f2a3714}.group-column.selected .map-node .meta{opacity:.65}.group-column.dragging{box-shadow:0 .75em 1.625em #3aa0ff33}.group-column.selected.dragging{box-shadow:0 0 0 .14em var(--active-ring),0 0 0 .22em var(--selection-border),0 .75em 1.625em #3aa0ff33,var(--build-floating-panel-shadow, var(--shadow))}.map-group-delete-tray{position:absolute;right:-1.05em;top:-1.2em;transform:translate(.15em);z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:.35em;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.map-group-wrapper:hover .map-group-delete-tray,.map-group-wrapper:focus-within .map-group-delete-tray,.map-group-wrapper.selected .map-group-delete-tray,.map-group-delete-tray.confirming{opacity:1;pointer-events:auto;transform:translate(0)}.map-group-delete-btn,.map-group-delete-confirm{width:2.35em;min-width:2.35em;min-height:2.35em;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 .35em .8em #1f2a3724}.map-group-delete-btn svg,.map-group-delete-confirm svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.map-group-delete-btn svg{stroke-width:1.8}.map-group-delete-confirm svg{stroke-width:2.2}.map-group-delete-accept{background:color-mix(in srgb,#18b180 16%,var(--surface-1));border-color:#18b18059;color:#18966c}@supports (color: color-mix(in lch,red,blue)){.map-group-delete-accept{background:color-mix(in srgb,var(--mint, #18b180) 16%,var(--surface-1));border-color:color-mix(in srgb,var(--mint, #18b180) 35%,transparent);color:color-mix(in srgb,var(--mint, #18b180) 78%,#173827 22%)}}.map-group-delete-cancel{background:var(--danger-soft-bg, color-mix(in srgb, #ff5a6a 12%, var(--surface-1)));border-color:#ff5a6a47;color:#ff5a6a;color:var(--danger-soft-text, var(--coral, #ff5a6a))}@supports (color: color-mix(in lch,red,blue)){.map-group-delete-cancel{background:var(--danger-soft-bg, color-mix(in srgb, var(--coral, #ff5a6a) 12%, var(--surface-1)));border-color:var(--danger-soft-border, color-mix(in srgb, var(--coral, #ff5a6a) 28%, transparent))}}.group-column-header{display:flex;align-items:center;gap:.5em;padding:.7em .75em;background:var(--build-panel-header-background, var(--surface-accent-1));border-bottom:var(--build-panel-header-border, .0625rem solid var(--border));cursor:move;border-radius:0;box-sizing:border-box}.group-column h3{flex:1;margin:0;font-size:.95rem;font-weight:800}.map-group-title-input{flex:1;min-width:0;margin:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.95rem;font-weight:800;line-height:1.2;padding:.125em .25em;border-radius:.5em;box-sizing:border-box;cursor:inherit}.group-column-body{min-height:12.5em;background:transparent;border-radius:0;box-sizing:border-box}.group-column-content{grid-area:1 / 1;width:17.5em;min-width:17.5em;max-width:17.5em;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:0;gap:0;height:-moz-fit-content;height:fit-content;padding:0;background:transparent;pointer-events:none;box-sizing:border-box;z-index:2}.group-column-content-header-spacer{min-height:4.4em}.group-column-content-body{padding:.6em;display:grid;grid-gap:.6em;gap:.6em;min-height:0;background:transparent;box-sizing:border-box}.map-group-wrapper.page-drag-receiver .group-column{border-color:color-mix(in srgb,var(--sky) 62%,var(--border))}.group-column-content.page-drag-receiver .group-column-content-body{background:transparent;box-shadow:none}.group-column-content .help{margin:0}.map-group-slides{display:grid;grid-gap:.55em;gap:.55em;pointer-events:none}.map-group-add-slide{min-height:2.25em;min-width:4.875em;padding-left:.625em;padding-right:.625em;white-space:nowrap;border:transparent;border:var(--button-primary-border, transparent);background:var(--button-primary-background, var(--sky));color:#fff;color:var(--button-primary-color, #fff);box-shadow:0 .4rem .9rem #1f2a3724}.map-floating-toolbar{position:absolute;top:.85rem;left:50%;transform:translate(-50%);z-index:2;width:auto;max-width:calc(100% - 12rem);padding:.55rem .75rem;border:.0625rem solid rgba(184,198,217,.95);border-radius:1.25rem;background:#f8fbffe6;box-shadow:0 1rem 2rem #14243424;pointer-events:auto;display:inline-flex;align-items:end}@supports (color: color-mix(in lch,red,blue)){.map-floating-toolbar{background:color-mix(in srgb,var(--surface-1) 90%,transparent)}}.map-floating-toolbar .map-toolbar-actions{margin-left:0}.map-toolbar-icon-btn{width:2.9rem;min-width:2.9rem;min-height:2.9rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem}.map-toolbar-icon-btn svg{width:1.72rem;height:1.72rem;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.map-toolbar-icon-btn-primary{box-shadow:0 .4rem .9rem #1f2a3724}.map-toolbar-icon-btn#mapArrangeRowBtn svg rect,.map-toolbar-icon-btn#mapArrangeGridBtn svg rect{fill:currentColor;stroke:none}.map-node{position:relative;border:.0625em solid color-mix(in srgb,var(--border) 72%,white);border-radius:.95em;background:var(--build-control-background, var(--surface-5));padding:.8em 3em .72em .85em;display:grid;grid-gap:.3em;gap:.3em;cursor:pointer;box-shadow:0 .22em .55em #1f2a3714;isolation:isolate;overflow:visible;touch-action:none;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;pointer-events:auto}.map-node-title{margin:0;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-node-title[contenteditable=true]{cursor:text;border-radius:.5em;padding:.125em .25em;margin:-.125em -.25em;white-space:normal;overflow:visible;text-overflow:clip}.map-node.active{border-color:var(--sky);box-shadow:0 0 0 .16em var(--active-ring),0 .28em .7em #1f2a371a}.map-node.start-slide{border-color:color-mix(in srgb,#28c76f 42%,var(--border))}.map-node.map-selected{border-color:var(--sky);box-shadow:0 0 0 .12em #3aa0ff47,0 .28em .7em #1f2a371a;background:color-mix(in srgb,var(--build-control-background, var(--surface-5)) 94%,var(--sky))}.map-node.selected{border-color:var(--border);outline:none;box-shadow:0 .22em .55em #1f2a3714}.map-node.selected.active{border-color:var(--sky);box-shadow:0 0 0 .1875em #3aa0ff1f}.map-node.page-drag-projected{border-color:color-mix(in srgb,var(--sky) 70%,var(--border));background:color-mix(in srgb,var(--build-control-background, var(--surface-5)) 86%,var(--sky));box-shadow:0 0 0 .16em #3aa0ff2e,0 .55em 1.1em #1f2a3729;transform:scale(1.015);transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.map-node.page-drag-source-placeholder{border-style:dashed;color:color-mix(in srgb,var(--ink-muted) 82%,transparent);background:color-mix(in srgb,var(--surface-5) 58%,transparent);opacity:.58;box-shadow:inset 0 0 0 .08em #1f2a370f}.map-node.page-drag-source-placeholder .map-link-handle,.map-node.page-drag-projected .map-link-handle{opacity:.24;pointer-events:none}.drag-reorder-preview.map-node.map-page-drag-preview{cursor:grabbing;opacity:.96;transform:rotate(-1.5deg) scale(1.025);border-color:color-mix(in srgb,var(--sky) 72%,var(--border));box-shadow:0 0 0 .18em #3aa0ff2e,0 1.05em 2em #1f2a373d}.drag-reorder-preview.map-node.map-page-drag-preview .map-link-handle{opacity:.24}.map-node .meta{font-size:.75rem;opacity:.72;color:var(--ink-muted)}.map-node-connections{display:flex;justify-content:space-between}.map-start-badge{justify-self:start;display:inline-flex;align-items:center;gap:.25em;max-width:100%;padding:.24em .45em;border-radius:.375em;border:.0625em solid rgba(13,112,77,.22);background:#e6fff4;color:#0d704d;font-size:.7rem;font-weight:900;line-height:1}.map-start-badge .material-symbols-outlined{font-size:.95rem;line-height:1}.map-link-handle{position:absolute;right:.5em;top:.48em;width:2.015em;height:2.015em;min-width:2.015em;min-height:2.015em;aspect-ratio:1 / 1;border-radius:50%;border:.125em solid var(--surface-contrast);background:linear-gradient(135deg,#2dc595,#22b687);color:#073a2c;font-weight:800;font-size:1rem;line-height:1;text-align:center;display:grid;align-items:center;justify-items:center;place-items:center;cursor:crosshair;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;box-shadow:0 .3em .7em #22b6872e;z-index:3}.map-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.map-edges-bundle{z-index:1}.map-edges-individual{z-index:5}.map-edge-ports{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible}.edge-path{fill:none;stroke:#3aa0ff73;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.edge-path-halo{fill:none;stroke:#f6faffeb;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.edge-path-halo.conditional{stroke:#fff6daf5}.edge-path.conditional{stroke:#f3b43d8c;stroke-dasharray:6 5}.edge-end-arrow{opacity:.94}.edge-end-arrow.conditional{opacity:.82}.edge-lock{fill:#f3b43dbf;font-size:.8125em;font-weight:700}.edge-summary-label{font-size:.78rem;font-weight:700;letter-spacing:.01em;paint-order:stroke;stroke:#fffffffa;stroke-width:.38rem;dominant-baseline:middle}.edge-port-marker{paint-order:stroke fill}.canvas-stage.transition-pending{opacity:0}.canvas-stage.fade-enter,#playCanvasStage.fade-enter{animation:fadeSurfaceIn .5s ease-in-out both;animation:fadeSurfaceIn var(--play-fade-duration, .5s) ease-in-out both}.play-dissolve-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.play-transition-snapshot{position:relative;width:100%;height:100%;overflow:hidden}.play-dissolve-overlay.play-fade-active:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:fadeWhiteWash .5s ease-in-out forwards;animation:fadeWhiteWash var(--play-fade-duration, .5s) ease-in-out forwards}.play-dissolve-overlay.play-fade-active>.play-transition-snapshot{animation:fadeSurfaceOut .5s ease-in-out forwards;animation:fadeSurfaceOut var(--play-fade-duration, .5s) ease-in-out forwards}.play-dissolve-overlay.play-dissolve-active>.play-transition-snapshot{animation:dissolveSurfaceOut .5s ease-in forwards;animation:dissolveSurfaceOut var(--play-fade-duration, .5s) ease-in forwards}.canvas-stage.dissolve-enter,#playCanvasStage.dissolve-enter{animation:dissolveSurfaceIn .5s ease-out both;animation:dissolveSurfaceIn var(--play-fade-duration, .5s) ease-out both}[data-perf-tier=lite] .canvas-stage.fade-enter,[data-perf-tier=lite] #playCanvasStage.fade-enter,[data-perf-tier=lite] .canvas-stage.dissolve-enter,[data-perf-tier=lite] #playCanvasStage.dissolve-enter,[data-perf-tier=lite] .play-dissolve-overlay.play-fade-active:after,[data-perf-tier=lite] .play-dissolve-overlay.play-fade-active>.play-transition-snapshot,[data-perf-tier=lite] .play-dissolve-overlay.play-dissolve-active>.play-transition-snapshot{animation-duration:.5s!important;animation-duration:var(--play-fade-duration, .5s)!important}.canvas-stage.morph-enter:not(.play-morphing){animation:morphStageIn .5s cubic-bezier(.2,.8,.2,1) both;animation:morphStageIn var(--play-fade-duration, .5s) cubic-bezier(.2,.8,.2,1) both}.canvas-stage.morph-enter:not(.play-morphing) .layer{animation:morphLayerIn .5s cubic-bezier(.2,.8,.2,1) both;animation:morphLayerIn var(--play-fade-duration, .5s) cubic-bezier(.2,.8,.2,1) both}.canvas-stage.play-morphing,#playCanvasStage.play-morphing{overflow:hidden}.canvas-stage.play-morphing>:not(.play-morph-overlay),#playCanvasStage.play-morphing>:not(.play-morph-overlay){opacity:0!important;pointer-events:none}.canvas-stage.play-morphing>:not(.play-morph-overlay) .layer,.canvas-stage.play-morphing>:not(.play-morph-overlay) .play-empty,#playCanvasStage.play-morphing>:not(.play-morph-overlay) .layer,#playCanvasStage.play-morphing>:not(.play-morph-overlay) .play-empty{opacity:0!important;pointer-events:none}.play-morph-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;will-change:opacity}.play-morph-stage{position:absolute;inset:0;pointer-events:none}.layer.morph-text-crossfade{position:absolute;overflow:hidden}.layer.morph-text-crossfade .morph-text{position:absolute;inset:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;padding:inherit;text-align:inherit;white-space:pre-wrap;color:inherit;font:inherit;font-weight:inherit}.layer.morph-text-crossfade .morph-text-to{inset:0;width:auto;height:auto}.layer.morph-text-reflow-crossfade .morph-text{box-sizing:border-box;overflow:hidden}.morph-text-stable{display:flex;align-items:center;justify-content:center;width:100%;height:100%;white-space:pre-wrap;flex-shrink:0}@keyframes fadeSurfaceIn{0%{opacity:0}52%{opacity:0}to{opacity:1}}@keyframes fadeSurfaceOut{0%{opacity:1}52%{opacity:0}to{opacity:0}}@keyframes fadeWhiteWash{0%{opacity:0}52%{opacity:1}to{opacity:0}}@keyframes dissolveSurfaceIn{0%{opacity:0;filter:blur(.75em) brightness(1.08)}to{opacity:1;filter:blur(0) brightness(1)}}@keyframes dissolveSurfaceOut{0%{opacity:1;filter:blur(0) brightness(1)}to{opacity:0;filter:blur(.75em) brightness(1.16)}}@keyframes morphStageIn{0%{opacity:.4;filter:blur(.625em) saturate(.82)}55%{opacity:.85;filter:blur(.125em) saturate(.94)}to{opacity:1;filter:blur(0) saturate(1)}}@keyframes morphLayerIn{0%{opacity:0;filter:blur(.375em)}to{opacity:1;filter:blur(0)}}#playMode{padding:.75em;gap:.75em;flex-direction:column;min-height:0;height:100%;max-height:100%;min-width:0;overflow:hidden}.canvas-viewport.play{flex:1 1 auto;min-height:0;height:100%;border-radius:.875em;border:.0625em dashed var(--border);background:var(--play-viewport-background);overflow:visible;position:relative;padding:.625em;display:grid;align-items:center;justify-items:center;place-items:center}.play-canvas-shell{position:relative;display:block;flex:0 0 auto;margin:auto;overflow:visible;z-index:1}.play-testing-tools{position:absolute;top:.75rem;right:.75rem;z-index:24;display:flex;align-items:center;gap:.625rem;border:.0625rem solid rgba(17,24,39,.24);border-radius:.5rem;background:#f8fcfff0;box-shadow:0 .625rem 1.25rem #0f172a2e;color:#111827;padding:.5rem;font:700 .75rem/1.2 SF Mono,Cascadia Mono,Menlo,Monaco,Consolas,monospace}.play-testing-tools-metric,.play-testing-tools-cap{display:grid;grid-gap:.1875rem;gap:.1875rem}.play-testing-tools-metric span,.play-testing-tools-cap span{color:#4b5563;font-size:.6875rem;font-weight:700}.play-testing-tools-metric strong{min-width:2.5rem;font-size:1rem;line-height:1}.play-testing-tools select{min-width:6.25rem;border:.0625rem solid rgba(17,24,39,.24);border-radius:.375rem;background:#fff;color:inherit;font:inherit;padding:.25rem .375rem}.play-morph-debug{position:absolute;top:.5em;left:.5em;z-index:20;width:min(32.5em,calc(100% - 1em));max-height:min(68%,26.25em);overflow:auto;pointer-events:none;border:.0625em solid rgba(22,30,41,.36);border-radius:.625em;background:#f5fafff2;box-shadow:0 .75em 1.75em #1f2a3742;color:#102032;font:600 .6875em/1.35 SF Mono,Cascadia Mono,Menlo,Monaco,Consolas,monospace}.play-morph-debug-head{padding:.4375em .5625em .3125em;border-bottom:.0625em solid rgba(22,30,41,.2)}.play-morph-debug-summary{padding:.3125em .5625em .4375em;border-bottom:.0625em solid rgba(22,30,41,.12);color:#30445a}.play-morph-debug-groups{display:grid;grid-gap:.125em;gap:.125em;padding:.375em}.play-morph-debug-group{border-radius:.4375em;padding:.3125em .375em .375em}.play-morph-debug-group h4{margin:0 0 .25em;font:inherit}.play-morph-debug-group.matched{background:#1197741a}.play-morph-debug-group.source-only{background:#d3502821}.play-morph-debug-group.target-only{background:#3475df21}.play-morph-debug-group.source-hidden,.play-morph-debug-group.target-hidden{background:#62708224}.play-morph-debug-list{display:grid;grid-gap:.125em;gap:.125em}.play-morph-debug-row{font-weight:500;word-wrap:anywhere}.play-morph-debug-row.more{opacity:.72}.play-topbar{grid-area:header;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;padding:.75em;border:.0625em solid var(--border);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow)}.play-topbar h2{display:none}.play-shell{grid-area:body;display:grid;grid-gap:.75em;gap:.75em;flex:1;min-height:0;min-width:0;position:relative;grid-template-columns:minmax(0,1fr)}#playMode[data-inventory-active=false] .play-shell{grid-template-columns:minmax(0,1fr)}.play-still-building{position:absolute;left:50%;top:50%;display:grid;width:min(26rem,calc(100% - 3rem));grid-gap:.65rem;gap:.65rem;padding:1rem;transform:translate(-50%,-50%);border:.0625em solid var(--border);border-radius:.5rem;background:var(--surface-1);color:var(--text);text-align:center;box-shadow:var(--shadow);z-index:8}.play-still-building-kicker,.play-still-building p{margin:0}.play-still-building-kicker{color:var(--text-label);font-size:.78rem;font-weight:850;text-transform:uppercase}.play-still-building h3{margin:0;font-size:max(1.35rem,min(2.2vw,2rem));line-height:1.1}.play-still-building .btn{justify-self:center}.play-still-building-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.inventory-panel{position:absolute;right:0;top:50%;z-index:18;width:6.25rem;max-width:min(6.25rem,calc(100% - 1.25rem));height:min(25rem,calc(100% - 1.5rem));max-height:min(84%,30rem);min-height:22rem;transform:translate(80%,-50%);border:.1875rem solid rgba(57,56,47,.12);border-radius:1.25rem;padding:.5rem .5rem .5rem .375rem;background:linear-gradient(90deg,#ffffffe0,#fffbf2f5),#fff8ea;box-shadow:-.375rem .5rem #39382f12,inset .1875rem 0 #ffffffdb,inset .625rem 0 1.25rem #ff910014;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-row-gap:.65rem;row-gap:.65rem;transition:width .18s ease,box-shadow .18s ease,transform .18s ease}.inventory-panel:hover,.inventory-panel:focus-within,.inventory-panel.receiving{width:min(6.25rem,calc(100% - 1.25rem));transform:translateY(-50%);box-shadow:-.5rem .625rem #39382f14,inset .1875rem 0 #ffffffe6,inset .625rem 0 1.25rem #ff91001a}.inventory-panel:after{content:"";position:absolute;top:0;right:-80%;bottom:0;width:80%;pointer-events:auto}.inventory-panel.empty{width:2.35rem;height:auto;min-height:5.5rem;padding:.5rem .25rem;transform:translateY(-50%);cursor:default}.inventory-panel.empty:hover,.inventory-panel.empty:focus-within{width:2.35rem;transform:translateY(-50%)}.inventory-panel.empty .inventory-tray{display:none}.inventory-hint-button{flex:0 0 auto}.play-mode-choice-backdrop{position:fixed;inset:0;z-index:72;display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;background:#1018286b}.play-mode-choice{width:min(26rem,calc(100vw - 2rem));border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-1);box-shadow:0 1.25rem 2.5rem #1424343d;padding:1rem;display:grid;grid-gap:.75rem;gap:.75rem}.play-mode-choice h3{margin:0;font-size:1.1rem}.play-mode-choice-actions{display:grid;grid-gap:.5rem;gap:.5rem}.play-mode-choice-button{width:100%;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-2);color:inherit;font:inherit;text-align:left;padding:.75rem;display:grid;grid-gap:.25rem;gap:.25rem;cursor:pointer}.play-mode-choice-button:hover,.play-mode-choice-button:focus-visible{border-color:var(--accent);outline:.1875rem solid color-mix(in srgb,var(--accent),transparent 72%)}.play-mode-choice-button span{font-weight:900}.play-mode-choice-button small{color:var(--muted);font-size:.82rem;line-height:1.35}.inventory-tray{border:0;border-radius:.375rem;background:transparent;padding:0;display:grid;align-content:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(3.75rem,1fr));grid-gap:.7rem;gap:.7rem;overflow:auto;min-width:0;min-height:0}.inventory-item{position:relative;min-width:0;min-height:3.75rem;border-radius:.875rem;border:0;padding:0;background:transparent;display:grid;grid-template-columns:1fr;align-items:center;grid-gap:0;gap:0;justify-items:center;text-align:center;font-size:.76rem;font-weight:700;font-family:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.story-shelf-slot{width:100%;height:100%;min-height:3.75rem;border:.1875rem solid rgba(57,56,47,.12);border-radius:1rem;display:grid;align-items:center;justify-items:center;place-items:center;background:linear-gradient(180deg,#ffbc48f5,#ff9100f2),#ffb33f;box-shadow:inset 0 .25rem .6rem #964a0033,inset 0 -.0625rem #ffe4a4db,0 .1875rem #39382f1f;overflow:visible;transition:box-shadow .16s ease,transform .16s ease}.story-shelf-item-label{position:absolute;right:calc(100% + .5rem);top:50%;z-index:2;max-width:9rem;border:.1875rem solid rgba(57,56,47,.12);border-radius:.75rem;background:#fff;box-shadow:0 .1875rem #39382f14;padding:.35rem .5rem;color:#39382f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(.25rem,-50%);transition:opacity .14s ease,transform .14s ease}.inventory-item:hover .story-shelf-item-label,.inventory-item:focus .story-shelf-item-label,.inventory-item:focus-visible .story-shelf-item-label{opacity:1;transform:translateY(-50%)}.inventory-item:hover,.inventory-item.armed,.inventory-item.selected,.inventory-item.dragging{transform:none;box-shadow:0 .1875rem #39382f1a}.inventory-item.ready .story-shelf-slot{box-shadow:inset 0 .25rem .6rem #964a0033,inset 0 -.0625rem #ffe4a4db,0 .1875rem #39382f1f}.inventory-item.ready .story-shelf-token{filter:drop-shadow(0 0 .08rem #ffd84d) drop-shadow(0 0 .45rem rgba(255,216,77,.86)) drop-shadow(0 .35rem .45rem rgba(92,58,0,.18));animation:story-shelf-ready 1.15s ease-in-out infinite}.inventory-item.ready.ready-softened .story-shelf-slot{box-shadow:inset 0 .25rem .6rem #964a0024,inset 0 -.0625rem #ffe4a4ad,0 .1875rem #39382f14,0 0 .55rem #ffd84d52}.inventory-item.ready.ready-softened .story-shelf-token{animation:none;filter:drop-shadow(0 0 .08rem #ffd84d) drop-shadow(0 0 .3rem rgba(255,216,77,.48)) drop-shadow(0 .25rem .32rem rgba(92,58,0,.12))}.inventory-item.ambiguous .story-shelf-token{filter:drop-shadow(0 0 .08rem rgba(58,160,255,.78)) drop-shadow(0 0 .4rem rgba(58,160,255,.58))}.inventory-item.selected .story-shelf-token{filter:drop-shadow(0 0 .1rem #ffd84d) drop-shadow(0 0 .5rem rgba(255,216,77,.94)) drop-shadow(0 .35rem .45rem rgba(92,58,0,.2))}.inventory-item.recent-pickup .story-shelf-slot{animation:story-shelf-receive-slot .76s cubic-bezier(.22,1,.36,1) both}.inventory-item.recent-pickup .story-shelf-token{animation:story-shelf-receive-token .76s cubic-bezier(.22,1,.36,1) both}.inventory-item:active{cursor:grabbing}.inventory-item.dragging{opacity:.58}body.inventory-dragging,body.inventory-dragging *{cursor:grabbing!important}.inventory-icon{width:2.45rem;height:2.45rem;border-radius:0;display:grid;align-items:center;justify-items:center;place-items:center;background:var(--inventory-icon-surface);overflow:visible}.story-shelf-token{background:transparent;color:#fff}.story-shelf-token.image-collectible-token{width:100%;height:100%}.story-shelf-hint{justify-self:center;align-self:center;width:3.25rem;min-height:0;aspect-ratio:1;border-radius:9999px;padding:0;display:grid;align-items:center;justify-items:center;place-items:center;background:radial-gradient(circle at 42% 36%,#fff8e0fa,#e8d191f5),#efd892;border-color:#6e5f3652;box-shadow:inset 0 .25rem .45rem #ffffff6b,inset 0 -.28rem .45rem #6758302e,0 .25rem #39382f1a;color:transparent;font-size:0;opacity:1;pointer-events:auto;transform:none}.story-shelf-hint:before{content:"?";color:#0f0f0d;font-size:2.25rem;font-weight:900;line-height:1}.story-shelf-placeholder{width:100%;height:100%;min-height:3.75rem;border:.1875rem solid rgba(57,56,47,.08);border-radius:1rem;background:linear-gradient(180deg,#bd9e45b8,#b8942db8),#d0b15a;box-shadow:inset 0 .25rem .5rem #964a0014,0 .1875rem #39382f0f}.inventory-icon img{width:86%;height:86%;-o-object-fit:contain;object-fit:contain;background:transparent;border-radius:0}.story-shelf-token.image-collectible-token img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:inherit}.story-shelf-footer{grid-column:1;min-width:0;min-height:0;display:grid;align-items:center;justify-items:center;place-items:center;grid-gap:.35rem;gap:.35rem}.story-shelf-pickup-status{position:absolute;right:.45rem;bottom:calc(100% + .45rem);z-index:2;display:block;max-width:min(10rem,calc(100vw - 2rem));border:.125rem solid rgba(57,56,47,.1);border-radius:.625rem;background:#fffffff0;color:#5a3b00;padding:.2rem .35rem;font-size:.68rem;font-weight:900;line-height:1.1;text-align:center;word-wrap:anywhere;box-shadow:0 .1875rem #39382f14;pointer-events:none}.inventory-drag-ghost{position:fixed;left:-9999px;top:-9999px;display:grid;align-items:center;justify-items:center;place-items:center;pointer-events:none;background:transparent;filter:drop-shadow(0 .5rem .9rem rgba(15,23,42,.28)) drop-shadow(0 .125rem .3rem rgba(15,23,42,.24));z-index:80}.inventory-drag-ghost img,.inventory-use-effect-visual img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.inventory-drag-ghost-fallback,.inventory-use-effect-fallback{width:100%;height:100%;border-radius:1rem;display:grid;align-items:center;justify-items:center;place-items:center;background:linear-gradient(145deg,#fff4ce,#f6c861);color:#5a3b00;font-size:max(1.4rem,min(calc(2 * var(--w-1)),2.3rem));font-weight:900;box-shadow:inset 0 .0625rem #ffffff73}.inventory-use-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:68}.inventory-use-effect{position:absolute;left:0;top:0;width:0;height:0;transform:translateZ(0);will-change:transform}.inventory-use-effect[data-inventory-use-mode=flight]{animation:inventory-use-effect-flight .56s linear forwards;animation:inventory-use-effect-flight var(--inventory-use-flight-duration, .56s) linear forwards}.inventory-use-effect-visual,.inventory-use-effect-particles{position:absolute;left:0;top:0}.inventory-use-effect-visual{width:var(--inventory-use-size);height:var(--inventory-use-size);transform:translate(-50%,-50%);backface-visibility:hidden;filter:drop-shadow(0 .5rem .9rem rgba(15,23,42,.26)) drop-shadow(0 .125rem .25rem rgba(15,23,42,.2));will-change:transform,opacity;animation:inventory-use-effect-consume .56s linear forwards;animation:inventory-use-effect-consume var(--inventory-use-settle-duration, var(--inventory-use-duration, .56s)) linear forwards}.inventory-use-effect[data-inventory-use-mode=flight] .inventory-use-effect-visual{animation:inventory-use-effect-carry .56s linear forwards,inventory-use-effect-consume .56s linear forwards;animation:inventory-use-effect-carry var(--inventory-use-flight-duration, .56s) linear forwards,inventory-use-effect-consume var(--inventory-use-settle-duration, .56s) linear forwards;animation-delay:0ms,.56s;animation-delay:0ms,var(--inventory-use-flight-duration, .56s)}.inventory-use-effect[data-inventory-use-mode=target-pulse] .inventory-use-effect-visual{animation-name:inventory-use-effect-pulse}.inventory-use-effect[data-inventory-use-mode=quiet-delay] .inventory-use-effect-visual{animation-name:inventory-use-effect-fade}.inventory-use-effect-particle{position:absolute;left:0;top:0;width:.5rem;height:.5rem;border-radius:999px;opacity:0;background:radial-gradient(circle at 35% 35%,#fff8dc 0,#f8d05c 48%,#d49a00);box-shadow:0 0 .7rem #f8d05c75;transform:translate(-50%,-50%) scale(.25);animation:inventory-use-particle-burst .56s ease-out forwards;animation:inventory-use-particle-burst var(--inventory-use-settle-duration, var(--inventory-use-duration, .56s)) ease-out forwards;animation-delay:var(--inventory-use-particle-delay)}.inventory-use-effect[data-inventory-use-mode=flight] .inventory-use-effect-particle{animation-delay:calc(.56s + var(--inventory-use-particle-delay));animation-delay:calc(var(--inventory-use-flight-duration, .56s) + var(--inventory-use-particle-delay))}@keyframes inventory-use-effect-carry{0%,to{opacity:1;transform:translate(-50%,-50%) scale(.76) rotate(-7deg)}}@keyframes inventory-use-effect-consume{0%{opacity:1;transform:translate(-50%,-50%) translate3d(0,-.15rem,0) scale(.72) rotate(-5deg);animation-timing-function:cubic-bezier(.2,.9,.2,1)}20%{opacity:1;transform:translate(-50%,-50%) translate3d(0,.28rem,0) scale(.84) rotate(-2deg);animation-timing-function:cubic-bezier(.16,1,.3,1)}48%{opacity:1;transform:translate(-50%,-50%) translate3d(0,-.9rem,0) scale(1.18) rotate(1.5deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}70%{opacity:1;transform:translate(-50%,-50%) translate3d(0,-.78rem,0) scale(1.2) rotate(.5deg);animation-timing-function:cubic-bezier(.55,0,.85,.35)}86%{opacity:.92;transform:translate(-50%,-50%) translate3d(0,.15rem,0) scale(.72) rotate(0);animation-timing-function:cubic-bezier(.2,0,.2,1)}to{opacity:0;transform:translate(-50%,-50%) translate3d(0,.72rem,0) scale(.16) rotate(0)}}@keyframes inventory-use-effect-flight{0%{transform:translateZ(0)}12%{transform:translate3d(var(--inventory-use-path-12-x),var(--inventory-use-path-12-y),0)}24%{transform:translate3d(var(--inventory-use-path-24-x),var(--inventory-use-path-24-y),0)}36%{transform:translate3d(var(--inventory-use-path-36-x),var(--inventory-use-path-36-y),0)}48%{transform:translate3d(var(--inventory-use-path-48-x),var(--inventory-use-path-48-y),0)}60%{transform:translate3d(var(--inventory-use-path-60-x),var(--inventory-use-path-60-y),0)}72%{transform:translate3d(var(--inventory-use-path-72-x),var(--inventory-use-path-72-y),0)}84%{transform:translate3d(var(--inventory-use-path-84-x),var(--inventory-use-path-84-y),0)}94%{transform:translate3d(var(--inventory-use-path-94-x),var(--inventory-use-path-94-y),0)}to{transform:translate3d(var(--inventory-use-dx),var(--inventory-use-dy),0)}}@keyframes inventory-use-effect-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.82)}}@keyframes inventory-use-effect-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes inventory-use-particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--inventory-use-particle-x)),calc(-50% + var(--inventory-use-particle-y))) scale(1)}}.play-modal-backdrop{position:fixed;inset:0;background:#1018285c;display:grid;align-items:center;justify-items:center;place-items:center;z-index:70}.play-modal{width:min(25rem,calc(100vw - 2rem));border-radius:1rem;background:var(--surface-1);box-shadow:0 1.5rem 3rem #1424343d;padding:1rem 1rem .9rem;display:grid;grid-gap:.75rem;gap:.75rem}.play-modal h3,.play-modal p{margin:0}.play-modal-actions{display:flex;justify-content:flex-end}#playCanvasStage .layer.inventory-drop-ready,#playCanvasStage .layer.inventory-drop-active,#playCanvasStage .layer.inventory-hint-target,#playCanvasStage .layer.inventory-ready-target,#playCanvasStage .layer.inventory-ambiguous-target{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent;box-shadow:var(--inventory-layer-active-shadow, 0 0 0 0 transparent),var(--inventory-layer-hint-shadow, 0 0 0 0 transparent),var(--inventory-layer-ready-shadow, 0 0 0 0 transparent),var(--inventory-layer-ambiguous-shadow, 0 0 0 0 transparent),var(--inventory-layer-drop-ready-shadow, 0 0 0 0 transparent)}#playCanvasStage .layer.inventory-drop-ready{--inventory-layer-drop-ready-shadow: 0 0 0 .1875em rgba(58, 160, 255, .22)}#playCanvasStage .layer.inventory-drop-active{--inventory-layer-active-shadow: 0 0 0 .25em rgba(58, 160, 255, .34), 0 1rem 2rem rgba(24, 42, 67, .18)}#playCanvasStage .layer.inventory-hint-target{--inventory-layer-hint-shadow: 0 0 0 .25em rgba(46, 214, 163, .44), 0 0 1.35em rgba(46, 214, 163, .4)}#playCanvasStage .layer.inventory-ready-target{--inventory-layer-ready-shadow: 0 0 0 .25em rgba(46, 214, 163, .38), 0 0 1.4em rgba(46, 214, 163, .32)}#playCanvasStage .layer.inventory-ambiguous-target{--inventory-layer-ambiguous-shadow: 0 0 0 .25em rgba(58, 160, 255, .38), 0 0 1.4em rgba(58, 160, 255, .32)}@media(hover:none),(pointer:coarse){.story-shelf-hint{opacity:1;pointer-events:auto;transform:none}.inventory-item:focus .story-shelf-item-label{opacity:1;transform:translateY(-50%)}}@media(max-width:75em){.inventory-panel{inset:auto auto 0 50%;width:min(30rem,calc(100% - 1.5rem));max-width:calc(100% - 1.5rem);height:6.25rem;min-height:0;max-height:min(6.25rem,calc(100% - 1.5rem));transform:translate(-50%,80%);border-right:.1875rem solid rgba(57,56,47,.12);border-bottom:.1875rem solid rgba(57,56,47,.12);border-radius:1.5rem;padding:.5rem;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);-moz-column-gap:.65rem;column-gap:.65rem;row-gap:0}.inventory-panel:after{inset:auto 0 -80%;width:auto;height:80%}.inventory-panel:hover,.inventory-panel:focus-within,.inventory-panel.receiving{width:min(30rem,calc(100% - 1.5rem));max-width:calc(100% - 1.5rem);height:6.25rem;transform:translate(-50%)}.inventory-panel.empty,.inventory-panel.empty:hover,.inventory-panel.empty:focus-within{width:5.5rem;height:2.35rem;min-height:0;transform:translate(-50%)}.inventory-tray{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;align-items:stretch;gap:.65rem;overflow-x:hidden;overflow-y:hidden}.inventory-item,.inventory-panel:hover .inventory-item,.inventory-panel:focus-within .inventory-item{width:100%;height:100%;grid-template-columns:1fr}.inventory-icon{width:2.75rem;height:2.75rem}.story-shelf-item-label{max-width:5rem;right:auto;left:50%;top:auto;bottom:calc(100% + .5rem);text-align:center;transform:translate(-50%,.25rem)}.inventory-item:hover .story-shelf-item-label,.inventory-item:focus .story-shelf-item-label,.inventory-item:focus-visible .story-shelf-item-label{transform:translate(-50%)}.story-shelf-hint{justify-self:center;align-self:center}.story-shelf-footer{grid-column:2;grid-row:1;align-self:stretch;display:grid;align-items:center;justify-items:center;place-items:center}.story-shelf-pickup-status{left:50%;right:auto;bottom:calc(100% + .45rem);max-width:min(16rem,calc(100vw - 1.5rem));transform:translate(-50%)}@media(hover:none),(pointer:coarse){.inventory-panel{width:min(30rem,calc(100% - 1.5rem));max-width:calc(100% - 1.5rem);height:6.25rem;transform:translate(-50%,80%)}.inventory-panel:focus-within,.inventory-panel.receiving{transform:translate(-50%)}.inventory-item{width:100%}.story-shelf-hint{opacity:1;pointer-events:auto;transform:none}.inventory-item:focus .story-shelf-item-label{opacity:1;transform:translate(-50%)}}}@keyframes story-shelf-ready{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-.125rem)}}@keyframes story-shelf-receive-slot{0%{transform:scale(.92)}42%{transform:scale(1.08);box-shadow:inset 0 .25rem .6rem #964a0033,inset 0 -.0625rem #ffe4a4db,0 .1875rem #39382f1f,0 0 1.15rem #ffd84dc7}to{transform:scale(1)}}@keyframes story-shelf-receive-token{0%{opacity:.2;transform:translateY(.35rem) scale(.82)}45%{opacity:1;transform:translateY(-.12rem) scale(1.16) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.inventory-item.ready .story-shelf-token,.inventory-item.recent-pickup .story-shelf-slot,.inventory-item.recent-pickup .story-shelf-token{animation:none}}#playCanvasStage .layer-image{overflow:hidden}#playCanvasStage .layer-image img,#playCanvasStage .layer-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;display:block;filter:none;filter:var(--layer-content-filter, none)}#playCanvasStage .layer-mask-hit-area{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none;z-index:2}#playCanvasStage .layer-mask-hit-area [data-mask-hit-area=true]{pointer-events:all}.app-shell[data-theme=warm-bubble]{font-family:Lexend,Nunito,sans-serif}.app-shell[data-theme=warm-bubble] h1,.app-shell[data-theme=warm-bubble] h2,.app-shell[data-theme=warm-bubble] h3,.app-shell[data-theme=warm-bubble] .brand h1,.app-shell[data-theme=warm-bubble] .slide-panel-titlebar h2,.app-shell[data-theme=warm-bubble] .inspector-header-tab-sizer,.app-shell[data-theme=warm-bubble] .inspector-header-tab-label,.app-shell[data-theme=warm-bubble] .open-modal-header h3,.app-shell[data-theme=warm-bubble] .open-modal-panel h4{font-family:Plus Jakarta Sans,Lexend,sans-serif;letter-spacing:-.02em}.app-shell[data-theme=warm-bubble]{background-image:radial-gradient(circle,#bcb9ad 1px,transparent 1px);background-size:24px 24px;background-color:#fdf9ea}.app-shell[data-theme=warm-bubble] .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;vertical-align:middle}.app-shell[data-theme=warm-bubble] .topbar{background:#fffbfff5;border-bottom:4px solid rgba(57,56,47,.06);box-shadow:none}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .topbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-shell[data-theme=warm-bubble] .brand-dot{background:#ff9100;box-shadow:none}.app-shell[data-theme=warm-bubble] .brand h1{color:#ff9100;font-weight:900;letter-spacing:-.03em}.app-shell[data-theme=warm-bubble] .brand p{color:#ff9100;opacity:.8;font-weight:700}.app-shell[data-theme=warm-bubble] .topbar-menu-btn{background:#f8f4e4;border:4px solid rgba(57,56,47,.1);border-radius:1rem;box-shadow:0 4px #39382f14;transition:transform .15s ease,box-shadow .15s ease}.app-shell[data-theme=warm-bubble] .topbar-menu-btn:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 6px #39382f1f}.app-shell[data-theme=warm-bubble] .topbar-menu-btn:active{transform:scale(.95);box-shadow:0 2px #39382f14}.app-shell[data-theme=warm-bubble] .topbar-finish-btn{min-height:44px;border:0;border-radius:.95rem;background:#ff9100;color:#fffaf0;box-shadow:0 4px #39382f24;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.app-shell[data-theme=warm-bubble] .topbar-finish-btn:hover{background:#f08a00;transform:translateY(-1px) rotate(-1deg);box-shadow:0 6px #39382f29}.app-shell[data-theme=warm-bubble] .topbar-finish-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 2px #39382f24}.app-shell[data-theme=warm-bubble][data-normal-mode-guidance-focus=true] .topbar-finish-btn{background:#fed191;color:#39382fb8;box-shadow:0 2px #39382f14}.app-shell[data-theme=warm-bubble][data-normal-mode-guidance-focus=true] .topbar-finish-btn:hover,.app-shell[data-theme=warm-bubble][data-normal-mode-guidance-focus=true] .topbar-finish-btn:focus-visible{background:#ff9100;color:#fffaf0;transform:translateY(-1px) rotate(-1deg);box-shadow:0 6px #39382f29}.app-shell[data-theme=warm-bubble] .build-history-controls{padding:.5rem;gap:.5rem;border:4px solid rgba(57,56,47,.08);border-radius:2rem;background:#fdf9eaf0;box-shadow:0 4px #39382f14}.app-shell[data-theme=warm-bubble] .build-history-btn{border:3px dashed rgba(57,56,47,.15);border-radius:1.25rem;background:#f8f4e4;color:#39382f;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.app-shell[data-theme=warm-bubble] .build-history-btn:not(:disabled):hover{background:#f2eedd;box-shadow:0 4px #39382f1a;transform:scale(1.06) rotate(-2deg)}.app-shell[data-theme=warm-bubble] .build-history-btn:not(:disabled):active{box-shadow:none;transform:scale(.95)}.app-shell[data-theme=warm-bubble] .build-history-btn:disabled{color:#39382f6b;border-style:dashed;border-color:#39382f1f;border-radius:1.25rem;background:#f8f4e4;opacity:1}.app-shell[data-theme=warm-bubble] .topbar-finish-menu{border:4px solid rgba(57,56,47,.1);border-radius:1rem;background:#fffdf5;box-shadow:0 .75rem #39382f14}.app-shell[data-theme=warm-bubble] .topbar-finish-heading p{color:#ff9100;letter-spacing:0}.app-shell[data-theme=warm-bubble] .topbar-finish-heading strong{color:#39382f}.app-shell[data-theme=warm-bubble] .topbar-finish-item{border:3px solid rgba(57,56,47,.1);border-radius:.85rem;background:#fffaf0;box-shadow:0 3px #39382f12;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.app-shell[data-theme=warm-bubble] .topbar-finish-item:hover:not(:disabled){transform:translateY(-1px);border-color:#ff910057;box-shadow:0 5px #39382f17}.app-shell[data-theme=warm-bubble] .topbar-finish-item:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #39382f14}.app-shell[data-theme=warm-bubble] .topbar-finish-item-icon{background:#ff910024;color:#ff9100}.app-shell[data-theme=warm-bubble] .topbar-finish-item-copy strong{color:#39382f}.app-shell[data-theme=warm-bubble] .topbar-finish-item-copy span{color:#66655a}.app-shell[data-theme=warm-bubble] .topbar-finish-item-primary{background:#fff4d7;border-color:#ff91006b}.app-shell[data-theme=warm-bubble] .topbar-finish-item-attention{background:#fff2cc;border-color:#ff91008c}.app-shell[data-theme=warm-bubble] .workspace{background:#fdf9ea;background-image:radial-gradient(circle,#bcb9ad 1px,transparent 1px);background-size:24px 24px}.app-shell[data-theme=warm-bubble] .app-boot-splash{background:radial-gradient(circle at top,rgba(255,145,0,.16),transparent 32%),linear-gradient(180deg,#fffbf5fa,#fdf9eafa)}.app-shell[data-theme=warm-bubble] .app-boot-card{border:4px solid rgba(57,56,47,.1);border-radius:1.75rem;background:#fffcf6f2;box-shadow:0 .85rem #39382f14}.app-shell[data-theme=warm-bubble] .app-boot-mark{background:#ff9100;box-shadow:0 0 0 .45rem #ff910024}.app-shell[data-theme=warm-bubble] .app-boot-eyebrow,.app-shell[data-theme=warm-bubble] .app-boot-card h2{color:#ff9100}.app-shell[data-theme=warm-bubble] .btn{border-radius:9999px;border:3px solid rgba(57,56,47,.12);font-weight:800;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.app-shell[data-theme=warm-bubble] .btn:hover{transform:scale(1.03) rotate(1deg);box-shadow:0 6px #39382f1f}.app-shell[data-theme=warm-bubble] .btn:active{transform:scale(.95);box-shadow:none}.app-shell[data-theme=warm-bubble] .btn-primary{background:#ff9100;border-color:#39382f;color:#fff;box-shadow:0 4px #39382f26}.app-shell[data-theme=warm-bubble] .btn-primary:hover{box-shadow:0 6px #39382f2e}.app-shell[data-theme=warm-bubble] .btn-primary:active{box-shadow:0 1px #39382f1f}.app-shell[data-theme=warm-bubble] .btn-subtle{background:#f8f4e4;border-color:#39382f14}.app-shell[data-theme=warm-bubble] .btn-danger{background:#ffdad6;color:#be2d06;border-color:#be2d0633}.app-shell[data-theme=warm-bubble] .btn-add{background:#f8f4e4;border:3px dashed rgba(57,56,47,.2)}.app-shell[data-theme=warm-bubble] .btn-toggle{border:3px solid rgba(57,56,47,.1);border-radius:.75rem;background:#fffbff;color:#39382f73;min-width:2.5rem;min-height:2.5rem;padding:0;display:inline-grid;align-items:center;justify-items:center;place-items:center}.app-shell[data-theme=warm-bubble] .btn-toggle .material-symbols-outlined{font-size:1.25rem}.app-shell[data-theme=warm-bubble] .btn-toggle:hover{border-color:#00751f4d;color:#00751f;background:#00751f0f}.app-shell[data-theme=warm-bubble] .btn-toggle.active{background:#00751f24;border-color:#00751f73;color:#00751f}.app-shell[data-theme=warm-bubble] .input,.app-shell[data-theme=warm-bubble] textarea{border:3px solid #ece8d7;border-radius:.75rem;background:#fffbff;transition:border-color .15s ease}.app-shell[data-theme=warm-bubble] .number-stepper{border:3px solid #ece8d7;border-radius:.75rem;background:#fffbff;min-height:2.75rem}.app-shell[data-theme=warm-bubble] .custom-select-panel{border:3px solid rgba(57,56,47,.1);border-radius:1rem;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] #buildMode .build-floating-panel{border-radius:2rem;border:4px solid rgba(57,56,47,.1);box-shadow:0 8px #39382f14;background:#fffbfff0}.app-shell[data-theme=warm-bubble] .slide-panel-cap{background:#ff9100;border-bottom:0;border-radius:calc(2rem - 4px) calc(2rem - 4px) 0 0}.app-shell[data-theme=warm-bubble] .slide-panel-titlebar h2{color:#fff;font-weight:900}.app-shell[data-theme=warm-bubble] .slide-panel-body{background:#fdf9eaf5}.app-shell[data-theme=warm-bubble] .panel-header-actions .btn{border-color:#ffffff4d;color:#fff}.app-shell[data-theme=warm-bubble] .panel-header-actions .btn-primary{background:#fff;color:#ff9100;border-color:#39382f1a}.app-shell[data-theme=warm-bubble] .slide-card,.drag-reorder-preview[data-theme=warm-bubble].slide-card{border:3px solid rgba(57,56,47,.1);border-radius:1.25rem;background:#fffbff;box-shadow:0 4px #39382f0f;transition:transform .15s ease,box-shadow .15s ease}.drag-reorder-preview[data-theme=warm-bubble].slide-card{box-shadow:0 4px #39382f0f!important}.app-shell[data-theme=warm-bubble] .slide-card:hover{transform:rotate(-.5deg);box-shadow:0 6px #39382f1a}.app-shell[data-theme=warm-bubble] .slide-card.active,.drag-reorder-preview[data-theme=warm-bubble].slide-card.active{border-color:#ff9100;box-shadow:0 6px #ff910033}.drag-reorder-preview[data-theme=warm-bubble].slide-card.active{box-shadow:0 6px #ff910033!important}.app-shell[data-theme=warm-bubble] .slide-thumb,.drag-reorder-preview[data-theme=warm-bubble] .slide-thumb{border-radius:.75rem;border:3px solid rgba(57,56,47,.06)}.app-shell[data-theme=warm-bubble] .slide-chip,.drag-reorder-preview[data-theme=warm-bubble] .slide-chip{background:#ff9100;color:#fff;border:3px solid #ffffff;font-weight:900}.app-shell[data-theme=warm-bubble] .slide-card-head strong,.drag-reorder-preview[data-theme=warm-bubble] .slide-card-head strong{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;color:#39382f}.app-shell[data-theme=warm-bubble] .group-controls{border-bottom:0;padding:.75em}.app-shell[data-theme=warm-bubble] .inspector-shell-cap{background:#ff9100;border-radius:calc(2rem - 4px) calc(2rem - 4px) 0 0}.app-shell[data-theme=warm-bubble] .inspector-header-tab{border:0;background:#fff3;color:#ffffffd9;border-radius:1.25rem 1.25rem 0 0;font-weight:800}.app-shell[data-theme=warm-bubble] .inspector-header-tab.active{background:#fdf9eaf5;color:#39382f;border:0;box-shadow:none}.app-shell[data-theme=warm-bubble] .inspector-header-tab:not(.active):hover{background:#ffffff59;color:#fff}.app-shell[data-theme=warm-bubble] .inspector-shell-body{background:#fdf9eaf5}.app-shell[data-theme=warm-bubble] .inspector-panel-actions .btn{background:#ffffff80;border-color:#ffffff4d;color:#fff}.app-shell[data-theme=warm-bubble] #buildMode .inspector-group+.inspector-group{border-top-color:#39382f14}.app-shell[data-theme=warm-bubble] .inspector-section-header{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;letter-spacing:-.01em}.app-shell[data-theme=warm-bubble] .build-insert-cluster{background:#fdf9eaf0;border:4px solid rgba(57,56,47,.08);border-radius:2rem;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] .build-tool-btn{border:3px dashed rgba(57,56,47,.15);border-radius:1.25rem;background:#f8f4e4;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.app-shell[data-theme=warm-bubble] .build-tool-btn:hover{transform:scale(1.06) rotate(2deg);box-shadow:0 4px #39382f1a;background:#f2eedd}.app-shell[data-theme=warm-bubble] .build-tool-btn:active{transform:scale(.95);box-shadow:none}.app-shell[data-theme=warm-bubble] .build-tool-badge-sky,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-sky{color:#ff9100}.app-shell[data-theme=warm-bubble] .build-tool-badge-mint,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-mint{color:#00751f}.app-shell[data-theme=warm-bubble] .build-tool-badge-plum,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-plum{color:#b33263}.app-shell[data-theme=warm-bubble] .build-tool-badge-amber,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-amber{color:#ff9100}.app-shell[data-theme=warm-bubble] .build-tool-badge-coral,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-coral{color:#b33263}.app-shell[data-theme=warm-bubble] .build-tool-badge-gold,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-gold{color:gold}.app-shell[data-theme=warm-bubble] .build-tool-badge-teal,.drag-reorder-preview[data-theme=warm-bubble] .build-tool-badge-teal{color:#00751f}.app-shell[data-theme=warm-bubble] .build-tool-label{font-family:Lexend,sans-serif;font-weight:800;font-size:.72rem}.app-shell[data-theme=warm-bubble] .build-floating-menu{border:4px solid rgba(57,56,47,.08);border-radius:1.5rem;box-shadow:0 8px #39382f1a;z-index:9999}.app-shell[data-theme=warm-bubble] .build-menu-note{margin-top:.15rem;padding:.35rem .55rem .15rem;border-radius:.85rem;background:#ff910014}.app-shell[data-theme=warm-bubble] .build-menu-item:hover:not(:disabled){background:#ff910014}.app-shell[data-theme=warm-bubble] .save-indicator-note{background:#ff910026;color:#8a5a00}.app-shell[data-theme=warm-bubble] .build-icon-btn{border:4px solid rgba(57,56,47,.1);border-radius:1rem;background:#f8f4e4;box-shadow:0 4px #39382f1a;transition:transform .15s ease,box-shadow .15s ease}.app-shell[data-theme=warm-bubble] .build-icon-btn:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 6px #39382f1f}.app-shell[data-theme=warm-bubble] .build-icon-btn:active{transform:scale(.95);box-shadow:0 1px #39382f14}.app-shell[data-theme=warm-bubble] #buildMode .build-zoom-panel{left:auto;right:calc(var(--build-floating-offset) + var(--build-right-panel-width) + .85rem);transform:none;border:4px solid rgba(57,56,47,.06);border-radius:2rem;background:#fffbffcc;-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);box-shadow:0 8px #39382f0f}.app-shell[data-theme=warm-bubble] #buildMode .build-zoom-panel .canvas-zoom-controls{border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.app-shell[data-theme=warm-bubble] #buildMode .canvas-panel{position:relative;background:radial-gradient(circle at top left,rgba(255,251,255,.5),transparent 30%),#fdf9ea}.app-shell[data-theme=warm-bubble] #buildMode .canvas-viewport{background:radial-gradient(circle,rgba(188,185,173,.3) 1px,transparent 1px),linear-gradient(180deg,#fdf9eaf5,#f8f4e4fa);background-size:24px 24px,auto;touch-action:none}.app-shell[data-theme=warm-bubble] .story-builder-empty-state{position:absolute;left:50%;top:50%;z-index:20;display:grid;grid-gap:.75rem;gap:.75rem;width:min(27rem,calc(100% - 2rem));padding:1rem;transform:translate(-50%,-50%);border:4px solid rgba(57,56,47,.1);border-radius:.5rem;background:#fffbff;box-shadow:0 8px #39382f1a;color:#39382f;text-align:center}.app-shell[data-theme=warm-bubble] .story-builder-empty-state-compact{top:auto;bottom:1rem;width:min(30rem,calc(100% - 2rem));padding:.75rem;gap:.55rem;transform:translate(-50%);text-align:left}.app-shell[data-theme=warm-bubble] .story-builder-empty-state h2{font-size:1.35rem;font-weight:850}.app-shell[data-theme=warm-bubble] .story-builder-empty-state-compact h2{font-size:1.1rem}.app-shell[data-theme=warm-bubble] .story-builder-empty-state p{color:#66655a;font-size:.92rem;line-height:1.4}.app-shell[data-theme=warm-bubble] .story-builder-empty-close{position:absolute;top:.55rem;right:.55rem;display:inline-grid;align-items:center;justify-items:center;place-items:center;width:44px;height:44px;padding:0;border:3px solid rgba(57,56,47,.12);border-radius:.5rem;background:#fdf9ea;color:#39382f;font-size:1.35rem;font-weight:850;line-height:1;cursor:pointer}.app-shell[data-theme=warm-bubble] .story-builder-empty-close:hover{background:#f8f4e4}.app-shell[data-theme=warm-bubble] .story-builder-empty-action.btn{display:inline-grid;align-items:center;justify-content:center;gap:0;width:100%;min-width:0;min-height:3.15rem;padding:.55rem .6rem;border-width:3px;text-align:center;line-height:1.12;white-space:normal;word-wrap:anywhere}.app-shell[data-theme=warm-bubble] .story-builder-empty-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-content:center;grid-gap:.5rem;gap:.5rem}.app-shell[data-theme=warm-bubble] .story-builder-empty-state-compact .story-builder-empty-actions{justify-content:stretch}.app-shell[data-theme=warm-bubble] .story-builder-empty-actions .btn{min-height:44px;border-radius:.5rem}.app-shell[data-theme=warm-bubble] .story-builder-empty-action-item{display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;grid-gap:.45rem;gap:.45rem;min-width:0}.app-shell[data-theme=warm-bubble] .story-builder-empty-action-icon{width:3rem;height:2.8rem;min-width:3rem;min-height:2.8rem;padding:0;border-radius:.75rem}.app-shell[data-theme=warm-bubble] .story-builder-empty-action-icon svg{width:2.15rem;height:2.15rem}@media(max-width:47.5em){.app-shell[data-theme=warm-bubble] .story-builder-empty-state{width:min(24rem,calc(100% - 1rem));padding:.75rem;gap:.55rem}.app-shell[data-theme=warm-bubble] .story-builder-empty-state h2{font-size:1.1rem}}.app-shell[data-theme=warm-bubble] .canvas-stage{box-shadow:0 8px #39382f1a;border-radius:.5rem;touch-action:none}.app-shell[data-theme=warm-bubble] .canvas-stage .layer,.app-shell[data-theme=warm-bubble] .canvas-stage .layer *{touch-action:none;-webkit-touch-callout:none}.app-shell[data-theme=warm-bubble] .canvas-stage .layer [contenteditable=true]:focus,.app-shell[data-theme=warm-bubble] .canvas-stage .layer [contenteditable=true]:focus *{-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:auto}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-overlay-handle.corner{background:#ff9100;box-shadow:0 0 0 .1875rem #ff91004d,0 .125rem .625rem #1f2a3740;-webkit-tap-highlight-color:transparent}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-overlay-handle.corner:active{background:#e07e00}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-rotate-handle{background:#ff9100;border:3px solid #39382f;box-shadow:0 3px #39382f1f}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-rotate-handle:before{background:#ff9100}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-rotate-handle:active{background:#e07e00}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-inline-edit-toggle{background:#ff9100;border:3px solid #39382f;box-shadow:0 3px #39382f1f}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-item-action-menu-toggle{background:#ff9100;border:3px solid #39382f;color:#fff;box-shadow:0 3px #39382f1f}.app-shell[data-theme=warm-bubble] .layer-item-action-menu-pop{border:3px solid rgba(57,56,47,.08);background:#fffbfff5;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] .layer-item-action-menu-pop button{color:#39382f}.app-shell[data-theme=warm-bubble] .layer-item-action-menu-pop button:hover,.app-shell[data-theme=warm-bubble] .layer-item-action-menu-pop button:focus-visible{background:#ff91001a}.app-shell[data-theme=warm-bubble] .layer-item-action-menu-pop button.danger{color:#b33263}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .layer-inline-edit-toggle.is-editing{background:#22c55e}.app-shell[data-theme=warm-bubble] .slide-panel.collapsed,.app-shell[data-theme=warm-bubble] .inspector-panel.collapsed{background:#f2eedd;border:3px dashed rgba(57,56,47,.12)}.app-shell[data-theme=warm-bubble] .panel-rail-toggle{background:#ff9100;color:#fff;border-radius:9999px;box-shadow:0 4px #39382f1f}.app-shell[data-theme=warm-bubble] .layer-order-item{border:2px solid rgba(57,56,47,.06);border-radius:.75rem;transition:transform .1s ease}.app-shell[data-theme=warm-bubble] .layer-order-item:hover{transform:rotate(-.3deg)}.app-shell[data-theme=warm-bubble] .layer-order-item.selected{border-color:#ff9100;background:#ff91000f}.drag-reorder-preview[data-theme=warm-bubble].layer-order-item{border:2px solid rgba(57,56,47,.08);border-radius:.75rem;background:#fff;background:var(--build-control-background, var(--surface-5, #fff));box-shadow:0 .72rem 1.35rem #39382f29,0 4px #ff910033!important}.app-shell[data-theme=warm-bubble] .layer-order-item.parent-node.selected{background:var(--layer-order-parent-selected-surface)}.app-shell[data-theme=warm-bubble] .layer-order-menu-btn{border:2px solid rgba(57,56,47,.08);background:#fffbff;color:#39382f;box-shadow:0 3px #39382f14}.app-shell[data-theme=warm-bubble] .layer-order-menu-btn:hover,.app-shell[data-theme=warm-bubble] .layer-order-menu-btn:focus-visible{border-color:#ff910073;background:#fdf9ea;color:#39382f}.app-shell[data-theme=warm-bubble] .layer-action-tray{border:3px solid rgba(57,56,47,.08);background:#fffbffeb;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] .layer-action-pill{border:2px solid rgba(57,56,47,.08);background:#fdf9ea;color:#39382f}.app-shell[data-theme=warm-bubble] .layer-action-pill:hover,.app-shell[data-theme=warm-bubble] .layer-action-pill:focus-visible{border-color:#ff910080;box-shadow:0 0 0 .14rem #ff91002e}.app-shell[data-theme=warm-bubble] .layer-action-pill-danger{border-color:#b3326347;background:#b3326314;color:#b33263}.app-shell[data-theme=warm-bubble] .open-modal{border:4px solid rgba(57,56,47,.1);border-radius:2rem;background:#fffbff;box-shadow:0 8px 24px #39382f29}.app-shell[data-theme=warm-bubble] .open-modal-header h3{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;color:#39382f}.app-shell[data-theme=warm-bubble] .open-modal-panel{border:3px solid rgba(57,56,47,.08);border-radius:1.25rem;background:#fdf9ea}.app-shell[data-theme=warm-bubble] .opm-template-card.active{background:#ff91001f}.app-shell[data-theme=warm-bubble]:has(#buildMode.active){--warm-bubble-toast-anchor-left: calc(2.25rem + max(16rem, min(calc(18 * var(--w-1)), 18rem))) }.app-shell[data-theme=warm-bubble]:has(#buildMode.active.left-collapsed){--warm-bubble-toast-anchor-left: calc(2.25rem + 2.125em) }.app-shell[data-theme=warm-bubble] .toast{border:3px solid rgba(57,56,47,.1);border-radius:9999px;background:#fffbff;box-shadow:0 4px #39382f1a;font-weight:800;color:#39382f}.app-shell[data-theme=warm-bubble]:has(#buildMode.active) .toast{left:var(--warm-bubble-toast-anchor-left);right:auto;max-width:min(28rem,max(12rem,calc(100vw - var(--warm-bubble-toast-anchor-left) - 1rem)));transform:translateY(1.25em)}.app-shell[data-theme=warm-bubble]:has(#buildMode.active) .toast.show{transform:translateY(0)}.app-shell[data-theme=warm-bubble] .help-callout-bubble{border:3px solid rgba(57,56,47,.8);border-radius:1.25rem;background:#39382f;box-shadow:0 6px #39382f33}.app-shell[data-theme=warm-bubble] .help-callout-btn{background:#f8f4e4;border:2px solid rgba(57,56,47,.12);color:#66655a}.app-shell[data-theme=warm-bubble] .help-callout-btn:hover,.app-shell[data-theme=warm-bubble] .help-callout-btn[aria-expanded=true]{background:#ff91001f;border-color:#ff910066;color:#ff9100}.app-shell[data-theme=warm-bubble] .color-picker-shell{border:3px solid rgba(57,56,47,.1);border-radius:1.25rem;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] .slide-thumb-menu-btn{border:3px solid rgba(57,56,47,.12);border-radius:9999px;background:#fffbff;box-shadow:0 3px #39382f14}.app-shell[data-theme=warm-bubble] .slide-card-menu-pop{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.app-shell[data-theme=warm-bubble] .slide-menu-icon-btn{border-radius:.625rem;border:2px solid rgba(57,56,47,.06)}.app-shell[data-theme=warm-bubble] .build-help-toggle-track{background:#ece8d7}.app-shell[data-theme=warm-bubble] .build-help-toggle.active .build-help-toggle-track{background:#00751f}.crafting-tray{display:none}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .crafting-tray{background:#fdf9eaf5;border-right:4px solid rgba(57,56,47,.06);border-radius:0 2rem 2rem 0;box-shadow:0 8px 16px #39382f0f}.crafting-tray-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.25rem;flex:0 0 auto}.crafting-tray-icon{width:2.75rem;height:2.75rem;background:#b33263;border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px #39382f1a;border:2px solid rgba(255,255,255,.3)}.crafting-tray-icon .material-symbols-outlined{font-size:1.35rem}.crafting-tray-title{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.55rem;color:#b33263;text-transform:uppercase;letter-spacing:.04em;text-align:center;line-height:1}.crafting-tray-tools{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 .35rem}.crafting-tray-tool{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.625rem .25rem;min-height:2.75rem;border:0;border-radius:1rem;background:transparent;color:#39382f;opacity:.65;cursor:pointer;font:inherit;transition:transform .15s ease,background-color .15s ease,opacity .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.crafting-tray-tool:hover{opacity:1;transform:rotate(2deg) scale(1.06);background:#39382f0a}.crafting-tray-tool:active{transform:scale(.92);opacity:1}.crafting-tray-tool.active{opacity:1;background:#ff9100;color:#fff;border-radius:1.25rem;box-shadow:0 4px #39382f26;transform:scale(1.08)}.crafting-tray-tool-icon{font-size:1.5rem;line-height:1}.crafting-tray-tool-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.6rem;line-height:1;text-align:center}.crafting-tray-footer{flex:0 0 auto;margin-top:.75rem}.crafting-tray-add-btn{width:3rem;height:3rem;border:4px solid #ffffff;border-radius:50%;background:#00751f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #39382f1f;font:inherit;transition:transform .15s ease,box-shadow .15s ease}.crafting-tray-add-btn .material-symbols-outlined{font-size:1.75rem}.crafting-tray-add-btn:hover{transform:scale(1.1) rotate(6deg);box-shadow:0 6px #39382f26}.crafting-tray-add-btn:active{transform:scale(.9);box-shadow:0 1px #39382f14}.bottom-action-bar{display:none}.app-shell[data-theme=warm-bubble][data-simple-mode=true] .bottom-action-bar{background:#fffbffcc;border-top:4px solid rgba(57,56,47,.04);border-radius:2.5rem 2.5rem 0 0;box-shadow:0 -4px 16px #39382f0a}.bottom-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.625rem 1.125rem;min-height:2.75rem;border:0;border-radius:1.5rem;background:transparent;color:#39382f;color:var(--ink, #39382f);cursor:pointer;font:inherit;transition:transform .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.bottom-action-btn .material-symbols-outlined{font-size:1.5rem}.bottom-action-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;line-height:1}.bottom-action-btn:hover{background:#39382f0d;transform:scale(1.06)}.bottom-action-btn:active{transform:scale(.9)}.bottom-action-btn-map{padding:.625rem 1.25rem}.bottom-action-btn-map.active{background:#ff9100;background:var(--sky, #ff9100);color:#fff;color:var(--button-primary-color, #ffffff);box-shadow:0 4px #39382f1f}.bottom-action-btn-preview{background:var(--button-primary-background);color:#fff;color:var(--button-primary-color, #ffffff);padding:.625rem 1.5rem;border-bottom:4px solid rgba(0,0,0,.15);box-shadow:0 4px #39382f14}.bottom-action-btn-preview:hover{background:var(--button-primary-background);filter:brightness(1.1);transform:scale(1.05)}.bottom-action-btn-preview:active{transform:scale(.92);box-shadow:none;border-bottom-width:2px}.bottom-action-preview-wrap{position:relative;display:inline-flex}.bottom-preview-start-menu{position:absolute;left:50%;bottom:calc(100% + .7rem);z-index:85;width:min(14rem,82vw);transform:translate(-50%);display:grid;grid-gap:.4rem;gap:.4rem;padding:.5rem;border:.0625rem solid rgba(57,56,47,.12);border-radius:1.1rem;background:#fffbff;box-shadow:0 .85rem 2rem #39382f2e}.bottom-preview-start-menu button{min-height:44px;border:0;border-radius:.8rem;background:transparent;color:#39382f;color:var(--ink, #39382f);font:inherit;font-weight:900;text-align:left;padding:0 .75rem;cursor:pointer}.bottom-preview-start-help-anchor{width:100%;display:block}.bottom-preview-start-menu button:first-child{background:#ffebd1}@supports (color: color-mix(in lch,red,blue)){.bottom-preview-start-menu button:first-child{background:color-mix(in srgb,var(--sky, #ff9100) 18%,#ffffff)}}.bottom-preview-start-menu button:hover,.bottom-preview-start-menu button:focus-visible{outline:none;background:#ffe5c2}@supports (color: color-mix(in lch,red,blue)){.bottom-preview-start-menu button:hover,.bottom-preview-start-menu button:focus-visible{background:color-mix(in srgb,var(--sky, #ff9100) 24%,#ffffff)}}.app-shell[data-simple-mode=true] #buildMode .slide-panel.build-floating-panel,.app-shell[data-simple-mode=true] #buildMode .inspector-panel.build-floating-panel{display:none}.app-shell[data-simple-mode=true] #buildMode{--build-safe-left: .75rem ;--build-safe-right: .75rem ;--build-safe-top: max(1rem, min(calc(2 * var(--v-1)), 1.5rem));--build-safe-bottom: max(11rem, min(calc(31 * var(--v-1)), 17rem))}.app-shell[data-simple-mode=true] #buildMode.active{display:block;position:relative;width:100%;height:100%;overflow:hidden}.app-shell[data-simple-mode=true] #buildMode .canvas-panel{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0;overflow:hidden;border:0;box-shadow:none}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel{top:1rem;bottom:auto;left:auto;right:1rem;transform:none;width:auto;min-width:0;max-width:none;min-height:0;flex-direction:column;gap:.5rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-controls{flex-direction:column;gap:.5rem;display:flex;width:auto}.app-shell[data-simple-mode=true] #buildMode .build-history-controls{display:none}.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-fit,.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step{border:4px solid #39382f;background:gold;box-shadow:4px 4px #39382f33;color:#39382f}.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-fit:hover,.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step:hover{transform:scale(1.1) rotate(3deg)}.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-fit:active,.app-shell[data-theme=warm-bubble][data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step:active{transform:scale(.95);box-shadow:2px 2px #39382f26}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-slider,.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-value{display:none}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step{font-size:0;overflow:hidden}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step:before{font-family:Material Symbols Outlined;font-size:1.7rem;font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step[title="Zoom in"]:before{content:"zoom_in"}.app-shell[data-simple-mode=true] #buildMode .build-zoom-panel .canvas-zoom-step[title="Zoom out"]:before{content:"zoom_out"}.node-editor-cards{display:none}.app-shell[data-simple-mode=true] .node-editor-cards{display:flex;align-items:flex-end;gap:.75rem;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;z-index:6;max-height:max(10rem,min(calc(30 * var(--v-1)),16rem));pointer-events:none}.app-shell[data-simple-mode=true] .node-editor-cards .node-card{pointer-events:auto;flex:1 1 0%;min-width:0;max-height:100%}.app-shell[data-simple-mode=true] .node-editor-cards.has-layer-panel .node-card-layer{flex:1.2 1 0%}.app-shell[data-theme=warm-bubble] .node-card{border:4px solid #39382f;border-radius:1.25rem}.node-card-branches{background:#dcfce7;transform:rotate(-.6deg)}.node-card-layer{background:#dbeafe;transform:rotate(.3deg)}.node-card-icon-layer{color:#1d4ed8}.node-layer-order-actions{display:flex;gap:.35rem;flex:0 0 auto;margin-left:auto}.node-layer-order-btn{width:2.75rem;height:2.75rem;border:2px solid rgba(29,78,216,.2);border-radius:.625rem;background:#fff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit;transition:transform .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.node-layer-order-btn .material-symbols-outlined{font-size:1.35rem}.node-layer-order-btn:hover{background:#dbeafe;transform:scale(1.1)}.node-layer-order-btn:active{transform:scale(.9)}.node-layer-delete-btn{border-color:#dc262640;color:#dc2626;margin-left:.15rem}.node-layer-delete-btn:hover{background:#fee2e2;border-color:#dc262666}.node-layer-delete-confirm{border-color:#dc262666;background:#dc2626;color:#fff;margin-left:.15rem}.node-layer-delete-confirm:hover{background:#b91c1c}.node-layer-delete-cancel{border-color:#1d4ed833;color:#64748b}.node-layer-delete-cancel:hover{background:#f1f5f9}.node-card-layer-body{display:grid;grid-gap:.5rem;gap:.5rem}.node-layer-inline-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.node-layer-inline-row:has(.number-stepper) .node-setting-color{height:2.75rem;min-height:2.75rem}.node-text-style-toggles{display:flex;gap:.35rem}.node-text-style-btn{width:2.75rem;height:2.75rem;border:3px solid #ece8d7;border-radius:.625rem;background:#fff;color:#39382f;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:inherit;font-size:1rem;font-weight:400;transition:transform .15s ease,background-color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.node-text-style-btn strong{font-weight:900}.node-text-style-btn-italic{font-style:italic}.node-text-style-btn-underline{-webkit-text-decoration:underline;text-decoration:underline}.node-text-style-btn:hover{border-color:#ff9100}.node-text-style-btn:active{transform:scale(.92)}.node-text-style-btn.active{background:#ff9100;border-color:#39382f;color:#fff}.node-setting-row-compact{flex:0 0 auto}.node-setting-row-compact .number-stepper{width:6.5rem}.node-setting-row-compact{align-items:center}.node-setting-row-compact .node-setting-label{text-align:center;align-self:center}.node-setting-row-compact .node-setting-color{display:block}.node-setting-row-range{min-width:12rem}.node-setting-range-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:.6rem;gap:.6rem}.node-setting-range-slider{width:100%;accent-color:#ff9100}.node-setting-range-value{width:4ch;text-align:right;color:#64748b;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.node-layer-image-actions{display:flex;gap:.35rem;flex-wrap:wrap}.node-card-settings{background:#fce7f3;transform:rotate(.4deg)}.node-card-header{display:flex;align-items:center;gap:.5rem}.node-card-icon{font-size:1.5rem}.node-card-icon-branches{color:#00751f}.node-card-title{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;font-size:1rem;color:#39382f;margin:0;flex:1}.node-card-tags{display:flex;gap:.35rem;flex:0 0 auto}.node-tag{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:9999px;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}.node-tag-secondary{background:#b33263;color:#fff}.node-tag-primary{background:#ff9100;color:#fff}.node-card-body{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0;overflow:visible}.node-card-empty{font-size:.82rem;color:#66655a;font-weight:600;margin:0}.node-branch-grid{display:flex;flex-direction:column;gap:.5rem}.node-branch-grid[data-count="3"],.node-branch-grid[data-count="4"]{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.node-branch-grid[data-count="5"],.node-branch-grid[data-count="6"],.node-branch-grid[data-count="7"],.node-branch-grid[data-count="8"],.node-branch-grid[data-count="9"]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.25rem;gap:.25rem}.node-branch-grid[data-count="3"] .node-branch-text,.node-branch-grid[data-count="4"] .node-branch-text,.node-branch-grid[data-count="5"] .node-branch-text,.node-branch-grid[data-count="6"] .node-branch-text,.node-branch-grid[data-count="7"] .node-branch-text,.node-branch-grid[data-count="8"] .node-branch-text,.node-branch-grid[data-count="9"] .node-branch-text{display:none}.node-branch-grid[data-count="3"] .node-branch-row,.node-branch-grid[data-count="4"] .node-branch-row{padding:.35rem .5rem;gap:.35rem}.node-branch-grid[data-count="5"] .node-branch-row,.node-branch-grid[data-count="6"] .node-branch-row,.node-branch-grid[data-count="7"] .node-branch-row,.node-branch-grid[data-count="8"] .node-branch-row,.node-branch-grid[data-count="9"] .node-branch-row{padding:.25rem .35rem;gap:.25rem;border-width:2px;border-radius:.625rem}.node-branch-grid[data-count="5"] .node-branch-letter,.node-branch-grid[data-count="6"] .node-branch-letter,.node-branch-grid[data-count="7"] .node-branch-letter,.node-branch-grid[data-count="8"] .node-branch-letter,.node-branch-grid[data-count="9"] .node-branch-letter{width:1.25rem;height:1.25rem;font-size:.6rem}.node-branch-grid[data-count="3"] .node-branch-target,.node-branch-grid[data-count="4"] .node-branch-target{min-width:6rem;max-width:10rem;min-height:2.25rem;font-size:.72rem;padding:.25rem .4rem}.node-branch-grid[data-count="5"] .node-branch-target,.node-branch-grid[data-count="6"] .node-branch-target,.node-branch-grid[data-count="7"] .node-branch-target,.node-branch-grid[data-count="8"] .node-branch-target,.node-branch-grid[data-count="9"] .node-branch-target{min-width:4rem;max-width:8rem;min-height:2rem;font-size:.68rem;padding:.2rem .3rem}.node-branch-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:3px solid #00751f;border-radius:.875rem;background:#fff;color:#39382f}.node-branch-row-hotspot{border-color:#b33263}.node-branch-row.highlighted{background:#00751f14}.node-branch-row-hotspot.highlighted{background:#b3326314}.node-branch-letter{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#00751f;color:#fff;font-weight:900;font-size:.7rem;flex:0 0 auto}.node-branch-letter-hotspot{background:#b33263}.node-branch-text{flex:1;font-weight:700;font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-branch-target{flex:0 0 auto;min-width:8rem;max-width:12rem;border:2px solid rgba(0,117,31,.3);border-radius:.5rem;min-height:2.75rem;padding:.35rem .5rem;background:#fff;font:inherit;font-weight:700;font-size:.78rem;color:#39382f;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.node-branch-target-hotspot{border-color:#b332634d}.node-branch-arrow{color:#00751f;font-size:1.2rem;flex:0 0 auto}.node-branch-arrow-hotspot{color:#b33263}.node-card-add-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.75rem;width:100%;width:-webkit-fill-available;width:-moz-available;width:stretch;box-sizing:border-box;padding:.5rem .85rem;border:3px dashed rgba(57,56,47,.2);border-radius:.875rem;background:#fff;color:#66655a;cursor:pointer;font:inherit;font-weight:800;font-size:.82rem;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.node-card-add-btn:hover{background:#00751f14;border-color:#00751f4d;color:#00751f;transform:scale(1.02)}.node-card-add-btn:active{transform:scale(.95)}.node-card-add-btn .material-symbols-outlined{font-size:1.1rem}.node-card-add-btn-small{min-height:2.5rem;padding:.4rem .65rem;font-size:.78rem}.node-layer-image-actions .node-card-add-btn,.node-card-add-btn-small{width:auto}.node-card-settings-body{display:flex;flex-direction:column;gap:.5rem}.node-setting-row{display:flex;flex-direction:column;gap:.15rem}.node-setting-row-full{width:100%;align-self:stretch}.app-shell[data-theme=warm-bubble] .node-help-anchor-inline{display:inline-flex;align-items:center}.app-shell[data-theme=warm-bubble] .node-help-anchor-button{display:inline-flex;width:auto;min-width:0}.app-shell[data-theme=warm-bubble] .node-help-anchor-button-wide{display:flex;width:100%;align-self:stretch;flex:1 1 auto}.app-shell[data-theme=warm-bubble] .node-help-anchor-button-wide>.node-setting-editable{width:100%}.node-setting-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#66655a}.node-setting-input{border:3px solid #ff9100;border-radius:.75rem;min-height:2.75rem;width:100%;box-sizing:border-box;padding:.45rem .7rem;font:inherit;font-weight:700;font-size:.88rem;color:#39382f;background:#fff;outline:none}.node-setting-editable{border:3px solid #ece8d7;border-radius:.75rem;min-height:2.75rem;width:100%;width:-webkit-fill-available;width:-moz-available;width:stretch;box-sizing:border-box;padding:.45rem .7rem;background:#fff;font:inherit;font-weight:700;font-size:.88rem;color:#39382f;text-align:left;cursor:pointer;transition:border-color .15s ease}.node-setting-editable:hover{border-color:#ff9100}.app-shell[data-theme=warm-bubble] .node-setting-input-full{width:100%;box-sizing:border-box}.app-shell[data-theme=warm-bubble] .node-setting-editable-full{width:100%;width:-webkit-fill-available;width:-moz-available;width:stretch;box-sizing:border-box}.node-setting-select{width:auto;min-width:5.5rem;border:3px solid #ece8d7;border-radius:.75rem;min-height:2.75rem;padding:.4rem .6rem;background:#fff;font:inherit;font-weight:700;font-size:.78rem;color:#39382f;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.app-shell[data-theme=warm-bubble] .node-editor-cards *:focus,.app-shell[data-theme=warm-bubble] .node-editor-cards *:focus-visible,.app-shell[data-theme=warm-bubble] .node-editor-cards input:focus-visible,.app-shell[data-theme=warm-bubble] .node-editor-cards select:focus-visible,.app-shell[data-theme=warm-bubble] .node-editor-cards button:focus-visible{outline:none!important;box-shadow:none!important}.node-setting-value{display:flex;align-items:center;gap:.5rem}.node-setting-color{width:4rem;height:2.75rem;min-height:2.75rem;border:3px solid #ece8d7;border-radius:.5rem;padding:0;cursor:pointer;background:transparent}.node-setting-color::-webkit-color-swatch-wrapper{padding:0}.node-setting-color::-webkit-color-swatch{border:none;border-radius:.3rem}.node-setting-color-label{font-weight:700;font-size:.78rem;color:#66655a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-save-btn{display:none}.app-shell[data-theme=warm-bubble] .topbar-save-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:.75rem;background:transparent;color:#39382f;cursor:pointer;font:inherit;transition:transform .15s ease,background-color .15s ease}.app-shell[data-theme=warm-bubble] .topbar-save-btn:hover{background:#39382f0f;transform:scale(1.05)}.app-shell[data-theme=warm-bubble] .topbar-save-btn:active{transform:scale(.92)}.app-shell[data-theme=warm-bubble] .topbar-save-btn .material-symbols-outlined{font-size:1.5rem}.topbar-play-btn{display:none}.app-shell[data-theme=warm-bubble] .topbar-play-btn{font-weight:800}.topbar-play-icon{font-size:1.25rem;line-height:1}.topbar-play-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.88rem;letter-spacing:.01em}.app-shell[data-theme=warm-bubble] #mapMode{padding:0}.app-shell[data-theme=warm-bubble] .map-board{background:#fdf9ea;background-image:radial-gradient(circle,rgba(188,185,173,.35) 1px,transparent 1px);background-size:24px 24px;border:0;border-radius:0;box-shadow:none}.app-shell[data-theme=warm-bubble] .map-toolbar,.app-shell[data-theme=warm-bubble][data-simple-mode=true] .map-floating-toolbar{display:none}.app-shell[data-simple-mode=true] .group-column{border:0;background:transparent;box-shadow:none;border-radius:0}.app-shell[data-simple-mode=true] .group-column:hover{transform:none;box-shadow:none}.app-shell[data-simple-mode=true] .group-column.selected{border:0;box-shadow:none}.app-shell[data-simple-mode=true] .group-column-header{display:none}.app-shell[data-simple-mode=true] .group-column-body{background:transparent;min-height:0}.app-shell[data-simple-mode=true] .group-column-content,.app-shell[data-simple-mode=true] .group-column-content-body{background:transparent}.app-shell[data-simple-mode=true] .group-column-content-header-spacer{display:none}.app-shell[data-simple-mode=true] .map-node{border:4px solid #39382f;border-radius:2rem 1rem 2.5rem 1.5rem;background:#fffbfff2;padding:1rem 1.25rem;box-shadow:8px 8px #39382f1a;min-width:14em}.app-shell[data-simple-mode=true] .map-node:hover{transform:scale(1.03) rotate(-.5deg);box-shadow:10px 10px #39382f1f}.app-shell[data-simple-mode=true] .map-node.active{border-color:#ff9100;box-shadow:8px 8px #ff910033;background:#ffdcc359}.app-shell[data-simple-mode=true] .map-node-title{font-size:1.05rem;font-weight:900}.app-shell[data-simple-mode=true] .map-group-add-slide{background:transparent;border:3px dashed rgba(57,56,47,.2);color:#66655a;font-weight:800;box-shadow:none}.app-shell[data-simple-mode=true] .map-group-add-slide:hover{border-color:#39382f59;color:#39382f}.app-shell[data-theme=warm-bubble] .group-column{border:4px solid #39382f;border-radius:2rem 1rem 1.5rem 1.5rem;background:#fffbfff2;box-shadow:8px 8px #39382f1a;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s ease,box-shadow .2s ease}.app-shell[data-theme=warm-bubble] .group-column:hover{transform:scale(1.01) rotate(-.3deg);box-shadow:10px 10px #39382f1f}.app-shell[data-theme=warm-bubble] .group-column.selected{border-color:#ff9100;box-shadow:8px 8px #ff910033}.app-shell[data-theme=warm-bubble] .group-column.dragging{transform:rotate(-1.5deg) scale(1.03);box-shadow:12px 12px #39382f26}.app-shell[data-theme=warm-bubble] .group-column-header{background:#ff9100;border-bottom:0;border-radius:calc(2rem - 4px) calc(1rem - 4px) 0 0;padding:.75em .875em}.app-shell[data-theme=warm-bubble] .map-group-title-input{color:#fff;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;font-size:1rem;background:transparent;border:0}.app-shell[data-theme=warm-bubble] .map-group-title-input::-moz-placeholder{color:#fff9}.app-shell[data-theme=warm-bubble] .map-group-title-input::placeholder{color:#fff9}.app-shell[data-theme=warm-bubble] .map-group-add-slide{background:#fff;color:#ff9100;border:3px solid rgba(57,56,47,.1);border-radius:9999px;font-weight:800;box-shadow:0 3px #39382f1a}.app-shell[data-theme=warm-bubble] .map-group-add-slide:hover{transform:scale(1.05) rotate(1deg);box-shadow:0 4px #39382f1f}.app-shell[data-theme=warm-bubble] .map-group-add-slide:active{transform:scale(.95);box-shadow:none}.app-shell[data-theme=warm-bubble] .group-column-content-body{padding:.75em}.app-shell[data-theme=warm-bubble] .map-node{border:3px solid rgba(57,56,47,.12);border-radius:1rem;background:#fffbff;padding:.75em .875em;box-shadow:0 4px #39382f0f;transition:box-shadow .15s ease,border-color .15s ease}.app-shell[data-theme=warm-bubble] .map-node:hover{transform:rotate(-.5deg);box-shadow:0 6px #39382f1a}.app-shell[data-theme=warm-bubble] .map-node:active{transform:scale(.97);box-shadow:0 2px #39382f0f}.app-shell[data-theme=warm-bubble] .map-node.active{border-color:#ff9100;box-shadow:0 6px #ff910033;background:#ffdcc34d}.app-shell[data-theme=warm-bubble] .map-node.map-selected{border-color:#ff9100;box-shadow:0 6px #ff910026}.app-shell[data-theme=warm-bubble] .map-node.page-drag-projected{border-color:#ff91006b;border-style:dashed;background:#ff910012;color:#39382fc2;box-shadow:inset 0 0 0 2px #ff910014;opacity:.48;transform:none;pointer-events:none}.app-shell[data-theme=warm-bubble] .map-node.page-drag-source-placeholder{border-color:#ff910059;border-style:dashed;opacity:.42;background:#ff91000f;box-shadow:inset 0 0 0 2px #ff91000f}.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview{border:3px solid rgba(57,56,47,.12);border-color:#ff9100;border-radius:1rem;background:#fffbff;color:#39382f;box-shadow:0 0 0 4px #ff910029,0 12px #39382f1f,0 1.1rem 2rem #39382f33!important}.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview .map-node-title,.app-shell[data-theme=warm-bubble] .map-node-title{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.92rem;color:#39382f}.app-shell[data-theme=warm-bubble] .map-node-title[contenteditable=true]{background:#ff91000f;border-radius:.375rem;padding:.125em .25em;outline:none}.app-shell[data-theme=warm-bubble] .map-node-connections,.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview .map-node-connections{font-family:Lexend,sans-serif;font-weight:700;font-size:.72rem}.app-shell[data-theme=warm-bubble] .conn-in,.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview .conn-in{color:#b33263}.app-shell[data-theme=warm-bubble] .conn-out,.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview .conn-out{color:#00751f}.app-shell[data-theme=warm-bubble] .map-link-handle,.drag-reorder-preview[data-theme=warm-bubble].map-node.map-page-drag-preview .map-link-handle{background:#00751f;border:3px solid #ffffff;border-radius:50%;color:#fff;box-shadow:0 3px #39382f1f;font-weight:900;transition:transform .15s ease,box-shadow .15s ease}.app-shell[data-theme=warm-bubble] .map-link-handle:hover{transform:scale(1.15) rotate(6deg);box-shadow:0 4px #39382f26}.app-shell[data-theme=warm-bubble] .map-link-handle:active{transform:scale(.9);box-shadow:none}.app-shell[data-theme=warm-bubble] .edge-path{stroke:#ff9100;stroke-width:3.5;stroke-dasharray:10 8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.app-shell[data-theme=warm-bubble] .edge-path.conditional{stroke:#b33263;stroke-dasharray:8 10;opacity:.6}.app-shell[data-theme=warm-bubble] .edge-path-halo{stroke:#fdf9eae6;stroke-width:8}.app-shell[data-theme=warm-bubble] .edge-path-halo.conditional{stroke:#fdf9ead9}.app-shell[data-theme=warm-bubble] .edge-end-arrow{fill:#ff9100;opacity:.8}.app-shell[data-theme=warm-bubble] .edge-end-arrow.conditional{fill:#b33263;opacity:.7}.app-shell[data-theme=warm-bubble] .edge-port-marker{stroke:#fff;stroke-width:3}.app-shell[data-theme=warm-bubble] .edge-summary-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.7rem}.app-shell[data-theme=warm-bubble] .map-selection-box{border:3px dashed #ff9100;background:#ff910014;border-radius:.5rem}.app-shell[data-simple-mode=true] .map-zoom-fab,.app-shell[data-simple-mode=true] .map-overlay{display:none}.app-shell[data-simple-mode=true] .simple-map-view .simple-map-zoom-fab{display:grid}.app-shell[data-theme=warm-bubble]:not([data-simple-mode=true]) .map-zoom-fab{border:4px solid rgba(57,56,47,.08);border-radius:1.25rem;background:#fffbffe6;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 6px #39382f14}.app-shell[data-theme=warm-bubble]:not([data-simple-mode=true]) .map-zoom-fab .btn{border:0;border-radius:.75rem}.app-shell[data-theme=warm-bubble] .simple-map-view .simple-map-zoom-fab{z-index:24;border:4px solid rgba(57,56,47,.08);border-radius:1.25rem;background:#fffbffe6;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 6px #39382f14;cursor:default}.app-shell[data-theme=warm-bubble] .simple-map-view .simple-map-zoom-fab .btn{border:0;border-radius:.75rem}.app-shell[data-theme=warm-bubble] .simple-map-view .simple-map-zoom-fab .map-frame-btn{min-width:3.25rem;min-height:2.25rem;padding:0 .6rem;font-size:.72rem;font-weight:900;line-height:1}.app-shell[data-theme=warm-bubble] .map-overlay{border:0;border-radius:0;background:transparent;box-shadow:none}.app-shell[data-theme=warm-bubble]:not([data-simple-mode=true]) .map-floating-toolbar{display:inline-flex;border:4px solid rgba(57,56,47,.08);border-radius:.5rem;background:#fffbffeb;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 6px #39382f14}.app-shell[data-theme=warm-bubble]:not([data-simple-mode=true]) .map-floating-toolbar .map-toolbar-icon-btn{border-radius:.5rem}.simple-map-view{position:relative;width:100%;height:100%;flex:1 1 auto;overflow:hidden;background:#fdf9ea;background-image:radial-gradient(circle,rgba(188,185,173,.35) 1px,transparent 1px);background-size:24px 24px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.simple-map-view:active{cursor:grabbing}.simple-map-edge-layer{position:absolute;inset:0;pointer-events:none;transform-origin:0 0}.simple-map-edges{position:absolute;pointer-events:none;overflow:visible}.simple-map-edge-halo{stroke:#fdf9ead9;stroke-width:10;stroke-linecap:round}.simple-map-edge-path{stroke:#ff9100;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 5;opacity:.92}.simple-map-edge-path.conditional{stroke-dasharray:8 10;opacity:.6}.simple-map-edge-arrow{opacity:1}.simple-map-edge-group{transition:opacity .14s ease}.simple-map-edge-group[data-focus=primary]{opacity:1}.simple-map-edge-group[data-focus=quiet]{opacity:.12}.simple-map-edge-group[data-focus=primary] .simple-map-edge-path,.simple-map-edge-group[data-focus=quiet] .simple-map-edge-path{opacity:1}.simple-map-edge-group[data-focus=primary] .simple-map-edge-halo{stroke:#fffffff5;stroke-width:16}.simple-map-edge-group[data-focus=primary] .simple-map-edge-path{stroke-width:7;stroke-dasharray:none}.simple-map-edge-group[data-focus=primary] .simple-map-edge-arrow{transform-box:fill-box;transform-origin:center;transform:scale(1.18)}.simple-map-link-draft{stroke:#00751f;stroke-width:3;stroke-dasharray:6 6;stroke-linecap:round;opacity:.6}.simple-map-labels{position:absolute;inset:0;pointer-events:none;transform-origin:0 0}.simple-map-edge-label-group{position:absolute;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .14s ease}.simple-map-edge-label-group[data-focus=primary]{opacity:1}.simple-map-edge-label-group[data-focus=quiet]{opacity:.18}.simple-map-edge-label{display:inline-flex;align-items:center;background:#fff;border:2px solid #39382f;border-radius:9999px;padding:.25rem .75rem;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#ff9100;white-space:nowrap;box-shadow:0 2px #39382f1a}.simple-map-edge-label-group[data-focus=primary] .simple-map-edge-label{border-color:currentColor;box-shadow:0 0 0 4px #ff91002e,0 3px #39382f29}.simple-map-nodes{position:absolute;inset:0;transform-origin:0 0}.simple-map-node{position:absolute;width:240px;--simple-map-drag-x: 0px;--simple-map-drag-y: 0px;cursor:grab;border:4px solid #39382f;border-radius:2rem 1rem 2.5rem 1.5rem;background:#fffbff;box-shadow:8px 8px #39382f1a;overflow:visible;transition:box-shadow .15s ease,filter .15s ease,outline-color .15s ease,opacity .14s ease;touch-action:none;-webkit-tap-highlight-color:transparent}.simple-map-node[data-focus=near]{opacity:.94}.simple-map-node[data-focus=quiet]{opacity:.38}.simple-map-node[data-focus=primary]{opacity:1}.simple-map-node[data-focus=primary],.simple-map-node[data-focus=near]{filter:saturate(1.08) brightness(1.02)}.simple-map-node:hover{transform:scale(1.02) rotate(-.5deg);filter:brightness(1.03)}.simple-map-node.active{outline:4px solid #ff9100;outline-offset:4px;box-shadow:8px 8px #39382f1a,0 0 0 8px #ff910029;box-shadow:8px 8px 0 0 var(--simple-map-current-shadow, rgba(57,56,47,.10196)),0 0 0 8px #ff910029}.simple-map-node:focus-visible{outline:4px solid rgb(71,156,94);outline-offset:5px}.simple-map-node.dragging{cursor:grabbing;transform:translate3d(var(--simple-map-drag-x),var(--simple-map-drag-y),0) scale(1.04) rotate(-1deg);transition:none;will-change:transform;z-index:100}.simple-map-node-thumb{width:100%;aspect-ratio:16 / 9;background:#f2eedd;overflow:hidden;border-radius:calc(2rem - 4px) calc(1rem - 4px) 0 0}.simple-map-node-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.simple-map-node-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bcb9ad}.simple-map-node-thumb-empty .material-symbols-outlined{font-size:2rem}.simple-map-node-info{padding:.625rem .75rem}.simple-map-node-title{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:900;font-size:.88rem;color:#39382f;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-map-node-current{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:1.25rem;margin-top:.3rem;padding:.12rem .45rem;border-radius:999px;background:#ff9100;color:#fff;font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.simple-map-node-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.3rem;z-index:3}.simple-map-node-edit,.simple-map-link-handle{width:2.25rem;height:2.25rem;border:3px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;box-shadow:0 3px #39382f1f;transition:transform .15s ease;touch-action:none}.simple-map-node-edit{background:#ff9100;color:#fff}.simple-map-link-handle{background:#00751f;color:#fff;cursor:crosshair}.simple-map-node-edit .material-symbols-outlined,.simple-map-link-handle .material-symbols-outlined{font-size:1.1rem}.simple-map-node-edit:hover,.simple-map-link-handle:hover{transform:scale(1.15)}.simple-map-node-edit:active,.simple-map-link-handle:active{transform:scale(.9)}.simple-map-add-slide{position:fixed;bottom:6.5rem;right:1.5rem;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:3px dashed rgba(57,56,47,.25);border-radius:9999px;background:#fffbffe6;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);color:#66655a;cursor:pointer;font:inherit;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800;font-size:.88rem;box-shadow:0 4px #39382f0f;transition:transform .15s ease,border-color .15s ease,color .15s ease}.simple-map-add-slide:hover{border-color:#ff9100;color:#ff9100;transform:scale(1.03)}.simple-map-add-slide:active{transform:scale(.95)}.simple-map-add-slide .material-symbols-outlined{font-size:1.5rem}.app-shell[data-theme=warm-bubble] .play-actions .btn{border-radius:9999px;font-weight:800}.app-shell[data-theme=warm-bubble] .play-actions #restartPlayBtn{background:#ff9100;border:3px solid #39382f;color:#fff;box-shadow:0 3px #39382f1f}.app-shell[data-theme=warm-bubble] .play-actions #returnBuildBtn{background:#fff;border:3px solid rgba(57,56,47,.12);color:#39382f;box-shadow:0 3px #39382f0f}.app-shell[data-theme=warm-bubble] #playMode[data-return-build-priority=true] .play-actions #restartPlayBtn{background:#fff;border-color:#39382f1f;color:#39382f;box-shadow:0 3px #39382f0f}.app-shell[data-theme=warm-bubble] #playMode[data-return-build-priority=true] .play-actions #returnBuildBtn{background:#ff9100;border-color:#39382f;color:#fff;box-shadow:0 3px #39382f1f}.app-shell[data-theme=warm-bubble] .inventory-panel{border-color:#39382f1f;background:linear-gradient(90deg,#ffffffe0,#fffbf2f5),#fff8ea;box-shadow:-.375rem .5rem #39382f12,inset .1875rem 0 #ffffffdb,inset .625rem 0 1.25rem #ff910014}.app-shell[data-theme=warm-bubble] .canvas-viewport.play{border:0;border-radius:0;background:#fdf9ea;background-image:none}.app-shell[data-theme=warm-bubble][data-play-active=true] #playMode.mode-panel.active{background:#fdf9ea;background-image:none}.app-shell[data-theme=warm-bubble] #playCanvasStage{border-radius:1rem;overflow:hidden;box-shadow:0 6px 20px #39382f40,0 16px 48px #39382f2e}.app-shell[data-theme=warm-bubble] .play-modal{border:4px solid rgba(57,56,47,.1);border-radius:2rem;background:#fffbff;box-shadow:0 8px 24px #39382f29}.app-shell[data-theme=warm-bubble] .play-modal-backdrop{background:#39382f47}.app-shell[data-theme=warm-bubble] .segmented-buttons{border:3px solid rgba(57,56,47,.1);border-radius:.75rem;background:#fffbff}.app-shell[data-theme=warm-bubble] .segmented-btn{border-right-color:#39382f1a;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800}.app-shell[data-theme=warm-bubble] .segmented-btn.active{background:#ff9100;color:#fff}.app-shell[data-theme=warm-bubble] .segmented-btn:hover:not(.active):not(:disabled){background:#ff910014}.app-shell[data-theme=warm-bubble] .toggle-switch.active .toggle-switch-track{background:#ff9100}.app-shell[data-theme=warm-bubble] .toggle-switch-track{background:#39382f2e}.app-shell[data-theme=warm-bubble] .radio-card{border:3px solid rgba(57,56,47,.08);border-radius:1rem;background:#fffbff}.app-shell[data-theme=warm-bubble] .radio-card:hover:not(.active):not(:disabled){border-color:#ff910059;background:#ff91000a}.app-shell[data-theme=warm-bubble] .radio-card.active{border-color:#ff9100;background:#ff910014;box-shadow:0 0 0 .125rem #ff910024}.app-shell[data-theme=warm-bubble] .radio-card.active .radio-card-icon{color:#ff9100}.app-shell[data-theme=warm-bubble] .radio-card-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:800}.app-shell[data-theme=warm-bubble] .colour-palette-trigger{border:3px solid rgba(57,56,47,.1);border-radius:.75rem;background:#fffbff}.app-shell[data-theme=warm-bubble] .colour-palette-trigger.open{border-color:#ff9100;box-shadow:0 0 0 .125rem #ff910026}.app-shell[data-theme=warm-bubble] .colour-palette-panel{border:3px solid rgba(57,56,47,.1);border-radius:1.25rem;background:#fffbff;box-shadow:0 8px #39382f14}.app-shell[data-theme=warm-bubble] .colour-palette-chip{border-radius:.5rem}.app-shell[data-theme=warm-bubble] .colour-palette-chip.selected{border-color:#ff9100;box-shadow:0 0 0 .125rem #ff91004d}.app-shell[data-theme=warm-bubble] .colour-palette-custom-btn{border:3px solid rgba(57,56,47,.08);border-radius:.75rem;font-family:Plus Jakarta Sans,Lexend,sans-serif;font-weight:700}.app-shell[data-theme=warm-bubble] .colour-palette-custom-btn:hover{background:#ff91000f}.app-shell[data-theme=warm-bubble] .inspector-section-group-label{font-family:Plus Jakarta Sans,Lexend,sans-serif;color:#ff9100}.app-shell[data-theme=warm-bubble] .inspector-section-group-line{background:#39382f1a}.app-shell[data-theme=warm-bubble] .panel-toggle-handle{border:3px solid rgba(57,56,47,.08);background:#fffbff;border-radius:0 .75rem .75rem 0}.app-shell[data-theme=warm-bubble] .panel-toggle-handle:hover{background:#ff910014}.app-shell[data-theme=warm-bubble] .panel-toggle-handle-right{border-radius:.75rem 0 0 .75rem}.app-shell[data-theme=warm-bubble] .first-use-tooltip{background:#ff9100;box-shadow:0 4px 12px #ff910059}.app-shell[data-theme=warm-bubble] .first-use-tooltip:after{background:#ff9100}@media(min-width:48em)and (max-width:75em){html{font-size:14px}}@media(min-width:48em)and (max-width:64em){html{font-size:13px}}@media(min-width:48em)and (max-height:48em){html{font-size:13px}}@media(max-width:75em){.app-shell .number-stepper.input{grid-template-columns:1.425rem minmax(0,1fr) 1.425rem;font-size:.8125rem;box-sizing:border-box;height:2rem;min-height:2rem}.number-stepper-btn,.number-stepper-value-shell{min-height:0}.number-stepper-input{height:100%;min-height:0;line-height:1.1;padding-top:.15em;padding-bottom:.15em}.app-shell[data-simple-mode=true] .node-setting-row-compact .number-stepper{height:2rem;min-height:2rem;max-height:2rem}#buildMode{--build-left-panel-width: max(12.5em, min(calc(24 * var(--w-1)), 17.5em));--build-right-panel-width: max(13.5em, min(calc(26 * var(--w-1)), 20em));padding:0}#buildMode .canvas-panel{position:relative;inset:auto;transform:none;z-index:auto;width:auto;max-width:none}#buildMode .build-floating-panel{position:absolute}#buildMode .slide-panel.collapsed,#buildMode .inspector-panel.collapsed{height:auto;min-height:0;align-self:stretch}.play-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.panel-rail-toggle{min-height:0;height:100%;width:100%}.panel-rail-toggle-left,.panel-rail-toggle-right{justify-self:stretch}}@media(pointer:coarse){.app-shell .number-stepper.input{grid-template-columns:1.425rem minmax(0,1fr) 1.425rem;font-size:.8125rem;box-sizing:border-box;height:2rem;min-height:2rem}.number-stepper-btn,.number-stepper-value-shell{min-height:0}.number-stepper-btn{background:#ff91000f;color:color-mix(in srgb,currentColor 82%,#5a3b00 18%)}.number-stepper-btn:hover{background:#ff910024}.number-stepper-input{height:100%;min-height:0;line-height:1.1;padding-top:.15em;padding-bottom:.15em}.app-shell[data-simple-mode=true] .node-setting-row-compact .number-stepper{height:2rem;min-height:2rem;max-height:2rem}}@media(max-width:47.5em){#buildMode{display:flex;flex-direction:column;gap:.75rem;padding:0}#buildMode .canvas-panel{flex:1 1 auto;min-height:0}#buildMode .slide-panel,#buildMode .inspector-panel{width:100%;max-width:none;min-width:0;position:relative;inset:auto}#buildMode .slide-panel{max-height:22em}#buildMode .inspector-panel{max-height:24em}#buildMode .slide-panel.collapsed,#buildMode .inspector-panel.collapsed{width:100%;max-width:none;min-width:0;min-height:2.5em;height:2.5em;padding:.25em;align-items:stretch;justify-items:stretch;place-items:stretch}#buildMode .canvas-viewport{padding:6.75rem .75rem .75rem}.build-floating-controls{top:.75rem;right:.75rem;bottom:auto;left:.75rem}.build-file-cluster,.build-insert-cluster,.build-tools-cluster{position:static;transform:none}.build-tools-cluster{width:100%;margin-top:4.25rem;display:flex;align-items:flex-start;gap:.5rem}.build-tools-cluster .build-insert-cluster{width:auto;flex:1 1 auto;margin-top:0;transform:none}.build-insert-cluster{width:100%;margin-top:4.25rem;overflow-x:auto;justify-content:flex-start}.ribbon-head{width:100%;flex-wrap:nowrap}.ribbon-select.input{width:7.125em;min-width:7.125em}.open-modal-content{grid-template-columns:1fr}.open-modal-side{grid-template-rows:auto}}@media(max-width:47.5em){#buildMode .slide-panel,#buildMode .inspector-panel{max-height:16.5em}#buildMode{padding:0}#buildMode .canvas-viewport{padding:9.5rem .625rem .625rem}.topbar{display:flex;align-items:flex-start;gap:.5em;flex-wrap:wrap}.brand{flex:1 1 100%}.topbar,.toolbar{padding-left:.625em;padding-right:.625em}.build-ribbon{padding-left:0;padding-right:0}.mode-tabs{order:2;width:100%;justify-content:space-between}.mode-tab{flex:1;min-width:4.25em}.topbar-actions{order:3;width:100%;justify-content:stretch}.theme-control{width:100%}.topbar-select.input{width:100%;min-width:0}.ribbon-select.input{width:6.5em;min-width:6.5em}.ribbon-action-btn{padding:0 .5em}.open-modal{padding:.625em}.open-modal-header{margin-bottom:.5em}.open-inline-actions{flex-direction:column}.canvas-actions>.btn,.canvas-actions>.layer-menu-wrap>.btn{flex:1 1 8.125em}.canvas-zoom-controls{flex:1 1 15em}.canvas-zoom-slider{flex:1 1 auto;width:auto}.canvas-title-controls{width:100%}.build-floating-controls{top:.625rem;right:.625rem;bottom:auto;left:.625rem}.build-tools-cluster{margin-top:4rem}.build-insert-cluster{padding:.4rem;gap:.35rem}.build-tool-btn{min-width:4.2rem;min-height:4rem;padding-left:.55rem;padding-right:.55rem}.canvas-project-title-btn{max-width:none;flex:1}.canvas-project-title-input.input{width:100%;min-width:0}.canvas-save-hint{display:none}.map-groups{min-width:100%;min-height:100%}.map-toolbar-actions{margin-left:0;width:100%}.map-toolbar-actions .btn{flex:1}.map-floating-toolbar{width:auto;max-width:calc(100% - 6.5rem);left:auto;right:.625rem;transform:none}.panel-rail-toggle{min-height:2.25em;height:2.25em}}@media(min-width:60.0625em){.app-shell[data-build-layout=storybook] #buildMode{--build-left-panel-width: 12.75em;--build-right-panel-width: 15.5em;grid-template-columns:12.75em minmax(0,1fr) 15.5em;grid-template-columns:var(--build-left-panel-width) minmax(0,1fr) var(--build-right-panel-width);grid-template-areas:"slides canvas inspector"}.app-shell[data-build-layout=storybook] .canvas-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-gap:.75em;gap:.75em}.app-shell[data-build-layout=storybook] .canvas-meta{display:contents}.app-shell[data-build-layout=guided] #buildMode{grid-template-columns:minmax(0,1fr) var(--build-right-panel-width);grid-template-rows:minmax(0,1fr) max(14em,min(calc(29 * var(--v-1)),18em));grid-template-areas:"canvas inspector" "slides inspector"}.app-shell[data-build-layout=guided] #buildMode.left-collapsed{grid-template-rows:minmax(0,1fr) var(--build-collapsed-rail-width)}.app-shell[data-build-layout=guided] .slide-panel,.app-shell[data-build-layout=guided] .inspector-panel{width:auto;max-width:none}.app-shell[data-build-layout=guided] .slide-panel{height:auto;max-height:none}.app-shell[data-build-layout=guided] .slide-list{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden}}.story-builder-topbar{min-height:4.25rem;padding:.5rem 1rem;display:grid;grid-template-columns:minmax(14rem,1fr) auto minmax(18rem,1fr);align-items:center;grid-gap:.75rem;gap:.75rem;border-bottom:.0625rem solid var(--border);background:var(--surface-topbar);position:relative;z-index:2200}.story-builder-title-group{display:grid;grid-template-columns:auto minmax(8rem,18rem) auto;align-items:center;grid-gap:.5rem;gap:.5rem;min-width:0}.story-builder-title-label,.story-context-kicker,.story-builder-stage-kicker{font-size:.75rem;font-weight:800;color:var(--text-label)}.story-builder-title-input{min-height:2.35rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);padding:0 .65rem;font-weight:800}.story-builder-save-status{min-width:5.8rem;font-size:.82rem;font-weight:800;color:var(--mint)}.story-builder-save-state{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.story-builder-save-state-error{justify-self:start}.story-builder-save-error{color:var(--danger-soft-text)}.story-builder-save-retry{min-height:2rem;padding-left:.55rem;padding-right:.55rem;border-radius:.5rem;color:var(--danger-soft-text);font-size:.78rem;font-weight:850;white-space:nowrap}.story-builder-mode-tabs{display:inline-flex;justify-self:center;gap:.25rem;padding:.25rem;border-radius:.75rem;background:var(--mode-tabs-surface)}.story-builder-mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:4.9rem;min-height:2.35rem;padding:0 .95rem;border:0;border-radius:.5rem;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.story-builder-mode-tab.active{background:var(--mode-tab-active-background);color:var(--mode-tab-active-color);box-shadow:var(--mode-tab-active-shadow)}.story-builder-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0}.story-builder-action,.story-builder-try,.story-builder-switch{min-height:2.35rem;border-radius:.5rem}.story-builder-try-menu,.story-builder-advanced{position:relative}.story-builder-try-menu{display:inline-flex;align-items:stretch}.story-builder-try{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.story-builder-try-caret{font-size:.82rem;line-height:1}.story-builder-advanced>summary{display:inline-flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}.story-builder-advanced>summary::-webkit-details-marker{display:none}.story-builder-menu,.story-builder-advanced-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:2300;width:12.5rem;padding:.65rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);box-shadow:var(--shadow)}.story-builder-menu{display:grid;grid-gap:.45rem;gap:.45rem;width:13.75rem}.story-builder-menu p,.story-builder-advanced-menu p{margin:0 0 .45rem;color:var(--text-label);font-size:.75rem;font-weight:800}.story-builder-menu .btn,.story-builder-advanced-menu .btn{width:100%;justify-content:center}.story-builder-switch{color:var(--ink-muted)}.story-builder-share-backdrop{z-index:2600}.story-builder-share-dialog{width:min(26rem,calc(100vw - 2rem));border-radius:.5rem}.story-builder-share-body{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem}.story-builder-share-copy,.story-builder-share-note{margin:0;color:var(--ink-muted);font-size:.95rem;line-height:1.4}.story-builder-share-list{margin:0;padding:0 0 0 1.2rem;display:grid;grid-gap:.5rem;gap:.5rem;color:var(--ink);font-weight:760;line-height:1.35}.story-builder-share-actions{display:flex;flex-wrap:wrap;gap:.5rem}.story-builder-share-actions .btn{min-height:44px;border-radius:.5rem}.app-shell[data-build-layout=student] .btn:focus-visible,.app-shell[data-build-layout=student] button:focus-visible,.app-shell[data-build-layout=student] summary:focus-visible,.app-shell[data-build-layout=student] input:focus-visible,.app-shell[data-build-layout=student] select:focus-visible,.app-shell[data-build-layout=student] textarea:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem;box-shadow:0 0 0 .25rem var(--focus-glow)}.app-shell[data-build-layout=student] .story-builder-menu .btn:focus-visible,.app-shell[data-build-layout=student] .on-this-page-select:focus-visible{position:relative;z-index:1}.app-shell[data-build-layout=student] .on-this-page-drawer button:focus,.app-shell[data-build-layout=student] .on-this-page-drawer .btn:focus{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem;box-shadow:0 0 0 .25rem var(--focus-glow)}.app-shell[data-build-layout=student] .workspace{background:var(--surface)}.app-shell[data-build-layout=student] #buildMode.story-builder-build-mode{--story-pages-width: max(12.75rem, min(16rem, 17rem));--story-context-width: max(15.5rem, min(19rem, 20rem));display:none;grid-template-columns:max(12.75rem,min(16rem,17rem)) minmax(0,1fr) max(15.5rem,min(19rem,20rem));grid-template-columns:var(--story-pages-width) minmax(0,1fr) var(--story-context-width);grid-template-areas:"story-pages story-stage story-context";gap:.75rem;padding:.75rem;background:var(--surface)}.app-shell[data-build-layout=student] #buildMode.story-builder-build-mode.active{display:grid}.story-map-mode{display:flex;flex-direction:column;gap:1rem;min-height:0;height:100%;padding:1rem;background:#edf4f2;color:var(--ink);overflow:hidden}.story-map-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background:var(--surface-contrast);border:1px solid var(--rail-border-soft);border-radius:8px;box-shadow:0 .5rem 1rem #24313a14}.story-map-kicker{margin:0 0 .2rem;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#166a7a}.story-map-header h1{margin:0;font-size:1.35rem;line-height:1.15;color:var(--ink)}.story-map-header p,.story-map-empty p,.story-map-guidance span,.story-map-place-copy span,.story-map-selected-note span{margin:0;color:var(--ink-muted);line-height:1.4}.story-map-header-actions,.story-map-selected-actions,.story-map-path-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.story-map-mode .story-map-action{min-height:44px;border-radius:8px}.story-map-empty,.story-map-guidance,.story-map-selected-note{padding:1rem;background:var(--surface-contrast);border:1px solid var(--rail-border-soft);border-radius:8px}.story-map-empty{display:grid;align-content:start;justify-items:start;grid-gap:.75rem;gap:.75rem;min-height:18rem}.story-map-empty h2{margin:0;font-size:1.25rem}.story-map-guidance,.story-map-selected-note{display:flex;flex-wrap:wrap;gap:.4rem .75rem;align-items:center}.story-map-guidance strong,.story-map-selected-note strong{color:#166a7a}.story-map-board{position:relative;isolation:isolate;flex:1;min-height:24rem;overflow:auto;display:grid;grid-gap:.85rem;gap:.85rem;align-content:start;padding:.85rem;border:1px solid color-mix(in srgb,var(--rail-border-soft) 72%,transparent);border-radius:8px;background:radial-gradient(circle at 18% 18%,rgba(224,170,28,.08) 0,rgba(224,170,28,.08) .12rem,transparent .16rem),radial-gradient(circle at 82% 28%,rgba(133,97,169,.07) 0,rgba(133,97,169,.07) .1rem,transparent .15rem),linear-gradient(135deg,#fbfcf5,#eef8f4 48%,#f7fbff);background:radial-gradient(circle at 18% 18%,rgba(224,170,28,.08) 0 .12rem,transparent .16rem),radial-gradient(circle at 82% 28%,rgba(133,97,169,.07) 0 .1rem,transparent .15rem),linear-gradient(135deg,#fbfcf5,#eef8f4 48%,#f7fbff);background-size:5.5rem 5.5rem,7rem 7rem,auto;box-shadow:inset 0 0 0 1px #ffffffb8,0 .8rem 1.6rem #24313a0f}.story-builder-icon{flex:0 0 auto;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-map-action,.story-builder-action,.story-builder-try,.story-builder-share-actions .btn,.story-check-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.story-map-flow-label{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:#166a7a;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.story-map-flow-copy{margin:0;color:var(--ink-muted);font-weight:750}.story-map-trail-board{position:relative;isolation:isolate;width:-moz-max-content;width:max-content;box-sizing:border-box;overflow:visible;border-radius:8px}.story-map-column-stage{position:absolute;z-index:4;display:inline-flex;align-items:center;min-height:1.55rem;pointer-events:none;color:#267a8c;color:var(--story-map-column-color, #267a8c)}.story-map-column-stage span{display:inline-flex;align-items:center;min-height:1.55rem;max-width:100%}.story-map-column-stage>span:last-child{padding:0 .62rem;border:1px solid rgba(192,215,220,.896);border-radius:8px;background:#ffffffd1;box-shadow:0 .12rem .28rem #24313a0d;font-size:.72rem;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}@supports (color: color-mix(in lch,red,blue)){.story-map-column-stage>span:last-child{border:1px solid color-mix(in srgb,var(--story-map-column-color, #257486) 26%,rgba(255,255,255,.86))}}.story-map-trail-layer,.story-map-arrow-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story-map-trail-layer{z-index:1}.story-map-arrow-layer{z-index:5}.story-map-trail-path{fill:none;stroke:#257486;stroke:var(--story-map-wire-color, #257486);stroke-width:2.15px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 .08rem 0 rgba(255,255,255,.9));opacity:.54;transition:opacity .12s ease,stroke-width .12s ease}.story-map-trail-path[data-focus=primary]{stroke-width:4.6px;opacity:.96}.story-map-trail-path[data-focus=return]{stroke-width:1.75px;opacity:.24}.story-map-trail-path[data-focus=quiet]{stroke-width:1.45px;opacity:.11}.story-map-trail-path[data-status=missing-destination],.story-map-trail-path[data-status=stale-destination]{stroke-dasharray:.5 .42}.story-map-trail-path[data-status=loop]{stroke-dasharray:.82 .34}.story-map-trail-path[data-status=summary]{stroke-dasharray:.2 .45}.story-map-trail-arrow{color:#257486;color:var(--story-map-wire-color, #257486);fill:currentColor;filter:drop-shadow(0 .09rem 0 rgba(255,255,255,.95)) drop-shadow(0 .16rem .26rem rgba(36,49,58,.22));opacity:.58;vector-effect:non-scaling-stroke}.story-map-trail-arrow[data-focus=primary]{opacity:1}.story-map-trail-arrow[data-focus=return]{opacity:.42}.story-map-trail-arrow[data-focus=quiet]{opacity:.16}.story-map-trail-arrow[data-status=missing-destination],.story-map-trail-arrow[data-status=stale-destination]{color:#b77b10;opacity:.82}.story-map-signpost{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:.35rem;max-width:8.2rem;min-height:1.65rem;padding:.16rem .52rem .16rem .28rem;border:1px solid color-mix(in srgb,#257486 42%,var(--rail-border-soft));border-radius:8px;background:#ffffffe0;color:var(--ink);font-size:.78rem;font-weight:850;line-height:1.15;box-shadow:0 .16rem .32rem #24313a12,inset 0 -.14rem #2574861f;pointer-events:none;word-wrap:anywhere;transition:opacity .12s ease,transform .12s ease,background .12s ease}@supports (color: color-mix(in lch,red,blue)){.story-map-signpost{border:1px solid color-mix(in srgb,var(--story-map-wire-color, #257486) 42%,var(--rail-border-soft));box-shadow:0 .16rem .32rem #24313a12,inset 0 -.14rem color-mix(in srgb,var(--story-map-wire-color, #257486) 12%,transparent)}}.story-map-signpost[data-focus=primary]{background:#fff;opacity:1;transform:translateY(-.08rem)}.story-map-signpost[data-focus=return]{opacity:.46}.story-map-signpost[data-focus=quiet]{opacity:.22}.story-map-signpost[data-status=missing-destination],.story-map-signpost[data-status=stale-destination]{border-color:#777844;background:#fff9e8}@supports (color: color-mix(in lch,red,blue)){.story-map-signpost[data-status=missing-destination],.story-map-signpost[data-status=stale-destination]{border-color:color-mix(in srgb,var(--story-map-wire-color, #257486) 44%,#b77b10)}}.story-map-signpost[data-status=loop]{border-color:color-mix(in srgb,#257486 52%,var(--rail-border-soft))}@supports (color: color-mix(in lch,red,blue)){.story-map-signpost[data-status=loop]{border-color:color-mix(in srgb,var(--story-map-wire-color, #257486) 52%,var(--rail-border-soft))}}.story-map-signpost[data-status=summary]{border-style:dashed;background:#e0ecee}@supports (color: color-mix(in lch,red,blue)){.story-map-signpost[data-status=summary]{background:color-mix(in srgb,#ffffff 86%,var(--story-map-wire-color, #257486))}}.story-map-signpost-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:6px;background:#e3edef;color:#257486;color:var(--story-map-wire-color, #257486)}@supports (color: color-mix(in lch,red,blue)){.story-map-signpost-icon{background:color-mix(in srgb,var(--story-map-wire-color, #257486) 13%,#ffffff)}}.story-map-signpost-copy{display:grid;grid-gap:.05rem;gap:.05rem;min-width:0}.story-map-signpost-copy small{color:var(--ink-muted);font-size:.68rem;font-weight:850}.story-map-place-card,.story-map-page-stop{min-width:0;border-radius:8px;box-sizing:border-box}.story-map-place-card{position:absolute;z-index:3;display:grid;grid-template-rows:minmax(0,1fr);grid-gap:0;gap:0;align-items:stretch;padding:0;overflow:hidden;border:2px solid color-mix(in srgb,#257486 30%,var(--rail-border-soft));background:#fffffff5;color:var(--ink);text-align:left;box-shadow:inset 0 .34rem #257486,0 .55rem 1rem #24313a1a,0 0 0 1px #ffffffb8 inset;box-shadow:inset 0 .34rem 0 var(--story-map-column-color, #257486),0 .55rem 1rem #24313a1a,0 0 0 1px #ffffffb8 inset;transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease}@supports (color: color-mix(in lch,red,blue)){.story-map-place-card{border:2px solid color-mix(in srgb,var(--story-map-column-color, #257486) 30%,var(--rail-border-soft))}}.story-map-place-card[data-visual-state=paths-ready]{border-color:color-mix(in srgb,#2f7d4f 34%,var(--rail-border-soft))}.story-map-place-card[data-visual-state=needs-scene]{border-color:color-mix(in srgb,#b77b10 50%,var(--rail-border-soft))}button.story-map-place-card{cursor:pointer}.story-map-place-card[data-focus=quiet]{opacity:.42}.story-map-place-card[data-focus=near]{opacity:.82}.story-map-place-card.selected,.story-map-place-card.current{border-color:#1d7a8c;box-shadow:inset 0 .34rem #257486,0 0 0 4px #ffffffeb,0 0 0 6px #25748633,0 .85rem 1.65rem #255d6c3e}@supports (color: color-mix(in lch,red,blue)){.story-map-place-card.selected,.story-map-place-card.current{box-shadow:inset 0 .34rem 0 var(--story-map-column-color, #257486),0 0 0 4px #ffffffeb,0 0 0 6px color-mix(in srgb,var(--story-map-column-color, #257486) 20%,transparent),0 .85rem 1.65rem color-mix(in srgb,var(--story-map-column-color, #257486) 16%,rgba(36,49,58,.1))}}.story-map-place-card.selected{transform:translateY(-.14rem) scale(1.01)}.story-map-place-card.selected:after{content:"";position:absolute;inset:.32rem;z-index:1;border:1px solid rgba(29,122,140,.34);border-radius:6px;pointer-events:none}.story-map-place-card.current{background:linear-gradient(180deg,#fffffffa,#f7fdf9f5),#fffdf4}.story-map-place-card[data-state=possible-ending]{border-color:color-mix(in srgb,#e0aa1c 38%,var(--rail-border-soft))}.story-map-place-card[data-state=needs-page],.story-map-place-card[data-state=blank]{border-color:color-mix(in srgb,#b77b10 40%,var(--rail-border-soft))}.story-map-slot-node{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:.55rem .7rem;align-content:center;align-items:center;padding:1rem;border-style:dashed;background:#fff9e8}.story-map-branch-summary{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:.55rem .7rem;align-content:center;align-items:center;padding:1rem;border-style:dashed;background:#ffffffe6}.story-map-branch-summary[data-focus=quiet]{opacity:.86}.story-map-branch-summary .story-map-place-copy{padding:0}.story-map-branch-summary .story-map-action{grid-column:1 / -1}.story-map-slot-node[data-state=missing-destination]{border-color:color-mix(in srgb,#2f7d4f 44%,var(--rail-border-soft));background:#f0faf2;box-shadow:inset 0 .34rem #2f7d4f,0 .45rem .95rem #24313a1a,0 0 0 1px #ffffffb8 inset}.story-map-place-preview,.story-map-stop-preview{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--rail-border-soft) 82%,transparent);border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #ffffffb3}.story-map-place-preview{grid-area:1 / 1;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-width:0;border-radius:0;background:linear-gradient(135deg,#25748614,#e0aa1c14),#fff}.story-map-place-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0 0 42%,#ffffff61 72%,#ffffffb8),radial-gradient(circle at 72% 16%,rgba(37,116,134,.18) 0,rgba(37,116,134,.18) .15rem,transparent .18rem);background:linear-gradient(180deg,#fff0 0 42%,#ffffff61 72%,#ffffffb8),radial-gradient(circle at 72% 16%,color-mix(in srgb,#257486 18%,transparent) 0 .15rem,transparent .18rem);pointer-events:none}@supports (color: color-mix(in lch,red,blue)){.story-map-place-preview:after{background:linear-gradient(180deg,#fff0 0 42%,#ffffff61 72%,#ffffffb8),radial-gradient(circle at 72% 16%,color-mix(in srgb,var(--story-map-column-color, #257486) 18%,transparent) 0,color-mix(in srgb,var(--story-map-column-color, #257486) 18%,transparent) .15rem,transparent .18rem)}}@supports (background: linear-gradient(red 0%,red 0% 1%,red 2%)) and (background: radial-gradient(red,red 1px 2px,red 3px)) and (color: color-mix(in lch,red,blue)){.story-map-place-preview:after{background:linear-gradient(180deg,#fff0 0 42%,#ffffff61 72%,#ffffffb8),radial-gradient(circle at 72% 16%,color-mix(in srgb,var(--story-map-column-color, #257486) 18%,transparent) 0 .15rem,transparent .18rem)}}.story-map-place-card.selected .story-map-place-preview:after,.story-map-place-card.current .story-map-place-preview:after{border-bottom:3px solid #257486;border-bottom:3px solid var(--story-map-column-color, #257486);box-shadow:inset 0 -2.5rem 3rem #ffffff14}.story-map-stop-preview{width:6.4rem;aspect-ratio:16 / 9}.story-map-place-preview img,.story-map-stop-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.story-map-page-stop{display:grid;grid-template-columns:6.4rem minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:center;width:100%;min-height:4.75rem;padding:.7rem;border:2px solid var(--rail-border-soft);background:var(--surface-contrast);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 .3rem .8rem #24313a0f}.story-map-page-stop.selected,.story-map-shelf-item.selected .story-map-page-stop{border-color:#1d7a8c;box-shadow:0 0 0 3px #1d7a8c29,0 .3rem .8rem #24313a14}.story-map-page-stop.current,.story-map-shelf-item.current .story-map-page-stop{background:#fbfdf8}.story-map-page-stop.current .story-map-stop-icon,.story-map-shelf-item.current .story-map-stop-icon{background:#ffe8a3;color:#6c4700}.story-map-page-stop[data-state=possible-ending] .story-map-stop-icon{background:#fff2c8;color:#7a5604}.story-map-page-stop[data-state=needs-page] .story-map-stop-icon,.story-map-page-stop[data-state=blank] .story-map-stop-icon{background:#fff6dd;color:#8a5e07}.story-map-place-icon,.story-map-stop-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;background:#e7f4f1;color:#166a7a}.story-map-place-card.current .story-map-place-icon{background:#ffe8a3;color:#6c4700}.story-map-place-card[data-state=possible-ending] .story-map-place-icon{background:#fff2c8;color:#7a5604}.story-map-place-card[data-state=needs-page] .story-map-place-icon,.story-map-place-card[data-state=blank] .story-map-place-icon{background:#fff6dd;color:#8a5e07}.story-map-place-copy,.story-map-stop-copy,.story-map-slot-node .story-map-place-copy{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.story-map-place-copy{grid-area:1 / 1;z-index:2;align-self:end;margin:.55rem;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.74);border-radius:8px;background:#ffffffc7;box-shadow:0 .28rem .75rem #24313a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-map-slot-node .story-map-place-copy,.story-map-branch-summary .story-map-place-copy{grid-area:auto;z-index:auto;align-self:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.story-map-place-title,.story-map-stop-title,.story-map-slot-node .story-map-place-title{color:var(--ink);font-size:1.03rem;font-weight:900;word-wrap:anywhere}.story-map-place-meta,.story-map-stop-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;color:var(--text-label);font-size:.78rem;font-weight:850;line-height:1.25}.story-map-path-dots,.story-map-selected-dots{display:inline-flex;align-items:center;gap:.24rem;min-height:1.35rem}.story-map-path-dot{display:inline-block;width:.68rem;height:.68rem;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 .08rem .2rem #24313a29,0 0 0 1px #24313a14}.story-map-path-dot[data-state=ready]{background:#2f8f5b}.story-map-path-dot[data-state=needs-scene]{background:#d19318}.story-map-state-pill{display:inline-flex;align-items:center;min-height:1.35rem;padding:0 .4rem;border-radius:6px;background:#e7f4f1;color:#166a7a;font-size:.72rem;font-weight:900}.story-map-place-cue,.story-map-stop-cue,.story-map-slot-node .story-map-place-cue{color:var(--ink-muted);font-size:.84rem;line-height:1.3;word-wrap:anywhere}.story-map-place-card .story-map-place-cue{display:none}.story-map-choice-picker{grid-column:1 / -1;display:grid;grid-gap:.6rem;gap:.6rem;min-width:0;padding-top:.75rem;border-top:1px solid var(--rail-border-soft)}.story-map-choice-picker p{margin:0;color:var(--ink-muted);font-weight:750}.story-map-choice-options{display:flex;flex-wrap:wrap;gap:.5rem}.story-map-slot-node .story-map-action,.story-map-slot-node .story-map-path-actions{grid-column:1 / -1}.story-map-disconnected-shelf{display:grid;grid-gap:.75rem;gap:.75rem;width:min(100%,68rem);padding:.9rem;border:1px dashed color-mix(in srgb,#166a7a 34%,var(--rail-border-soft));border-radius:8px;background:color-mix(in srgb,#f7fbfb 72%,var(--surface-contrast))}.story-map-shelf-heading{display:grid;grid-gap:.3rem;gap:.3rem}.story-map-shelf-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:.7rem;gap:.7rem}.story-map-shelf-item{display:grid;grid-gap:.55rem;gap:.55rem;min-width:0}.story-map-selected-tray{justify-content:space-between;margin-top:.15rem;border-color:color-mix(in srgb,#1d7a8c 24%,var(--rail-border-soft));background:linear-gradient(135deg,#fff,#f4fbf9);box-shadow:inset .34rem 0 #1d7a8c,0 .45rem 1rem #24313a12}.story-map-selected-tray[data-tone=ready]{border-color:color-mix(in srgb,#2f7d4f 28%,var(--rail-border-soft));box-shadow:inset .34rem 0 #2f7d4f,0 .45rem 1rem #24313a12}.story-map-selected-tray[data-tone=needs-scene]{border-color:color-mix(in srgb,#b77b10 30%,var(--rail-border-soft));box-shadow:inset .34rem 0 #b77b10,0 .45rem 1rem #24313a12}.story-map-selected-summary{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:.65rem;gap:.65rem;align-items:center;min-width:0}.story-map-selected-summary>div{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.story-map-selected-badge{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:8px;background:#e7f4f1;color:#166a7a}.story-map-selected-tray[data-tone=ready] .story-map-selected-badge{background:#e7f7df;color:#26713f}.story-map-selected-tray[data-tone=needs-scene] .story-map-selected-badge{background:#fff2c8;color:#7a5604}.story-map-selected-copy{color:var(--ink-muted);font-size:.9rem;line-height:1.2}.story-map-selected-dots{margin-top:.12rem}.story-map-selected-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.story-map-page-stop:focus-visible,.story-map-place-card:focus-visible,.story-map-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.story-check-modal-backdrop{position:fixed;inset:0;z-index:2550;display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;background:#1822285c}.story-check-modal{width:min(48rem,calc(100vw - 2rem));max-height:min(44rem,calc(100vh - 2rem));overflow:auto;display:grid;grid-gap:.85rem;gap:.85rem;padding:1rem;border:1px solid var(--rail-border-soft);border-radius:8px;background:var(--surface-contrast);box-shadow:var(--shadow)}.story-check-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.story-check-modal-header h2,.story-check-modal-header p{margin:0}.story-check-modal-header h2{font-size:1.25rem}.story-check-modal-header p:not(.story-map-kicker){color:var(--ink-muted);line-height:1.35}.story-check-panel{display:grid;grid-gap:.75rem;gap:.75rem}.story-check-ready,.story-check-group{display:grid;grid-gap:.65rem;gap:.65rem;padding:.85rem;border:1px solid var(--rail-border-soft);border-radius:8px;background:#f8fbfb}.story-check-ready h3,.story-check-ready p,.story-check-group h3,.story-check-row p,.story-check-row small{margin:0}.story-check-kicker,.story-check-row small{color:var(--text-label);font-size:.78rem;font-weight:850}.story-check-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.story-check-group-heading h3{font-size:1rem}.story-check-group-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;min-height:1.8rem;padding:0 .45rem;border-radius:8px;background:#e7f4f1;color:#166a7a;font-weight:900}.story-check-rows{display:grid;grid-gap:.55rem;gap:.55rem}.story-check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.65rem;border:1px solid color-mix(in srgb,var(--rail-border-soft) 76%,transparent);border-radius:8px;background:var(--surface-contrast)}.story-check-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;font-size:1.15rem;font-variation-settings:"FILL" 1}.story-check-mark-ready{background:#dcf8eb;color:#126948}.story-check-mark-warning{background:#fff1c7;color:#8a5300}.story-check-mark-blocked{background:#ffe0d7;color:#9d3218}.story-check-ready-compact{grid-template-columns:auto minmax(0,1fr);align-items:center}.story-check-row-copy{min-width:0;display:grid;grid-gap:.15rem;gap:.15rem}.story-check-row strong{color:var(--ink);word-wrap:anywhere}.story-check-row p{color:var(--ink-muted);line-height:1.35}.story-check-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.story-check-row-actions .btn{min-height:44px;border-radius:8px}.story-builder-share-dialog .story-check-panel{max-height:min(24rem,52vh);overflow:auto}.story-builder-share-dialog .story-check-group{padding:.75rem}.story-builder-share-dialog .story-check-row{grid-template-columns:auto minmax(0,1fr)}.finish-readiness-backdrop{z-index:2700}.finish-readiness-dialog{width:min(34rem,calc(100vw - 2rem));padding:1rem}.finish-readiness-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.85rem;gap:.85rem;padding:.85rem;border-radius:8px;background:#f8fbfb}.finish-readiness-hero h3,.finish-readiness-hero p,.finish-readiness-empty p,.finish-readiness-ready-note h4,.finish-readiness-ready-note p{margin:0}.finish-readiness-hero h3{font-size:1.25rem}.finish-readiness-hero p:not(.auth-menu-eyebrow){color:var(--ink-muted);line-height:1.35}.finish-readiness-icon,.finish-readiness-empty .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:8px;font-size:1.55rem;font-variation-settings:"FILL" 1}.finish-readiness-hero-ready .finish-readiness-icon,.finish-readiness-hero-warning .finish-readiness-icon{background:#dcf8eb;color:#126948}.finish-readiness-hero-blocked .finish-readiness-icon{background:#ffe0d7;color:#9d3218}.finish-readiness-hero-empty .finish-readiness-icon,.finish-readiness-empty .material-symbols-outlined{background:#fff1c7;color:#8a5300}.finish-readiness-close{min-width:44px;min-height:44px;padding:0}.finish-readiness-empty,.finish-readiness-ready-note{display:grid;grid-gap:.75rem;gap:.75rem;padding:.85rem;border:1px solid var(--rail-border-soft);border-radius:8px;background:#fdf9ea}.finish-readiness-empty{grid-template-columns:auto minmax(0,1fr);align-items:center}.finish-readiness-ready-note{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:8.5rem;padding:1.1rem;background:#f8fbfb}.finish-readiness-empty p{color:var(--ink);font-weight:800;line-height:1.35}.finish-readiness-ready-note>.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:8px;background:#dcf8eb;color:#0b6870;font-size:2.15rem;font-variation-settings:"FILL" 1}.finish-readiness-ready-note strong{display:block;color:var(--ink);font-size:1.65rem;line-height:1.05}.finish-readiness-ready-note p{margin:.3rem 0 0;color:var(--ink-muted);font-size:1rem;font-weight:900;line-height:1.25}.finish-readiness-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.finish-readiness-actions-single{justify-content:center}.finish-readiness-actions .btn{min-height:44px}.finish-readiness-secondary-action{display:grid;grid-gap:.25rem;gap:.25rem;justify-items:center;max-width:13rem}.finish-readiness-secondary-action p{margin:0;color:var(--ink-muted);font-size:.82rem;font-weight:800;line-height:1.25;text-align:center}@media(max-width:1100px){.story-map-mode{padding:.75rem}.story-map-header,.story-check-modal-header{align-items:stretch;flex-direction:column}.story-map-header-actions,.story-map-selected-actions,.story-map-path-actions{width:100%}.story-map-selected-actions .btn,.story-map-header-actions .btn,.story-check-row-actions .btn{flex:1 1 10rem}.story-check-row,.story-builder-share-dialog .story-check-row{grid-template-columns:minmax(0,1fr)}.story-check-mark{justify-self:start}}.story-pages-panel,.story-context-panel{min-height:0;min-width:0;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);overflow:hidden}.story-pages-panel{grid-area:story-pages;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.story-pages-panel.has-chapter-focus{grid-template-rows:auto auto minmax(0,1fr) auto}.story-pages-header,.story-context-heading,.on-this-page-header{padding:.85rem;border-bottom:.0625rem solid var(--border)}.story-pages-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.story-pages-title-block{min-width:0}.story-pages-header h2,.story-context-heading h2,.story-builder-stage-header h2,.on-this-page-header h2{margin:0;font-size:1rem;font-weight:850}.story-pages-add{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.2rem;border-radius:.5rem}.story-pages-list{min-height:0;overflow:auto;padding:.65rem;display:grid;align-content:start;grid-gap:.6rem;gap:.6rem}.story-pages-empty,.on-this-page-empty{color:var(--ink-muted);font-weight:700;font-size:.9rem}.story-pages-empty{display:grid;grid-gap:.25rem;gap:.25rem;line-height:1.35}.story-page-card{position:relative;border:.0625rem solid var(--rail-border-soft);border-radius:1rem;background:var(--card);overflow:visible}.story-page-card.active{border-color:var(--focus-ring);background:color-mix(in srgb,var(--focus-ring) 5%,var(--card));box-shadow:0 .375rem .875rem #1f2a3714}.story-page-main:focus,.story-page-main:focus-visible{outline:none;box-shadow:none}.story-page-card.start-page{border-color:#ff9100}.story-page-card.page-menu-open{z-index:8;border-color:color-mix(in srgb,var(--ink) 20%,var(--rail-border-soft))}.story-page-card.active.start-page{border-color:#ff9100;background:color-mix(in srgb,#ff9100 6%,var(--card));box-shadow:0 .375rem .875rem #1f2a3714}.on-this-page-row-hidden .on-this-page-select{background:var(--surface-2)}.on-this-page-row-hidden .on-this-page-name{color:var(--ink-muted)}.story-page-main{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-gap:.55rem;gap:.55rem;padding:.65rem;border:0;background:transparent;text-align:left;cursor:pointer}.story-page-number,.story-page-status,.on-this-page-type,.on-this-page-destination{font-size:.75rem;font-weight:800;color:var(--text-label)}.story-page-number{position:absolute;top:1.05rem;left:1.05rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .35rem;border-radius:9999px;background:#ff9100;color:#fff;box-shadow:0 .125rem .375rem #1f2a371f;line-height:1}.story-page-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border:.125rem solid color-mix(in srgb,var(--border) 62%,transparent);border-radius:.75rem;overflow:hidden;background:var(--surface-contrast);-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-page-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.story-page-start-badge{position:absolute;left:.65rem;bottom:.65rem;display:inline-flex;align-items:center;gap:.25rem;max-width:calc(100% - 1.3rem);min-height:1.85rem;padding:.24rem .5rem;border:.0625rem solid rgba(18,132,92,.32);border-radius:.45rem;background:color-mix(in srgb,#12845c 11%,var(--surface-contrast));color:#12845c;color:var(--success, #12845c);font-size:.8rem;font-weight:900;line-height:1;box-shadow:0 .22rem .5rem #0d704d24}@supports (color: color-mix(in lch,red,blue)){.story-page-start-badge{border:.0625rem solid color-mix(in srgb,var(--success, #12845c) 32%,transparent);background:color-mix(in srgb,var(--success, #12845c) 11%,var(--surface-contrast))}}.story-page-start-badge .material-symbols-outlined{font-size:1.1rem;line-height:1}.story-page-name{padding:0 .15rem;font-size:1rem;font-weight:900;line-height:1.2;color:var(--ink);word-wrap:anywhere}.story-page-status{padding:0 .15rem .05rem;font-size:.76rem;color:var(--ink-muted)}.story-page-menu{position:absolute;top:1.05rem;right:1.05rem;z-index:5}.story-page-menu-btn{display:grid;align-items:center;justify-items:center;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:.125rem solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--surface-contrast) 96%,transparent);color:var(--ink);box-shadow:0 .18rem .55rem #1f2a371a;cursor:pointer}.story-page-menu-dots{display:block;transform:translateY(-.08em);font-size:1.45rem;font-weight:900;line-height:1;letter-spacing:0}.story-page-actions-sheet{position:fixed;top:0;left:0;z-index:2700;width:8.25rem;margin:0;border:.0625rem solid var(--border);border-radius:.65rem;background:var(--surface-contrast);box-shadow:0 .35rem .85rem #1f2a3729;overflow:visible}.story-page-actions-sheet:after{position:absolute;top:2.85rem;left:-.32rem;width:.6rem;height:.6rem;border-bottom:.0625rem solid var(--border);border-left:.0625rem solid var(--border);background:var(--surface-contrast);content:"";pointer-events:none;transform:rotate(45deg)}.story-page-actions-sheet-left:after{right:-.32rem;left:auto;border-right:.0625rem solid var(--border);border-left:0}.story-page-menu-row{display:grid;overflow:hidden;border-radius:inherit}.story-page-menu-item{width:100%;min-height:44px;height:auto;padding:.45rem .55rem;border:0;border-radius:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;justify-content:start;grid-gap:.42rem;gap:.42rem;box-shadow:none;font-weight:850;font-size:.78rem;text-align:left}.story-page-menu-item+.story-page-menu-item{border-top:.0625rem solid color-mix(in srgb,var(--border) 76%,transparent)}.story-page-move-item{cursor:default}.story-page-move-select{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.story-page-menu-item .material-symbols-outlined{font-size:1.2rem;line-height:1}.story-page-menu-item span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-page-menu-delete{background:#ffe4e45c;color:var(--danger-soft-text)}@supports (color: color-mix(in lch,red,blue)){.story-page-menu-delete{background:color-mix(in srgb,var(--danger-soft-bg, #ffe4e4) 36%,transparent)}}.story-page-menu-item:disabled{cursor:not-allowed;opacity:.58}.story-page-rename{display:grid;grid-gap:.5rem;gap:.5rem;padding:0 .55rem .55rem}.story-page-name-edit{display:grid;grid-gap:.25rem;gap:.25rem;color:var(--text-label);font-size:.75rem;font-weight:850}.story-page-name-edit input{width:100%;min-height:44px;padding:.45rem .55rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);color:var(--ink);font-weight:850}.story-page-rename-done{min-height:44px;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-2);font-weight:850;cursor:pointer}.story-builder-stage-zone{grid-area:story-stage;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:.6rem;gap:.6rem}.story-builder-stage-header,.story-builder-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.on-this-page-trigger{min-height:2.75rem;min-width:9.5rem;border-radius:.5rem}.story-builder-canvas-wrap{position:relative;min-width:0;min-height:0;border:.0625rem solid var(--border);border-radius:.5rem;overflow:hidden;background:var(--surface-2)}.story-builder-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.app-shell[data-build-layout=student] #buildMode .story-builder-canvas-viewport{width:100%;height:100%;padding:1rem;border:0;border-radius:0;background:linear-gradient(rgba(36,49,58,.08) .0625rem,transparent .0625rem),linear-gradient(90deg,rgba(36,49,58,.08) .0625rem,transparent .0625rem),var(--surface);background-size:1.5rem 1.5rem,1.5rem 1.5rem,auto}.app-shell[data-build-layout=student] #buildMode .layer-resize-controls{--resize-frame-offset: .42rem;--corner-handle-size: 1.1rem;--edge-handle-thickness: .48rem;--edge-handle-gap: .18rem}.app-shell[data-build-layout=student] #buildMode .layer-resize-controls:before{border-width:.2rem;border-color:#3aa0ffad}@supports (color: color-mix(in lch,red,blue)){.app-shell[data-build-layout=student] #buildMode .layer-resize-controls:before{border-color:color-mix(in srgb,var(--focus-ring, #3aa0ff) 68%,transparent)}}.app-shell[data-build-layout=student] #buildMode .layer-overlay-handle{background:#3aa0ff;background:var(--focus-ring, #3aa0ff);border-width:.125rem;box-shadow:0 0 0 .18rem #3aa0ff47,0 .125rem .625rem #1f2a3740}@supports (color: color-mix(in lch,red,blue)){.app-shell[data-build-layout=student] #buildMode .layer-overlay-handle{box-shadow:0 0 0 .18rem color-mix(in srgb,var(--focus-ring, #3aa0ff) 28%,transparent),0 .125rem .625rem #1f2a3740}}.app-shell[data-build-layout=student] #buildMode .layer-rotate-handle{width:2.25rem;height:2.25rem;bottom:calc(100% + 1.45rem)}.app-shell[data-build-layout=student] #buildMode .layer-rotate-handle:before{height:1.45rem}.story-builder-empty-state{position:absolute;left:50%;top:50%;width:min(27rem,calc(100% - 2rem));transform:translate(-50%,-50%);padding:1rem;border:.0625rem solid var(--border);border-radius:.5rem;background:#fffffff5;box-shadow:0 .7rem 1.4rem #24313a1f;display:grid;grid-gap:.75rem;gap:.75rem;text-align:center;z-index:20}.story-builder-empty-close{position:absolute;top:.55rem;right:.55rem;width:44px;height:44px;display:inline-grid;align-items:center;justify-items:center;place-items:center;padding:0;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);color:var(--ink);font-size:1.35rem;font-weight:850;line-height:1;cursor:pointer}.story-builder-empty-close:hover{background:var(--surface-2)}.story-builder-empty-close:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.story-builder-empty-state-compact{top:auto;bottom:1rem;width:min(30rem,calc(100% - 2rem));transform:translate(-50%);padding:.75rem;gap:.55rem;text-align:left}.story-builder-empty-state h2{font-size:1.35rem;font-weight:850}.story-builder-empty-state-compact h2{font-size:1.1rem}.story-builder-empty-state p,.story-context-heading p,.story-context-section p{color:var(--ink-muted);font-size:.92rem;line-height:1.4}.story-builder-empty-actions,.story-builder-add-row,.story-context-add-grid,.story-context-actions{display:flex;flex-wrap:wrap;gap:.5rem}.story-context-actions-stacked{align-items:stretch}.story-context-actions-stacked .btn{flex:1 1 9rem}.story-builder-empty-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:start}.story-builder-empty-state-compact .story-builder-empty-actions{justify-content:stretch}.story-builder-empty-action-item{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;grid-gap:.45rem;gap:.45rem}.story-builder-empty-action-icon{width:3rem;height:2.8rem;min-width:3rem;min-height:2.8rem;padding:0}.story-builder-empty-action-icon svg{width:2.1rem;height:2.1rem}.story-builder-empty-action.btn{width:100%;min-width:0;min-height:3.15rem;display:inline-grid;align-items:center;justify-content:center;gap:0;padding:.55rem .6rem;text-align:center;line-height:1.12;word-wrap:anywhere;white-space:normal}.story-builder-empty-actions .btn,.story-builder-add-row .btn,.story-context-add-grid .btn,.story-context-actions .btn,.story-context-picture-actions .btn,.story-context-destination .btn{min-height:44px;border-radius:.5rem}.story-builder-add-feedback{position:absolute;left:1rem;bottom:1rem;z-index:24;max-width:calc(100% - 2rem);padding:.55rem .7rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);color:var(--ink);font-size:.88rem;font-weight:800;box-shadow:0 .4rem .85rem #24313a1f}.story-builder-stage-footer{min-height:3.25rem}#buildMode.story-builder-build-mode .story-builder-stage-footer .build-zoom-panel{position:static;inset:auto;width:min(33rem,100%);min-height:2.75rem;max-width:100%;transform:none;padding:.35rem .5rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);box-shadow:none}#buildMode.story-builder-build-mode .story-builder-stage-footer .build-zoom-panel .canvas-zoom-controls{width:100%}.story-context-panel{grid-area:story-context;display:block;overflow:auto}.story-context-heading{display:grid;grid-gap:.25rem;gap:.25rem;position:sticky;top:0;z-index:2;padding-bottom:.35rem;background:var(--surface-contrast)}.story-context-section,.story-context-actions,.story-context-feedback{margin:.75rem}.story-context-section{padding:.75rem;border:.0625rem solid var(--rail-border-soft);border-radius:.5rem;background:var(--surface-1)}.story-context-reentry{border-color:color-mix(in srgb,var(--mint) 45%,var(--rail-border-soft));background:color-mix(in srgb,var(--mint) 12%,var(--surface-1))}.story-context-page-job{border-color:color-mix(in srgb,var(--sky) 30%,var(--rail-border-soft));background:var(--surface-1)}.story-context-page-job-quiet{border-color:var(--rail-border-soft);background:var(--surface-contrast)}.story-context-job-title{margin:0 0 .25rem;color:var(--ink);font-weight:850}.story-context-page-job>.btn,.story-context-page-job-quiet>.btn{min-height:44px;margin-top:.55rem;border-radius:.5rem}.story-context-reentry p+p{margin-top:.35rem}.story-context-section h3{margin:0 0 .35rem;font-size:.95rem;font-weight:850}.story-context-picture-actions{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:.7rem}.story-context-destination{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:.75rem}.story-context-field-label{color:var(--text-label);font-size:.78rem;font-weight:850}.story-context-input,.story-context-select,.story-context-textarea{width:100%;min-height:44px;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast);color:var(--ink);font-weight:800}.story-context-input,.story-context-textarea{padding:.45rem .6rem}.story-context-textarea{resize:vertical;min-height:5.75rem;line-height:1.35}.story-context-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.4rem,1fr));grid-gap:.55rem;gap:.55rem;margin-top:.65rem}.story-context-field-grid label,.story-context-destination label{display:grid;grid-gap:.3rem;gap:.3rem}.story-context-color{width:100%;min-height:44px;padding:.2rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--surface-contrast)}.story-context-check{display:flex;align-items:center;gap:.55rem;min-height:44px;font-weight:800}.story-context-advanced-controls{background:var(--surface-contrast)}.story-context-advanced-controls summary{cursor:pointer;color:var(--ink);font-size:.95rem;font-weight:850}.story-context-small-note{margin:0;font-size:.86rem;font-weight:800;color:var(--ink-muted)}.story-context-feedback{padding:.6rem .7rem;border-radius:.5rem;background:var(--surface-accent-1);font-weight:800}.story-context-danger{color:var(--danger-soft-text)}.on-this-page-drawer{position:absolute;top:0;right:0;z-index:28;width:min(26rem,calc(100% - 1rem));height:100%;border-left:.0625rem solid var(--border);background:var(--surface-contrast);box-shadow:-.7rem 0 1.4rem #24313a1f;display:grid;grid-template-rows:auto minmax(0,1fr)}.on-this-page-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.on-this-page-header h2{word-wrap:anywhere}.on-this-page-header .btn{flex:0 0 auto}.on-this-page-list{min-height:0;overflow:auto;padding:.6rem;display:grid;align-content:start;grid-gap:.4rem;gap:.4rem}.on-this-page-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;border:.0625rem solid var(--rail-border-soft);border-radius:.5rem;background:var(--card);overflow:visible}.on-this-page-row.active{border-color:var(--focus-ring);box-shadow:0 0 0 .15rem var(--focus-glow)}.on-this-page-select{width:100%;display:grid;grid-template-columns:minmax(4.75rem,auto) minmax(0,1fr) auto;align-items:center;grid-gap:.55rem;gap:.55rem;min-height:44px;padding:.5rem .6rem;border:0;background:transparent;text-align:left;cursor:pointer}.on-this-page-check{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.on-this-page-check input{width:1.05rem;height:1.05rem;accent-color:var(--focus-ring)}.on-this-page-actions{grid-column:1 / -1}.on-this-page-copy{display:grid;min-width:0;grid-gap:.1rem;gap:.1rem}.on-this-page-name{font-weight:850;word-wrap:anywhere;line-height:1.2}.on-this-page-select-cue{justify-self:end;color:var(--text-label);font-size:.76rem;font-weight:850}.on-this-page-actions{display:flex;gap:.4rem;padding:0 .6rem .6rem;justify-content:flex-end;flex-wrap:wrap}.on-this-page-actions .btn{min-height:44px;border-radius:.4rem}@media(max-width:68rem){.story-builder-topbar{min-height:0;padding:.45rem .75rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "modes actions";align-items:center;gap:.35rem .65rem}.story-builder-title-group{grid-area:title;grid-template-columns:auto minmax(10rem,16rem) auto;justify-self:start}.story-builder-mode-tabs{grid-area:modes;justify-self:start}.story-builder-topbar-actions{grid-area:actions;justify-self:end;justify-content:flex-end;flex-wrap:wrap;max-width:24rem;gap:.35rem}.story-builder-title-input,.story-builder-mode-tab,.story-builder-action,.story-builder-try,.story-builder-switch{min-height:2.2rem}.story-builder-mode-tab{min-width:4.3rem;padding-left:.75rem;padding-right:.75rem}.app-shell[data-build-layout=student] #buildMode.story-builder-build-mode{grid-template-columns:minmax(0,1fr);grid-template-areas:"story-stage" "story-pages" "story-context";grid-template-rows:minmax(30rem,1fr) auto auto}.story-pages-list{grid-auto-flow:column;grid-auto-columns:minmax(10rem,12.5rem);overflow-x:auto;overflow-y:hidden}.story-context-panel{max-height:min(45vh,24rem)}.story-builder-stage-footer{align-items:stretch;flex-direction:column}#buildMode.story-builder-build-mode .story-builder-stage-footer .build-zoom-panel{align-self:stretch;width:100%}}@media(max-width:48rem){.story-builder-topbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "modes" "actions"}.story-builder-title-group,.story-builder-mode-tabs,.story-builder-topbar-actions{justify-self:stretch}.story-builder-title-group{grid-template-columns:auto minmax(8rem,1fr) auto}.story-builder-mode-tabs,.story-builder-topbar-actions{justify-content:flex-start}.story-builder-topbar-actions{max-width:none}.app-shell[data-build-layout=student] #buildMode.story-builder-build-mode{grid-template-columns:minmax(0,1fr);grid-template-areas:"story-stage" "story-pages" "story-context";grid-template-rows:minmax(34rem,auto) auto auto}.story-builder-stage-header{align-items:flex-start;flex-wrap:wrap}.story-builder-canvas-wrap{min-height:24rem}.story-builder-empty-state{width:min(24rem,calc(100% - 1rem));padding:.75rem;gap:.55rem}.story-builder-empty-state h2{font-size:1.1rem}.story-builder-add-feedback{right:.5rem;bottom:.5rem;left:.5rem;max-width:none}.story-context-panel{max-height:min(48vh,22rem)}}@media(max-width:30rem){.story-builder-topbar{padding-left:.55rem;padding-right:.55rem}.story-builder-title-group{grid-template-columns:minmax(0,1fr) auto}.story-builder-title-label{grid-column:1 / -1}}