.home-host{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f5f5f7}.home-host:before{content:"";height:env(safe-area-inset-top);pointer-events:none;background:#264d3b;position:fixed;inset:0 0 auto}.home-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f7;border:0;width:100%;height:100%;display:block}.home-host[hidden],.studio-host[hidden],.planner-host[hidden]{display:none}.studio-loading{text-align:center;place-content:center;gap:1rem;min-height:100dvh;padding:1.5rem;display:grid}.studio-loading button{min-height:44px;padding:.75rem 1rem}.studio-home-button{flex-shrink:0;padding:0;position:relative}.studio-home-button:before{content:"";position:absolute;inset:-5px}.planner-host{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f2f4ed;flex-direction:column;display:flex}.planner-home-bar{background:#fff;border-bottom:1px solid #cdd5ca;align-items:center;padding:0 12px;display:flex}.planner-home-button{color:#40513f;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px 10px;font-size:14px;display:inline-flex}.planner-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f2f4ed;border:0;flex:1;width:100%;min-height:0}:root{color:#e4eeeb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1519;font-family:Segoe UI,Microsoft JhengHei,sans-serif}.story-bulk-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.story-bulk-actions .secondary{flex:100%;font-size:11px}.story-bulk-actions .secondary:last-child{color:#ecc1b4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #81e9ce}button{color:inherit;background:#223036;border:1px solid #324046;border-radius:7px;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled){background:#31464c;border-color:#688c85}.icon{flex-shrink:0}h1,h2,h3,p{margin:0}h2{letter-spacing:.5px;font-size:18px;font-weight:650}h3{font-size:14px}input,select,textarea{color:#e2eeeb;background:#162329;border:1px solid #34464b;border-radius:6px;width:100%;padding:9px 10px;font-size:13px}textarea{resize:vertical;min-height:60px}input[type=range]{appearance:none;accent-color:#81e9ce;cursor:pointer;background:#364b50;border:0;height:4px;margin:12px 0 5px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#96eed6;border:2px solid #daf8ef;border-radius:50%;width:12px;height:12px}input[type=checkbox]{accent-color:#82d9c0;width:16px;height:16px}label{color:#b5c9ca;margin-bottom:16px;font-size:12px;display:block}label>input:not([type=range]),label>textarea,label>select{margin-top:7px;display:block}label>span{float:right;color:#81d8c0;font-size:11px}fieldset{border:0;min-width:0;margin:0;padding:0}.studio-root{flex-direction:column;height:100vh;min-height:650px;display:flex;overflow:hidden}.studio-header{background:#132025;border-bottom:1px solid #2b3b40;align-items:center;gap:25px;height:78px;min-height:78px;padding:0 24px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.brand-mark{color:#92e6ca;background:#233e3b;border:1px solid #4c8476;border-radius:11px;place-items:center;width:41px;height:41px;display:grid}.brand b{letter-spacing:1.5px;font-size:18px}.brand small{letter-spacing:1.8px;color:#819b9c;margin-top:5px;font-size:8px;display:block}.project-heading{color:#b2c8c9;flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.local-dot{background:#81ddbc;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.save-state{color:#698789;border-left:1px solid #3b4e53;margin-left:7px;padding-left:12px;font-size:11px}.header-actions{gap:8px;display:flex}.primary,.secondary{white-space:nowrap;padding:10px 13px;font-size:12px;font-weight:600}.primary{color:#14352e;background:#9ce8ca;border-color:#9ce8ca}.primary:hover:not(:disabled){background:#b8f9df;border-color:#b8f9df}.secondary{background:#1b2b31}.text-button{color:#b7d1cf;background:0 0;border:0;padding:5px;font-size:11px}.icon-button{background:0 0;border:0;padding:5px}.full-width{width:100%}.studio-workspace{flex:1;grid-template-columns:250px minmax(390px,1fr) 290px;min-height:0;display:grid}.route-panel,.story-panel{scrollbar-width:thin;scrollbar-color:#3c575c transparent;background:#152329;padding:24px 20px;overflow:auto}.route-panel{border-right:1px solid #2e4045}.story-panel{border-left:1px solid #2e4045}.section-kicker{letter-spacing:2px;color:#6e9695;margin-bottom:12px;font-size:9px;font-weight:650}.import-button{color:#afebd6;background:#1a3433;border-style:dashed;border-color:#48766b;justify-content:space-between;width:100%;margin:21px 0;padding:15px 13px}.import-button>span:first-of-type{text-align:left;flex:1;font-size:13px;display:block}.import-button small{color:#769b94;margin-top:5px;font-size:10px;display:block}.project-name-label{margin-bottom:16px}.route-stats{grid-template-columns:1fr 1fr;gap:20px 8px;padding:5px 0 15px;display:grid}.route-stats b{color:#dcece5;font-size:16px;font-weight:600}.route-stats span{color:#82999c;margin-top:5px;font-size:10px;display:block}.source-name{color:#688388;overflow-wrap:anywhere;font-size:10px;line-height:1.8}.panel-divider{background:#2b3d42;height:1px;margin:22px 0}.route-panel h3{margin-bottom:18px}.switch-line{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.switch-line>span{float:none;color:#bdcece;font-size:12px}.switch-line>input{margin:0!important}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.microcopy{color:#739297;margin-top:10px;font-size:10px;line-height:1.8}.muted{color:#819e9f;margin-top:10px;font-size:12px;line-height:1.9}.preview-panel{background:#0d181e;flex-direction:column;min-width:0;min-height:0;display:flex}.preview-toolbar{color:#92aeaf;background:#111e24;border-bottom:1px solid #253b43;justify-content:space-between;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 15px;font-size:10px;display:flex}.preview-toolbar>div{gap:10px;display:flex}.status-dot{background:#b8a35f;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.status-dot.ready{background:#8bd4a8}.status-dot.error{background:#ed9e75}.map-stage{background:#23353c;flex:1;min-height:260px;position:relative;overflow:hidden}.terrain-scene,.map-host{position:absolute;inset:0}.film-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.placing .maplibregl-canvas-container{cursor:crosshair}.maplibregl-control-container{display:none}.empty-scene{text-align:center;background:radial-gradient(at 65% 25%,#294a47,#12242c 75%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0;overflow:hidden}.empty-scene>:not(.empty-contours){position:relative}.empty-contours{opacity:.15;background:repeating-radial-gradient(at 65% 42%,#0000 0 21px,#739e81 22px,#0000 23px);width:100%;height:100%;position:absolute;transform:scale(1.7)rotate(-28deg)}.empty-scene>.icon{color:#90ceb5;margin-bottom:6px}.empty-scene .section-kicker{color:#9abdaf;margin:0}.empty-scene h1{letter-spacing:2px;color:#e0ece3;font-size:37px;font-weight:600;line-height:1.6}.empty-scene p{color:#9cb6b2;letter-spacing:1px;font-size:12px}.empty-scene>div:last-of-type{gap:10px;margin:5px 0;display:flex}.empty-scene small{color:#73968f;font-size:10px}.placement-banner{color:#224f43;white-space:nowrap;background:#d4f9e9;border-radius:8px;padding:11px;font-size:12px;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0004}.placement-banner button{margin-left:12px;padding:3px 8px}.timeline-panel{background:#15252d;border-top:1px solid #344850;height:204px;min-height:204px;padding:14px 24px 10px}.playback-bar{align-items:center;gap:12px;display:flex}.play-button{color:#14352d;background:#96e7c9;border:0;border-radius:50%;width:37px;height:37px}.play-button:hover:not(:disabled){background:#ccffe9}.time-code{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.time-code>span{color:#739497}.playback-hint{color:#6d9197;margin-left:auto;font-size:10px}.resolution-badge{color:#a1c2c5;background:#233c45;border:1px solid #3c5760;border-radius:4px;padding:4px 6px;font-size:9px}.story-track{height:26px;margin-top:9px;position:relative}.story-track>button{background:0 0;border:0;width:25px;padding:0;font-size:14px;position:absolute;transform:translate(-50%)}.timeline-scrubber{width:100%;display:block;margin:0!important}.elevation-chart{width:100%;height:46px;margin-top:10px;display:block}.timeline-labels{color:#62888f;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.count-badge{color:#91c9b7;background:#243e41;border:1px solid #375b59;border-radius:6px;padding:3px 8px;font-size:11px}.add-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;margin:21px 0;display:grid}.add-actions button{background:#20333a;padding:9px 3px;font-size:11px}.nodes-empty{text-align:center;background:#17282f;border:1px dashed #344b51;border-radius:8px;padding:33px 0}.nodes-empty>.icon{color:#547d80;margin-bottom:13px}.nodes-empty p{color:#98b6b4;font-size:12px;line-height:2}.nodes-empty small{color:#678a8e;margin-top:15px;font-size:10px;line-height:1.9;display:block}.nodes-list{flex-direction:column;gap:9px;display:flex}.node-card{text-align:left;background:#1b2d35;border:1px solid #2d444d;justify-content:flex-start;gap:9px;width:100%;padding:10px 9px}.node-number{color:#658e8e;flex-shrink:0;font-size:9px}.node-card>img{object-fit:cover;border-radius:5px;width:37px;height:37px}.node-symbol{flex-shrink:0;width:29px;font-size:22px}.node-card>span:last-child{min-width:0}.node-card b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.node-card small{color:#7d9a9e;margin-top:5px;font-size:9px;display:block}.node-editor{border-top:1px solid #355057;padding:15px 0 5px}.node-editor .section-title{margin-bottom:16px}.node-photo{object-fit:contain;background:#0c181c;border-radius:6px;width:100%;max-height:155px;margin:10px 0}.danger-button{color:#d5a294;background:0 0;border:0;padding:14px 0 5px;font-size:10px}.undo-action{color:#c2d8a6;margin-top:14px}.privacy-note{color:#6d9397;border-top:1px solid #2e444b;gap:8px;margin-top:24px;padding-top:18px;font-size:10px;line-height:1.9;display:flex}.privacy-note .icon{margin-top:2px}.studio-footer{color:#698b91;background:#101c21;border-top:1px solid #2a4047;justify-content:space-between;align-items:center;height:30px;min-height:30px;padding:0 21px;font-size:9px;display:flex}.studio-footer .local-dot{width:4px;height:4px}.notice{z-index:30;color:#e1f8ec;overflow-wrap:anywhere;background:#254e43;border:1px solid #5b9b81;border-radius:9px;align-items:center;gap:16px;min-width:300px;max-width:760px;padding:13px 16px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0007}.notice.error{background:#573a31;border-color:#976b52}.export-curtain{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b192b55;place-items:center;display:grid;position:absolute;inset:0}.export-card{text-align:center;background:#182c35f0;border:1px solid #507975;border-radius:15px;width:340px;padding:26px;box-shadow:0 20px 50px #0005}.export-card>.icon{color:#a6edd2}.export-card h3{margin:18px 0}.export-card p{color:#8fb0ad;margin:15px 0;font-size:11px;line-height:1.8}.export-card progress{accent-color:#9ef1cf;width:100%;height:5px}@media (width<=1250px){.studio-workspace{grid-template-columns:215px minmax(350px,1fr) 265px}.route-panel,.story-panel{padding:20px 15px}.save-state,.project-heading{display:none}.header-actions{margin-left:auto}.playback-hint{display:none}.resolution-badge{margin-left:auto}.studio-header{padding:0 18px}.preview-toolbar{font-size:9px}.preview-toolbar>div{gap:4px}}@media (width<=900px){.studio-root{height:auto;min-height:100vh;overflow:auto}.studio-header{flex-wrap:wrap;height:auto;min-height:100px;padding:12px}.brand b{font-size:16px}.header-actions{gap:4px}.header-actions button{padding:8px;font-size:10px}.studio-workspace{grid-template-columns:200px minmax(0,1fr);min-height:900px}.story-panel{border-top:1px solid #2e4045;grid-column:1/-1;max-height:600px}.preview-panel{min-height:600px}.story-panel .nodes-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-toolbar{flex-wrap:wrap;height:auto;min-height:55px}.timeline-panel{padding:10px 14px}.empty-scene h1{font-size:25px}.empty-scene>div:last-of-type{flex-direction:column}.studio-footer>span:last-child{display:none}.notice{width:90%;min-width:0}}.basemap-note{color:#a7c4bc;margin:-6px 0 18px;font-size:11px;line-height:1.8}.ending-setting{color:#c2ddd2;border-top:1px solid #2b3d42;padding-top:14px;font-size:12px}.ending-setting p{color:#87aaa6;margin:6px 0;font-size:11px;line-height:1.8}.ending-setting button{color:#a4ead1;padding-left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.live-metrics{font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#24433f,#1b3037);border:1px solid #466b62;border-radius:10px;margin:-6px -4px 20px;padding:16px}.live-metrics .section-kicker{color:#a4d7c6;letter-spacing:1px;margin-bottom:13px}.live-metrics span{color:#accbc4;font-size:11px;display:block}.live-elevation b{color:#f2fff9;margin:4px 0 15px;font-size:29px;font-weight:550;display:block}.live-metrics-pair{border-top:1px solid #426259;grid-template-columns:1fr 1fr;gap:10px;padding-top:13px;display:grid}.live-metrics-pair b{color:#e4f8ef;margin-top:5px;font-size:15px;display:block}.live-metrics small{color:#a0bcb5;margin-top:13px;font-size:9px;line-height:1.7;display:block}.side-tabs{background:#101f25;border-radius:8px;gap:5px;margin-bottom:20px;padding:4px;display:flex}.side-tabs button{color:#89aca6;background:0 0;border:0;flex:1;padding:10px 4px;font-size:12px}.side-tabs button[aria-pressed=true]{color:#e8fff5;background:#314d4b}.side-tabs button span{color:#9dcebc;font-size:10px}.landmark-panel>.microcopy{margin-bottom:16px}.landmark-categories{grid-template-columns:1fr 1fr;gap:3px 8px;margin-bottom:18px;display:grid}.landmark-categories label{white-space:nowrap;align-items:center;gap:5px;margin:0;padding:5px 0;font-size:10px;display:flex}.landmark-categories input{flex-shrink:0;width:14px;height:14px;margin:0!important}.landmark-categories label>span{float:none;font-size:11px}.landmark-categories small{color:#829e9c;font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}.landmark-search{font-size:12px}.landmark-results-count{color:#9dbeb3;margin:11px 0;font-size:10px;display:block}.landmark-results{scrollbar-width:thin;scrollbar-color:#3c575c transparent;max-height:245px;overflow:auto}.landmark-results button{text-align:left;background:0 0;border:0;border-bottom:1px solid #2d4447;border-radius:0;justify-content:flex-start;gap:8px;width:100%;padding:10px 6px;font-size:11px;line-height:1.5}.landmark-results button>span:first-child{color:#f8cf91;flex-shrink:0}.landmark-results button.selected{background:#355348}.landmark-selection{background:#253c34;border:1px solid #658b70;border-radius:8px;margin:12px 0;padding:12px}.landmark-selection b{color:#e6f3d7;font-size:12px;line-height:1.7;display:block}.landmark-selection small{color:#adc0ad;margin:5px 0 10px;font-size:9px;display:block}.catalog-source,.elevation-method{color:#9ab5ae;margin:14px 0;font-size:10px;line-height:1.8}.catalog-source summary,.elevation-method summary{cursor:pointer;color:#b8d3c7}.catalog-source p,.elevation-method p{overflow-wrap:anywhere;margin-top:10px}.landmark-error{color:#ffbb9d;margin:10px 0;font-size:11px}.route-color-label input[type=color]{cursor:pointer;height:36px;padding:3px}.camera-note{margin:-6px 0 20px}.import-personal{text-align:left;padding-left:0;font-size:10px}.route-panel .microcopy,.story-panel .microcopy{color:#96b3ad}.story-panel{scrollbar-gutter:stable}.landmark-panel .full-width{white-space:normal}.elevation-method{margin-top:9px}@media (width<=900px){.live-metrics{max-width:500px}.landmark-results{max-height:230px}.landmark-categories{max-width:420px}.story-panel{max-height:850px}.side-tabs{max-width:500px}}@media (width<=600px){.studio-workspace{flex-direction:column;display:flex}.route-panel{border-bottom:1px solid #3b5655;max-height:350px}.preview-panel{flex:none;height:650px}.studio-header{gap:12px}.header-actions{width:100%;margin:0}.header-actions button{flex:1}.story-panel .nodes-list{grid-template-columns:1fr}.studio-footer{padding:0 10px;font-size:8px}.timeline-labels>span:nth-child(2){display:none}}.peak-stop-options{background:#192b2c;border:1px solid #36514c;border-radius:8px;margin:12px 0 18px;padding:11px}.peak-stop-heading{color:#d8ece2;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.peak-stop-heading small{color:#8db4a5;white-space:nowrap;font-size:9px}.peak-stop-list{scrollbar-width:thin;scrollbar-color:#3c575c transparent;max-height:210px;overflow:auto}.landmark-panel label.peak-stop-option{color:#e3efea;border-top:1px solid #2b4140;align-items:flex-start;gap:8px;margin:0;padding:8px 1px;font-size:10px;display:flex}.peak-stop-option input[type=checkbox]{flex-shrink:0;margin:2px 0 0}.peak-stop-option>span{min-width:0}.peak-stop-option b,.peak-stop-option small{line-height:1.55;display:block}.peak-stop-option b{overflow-wrap:anywhere;font-size:10px;font-weight:550}.peak-stop-option small{color:#8ba9a1;margin-top:3px;font-size:9px}.brand-version{color:#a7f3df;vertical-align:middle;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17312f80;border:1px solid #477168;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:24px;margin-left:5px;padding:2px 6px;font-size:10px;font-weight:650;line-height:1.2;display:inline-flex;position:relative}.brand-version:before{content:"";position:absolute;inset:-10px 0}.brand-version:hover:not(:disabled),.brand-version:active:not(:disabled){background:#31594a;border-color:#91d3c1}.brand-version[aria-busy=true]{cursor:wait;background:#31594a;border-color:#91d3c1}@media (prefers-reduced-transparency:reduce){.brand-version{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17312f}}.node-card-row{align-items:stretch;gap:6px;min-width:0;display:flex}.node-card-row .node-card{flex:1;min-width:0}.node-remove-button{color:#9eb9b3;cursor:pointer;background:#1a292b;border:1px solid #38514f;border-radius:9px;flex:0 0 42px;place-items:center;width:42px;min-height:54px;padding:0;display:grid}.node-remove-button:hover:not(:disabled),.node-remove-button:focus-visible{color:#ffc0b7;background:#3c2829;border-color:#e28d82}.node-remove-button:disabled{opacity:.45;cursor:not-allowed}.node-card-row .node-card>span:last-child{min-width:0}.node-card-row .node-card>span:last-child b,.node-card-row .node-card>span:last-child small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=600px){.node-remove-button{flex-basis:44px;width:44px;min-height:56px}}.live-metrics{padding:18px}.live-elevation b{margin:8px 0 18px}.landmark-result-row{border-bottom:1px solid #2d4447;align-items:center;gap:4px;display:flex}.landmark-result-row>button{border:0;flex:1;width:auto;min-width:0;padding:10px 6px}.landmark-results .landmark-force-option{color:#9fc8ba;white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:6px;font-size:9px;display:flex}.landmark-force-option input{accent-color:#95ead4;width:16px;height:16px;margin:0}.route-label-visibility{background:#142329;border:1px solid #32464a;border-radius:8px;margin:14px 0 18px;padding:10px}.route-label-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.route-label-heading small{color:#89aaa5;font-size:10px}.route-label-visibility>.microcopy{margin:5px 0 8px}.route-label-list{max-height:210px;overflow:auto}.route-label-option{cursor:pointer;border-bottom:1px solid #263b3e;align-items:center;gap:8px;min-height:34px;margin:0;padding:5px 2px;display:flex}.route-label-option input{accent-color:#95ead4;flex:none;width:16px;height:16px;margin:0}.route-label-option span{color:#c8d9d5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.route-label-list>.text-button{width:100%;margin-top:6px}.route-label-heading{flex-wrap:wrap;align-items:baseline}.route-label-visibility .landmark-results{margin-top:10px}.landmark-result-row>button>span:last-child{overflow-wrap:anywhere;min-width:0}.landmark-label-actions{flex:none;align-items:center;gap:2px;display:flex}.landmark-results .landmark-label-toggle{color:#b8d7cb;white-space:nowrap;cursor:pointer;align-items:center;gap:4px;min-height:44px;margin:0;padding:4px;font-size:11px;line-height:1.4;display:flex}.landmark-label-toggle input{accent-color:#95ead4;flex:none;width:16px;height:16px;margin:0}.timeline-panel{height:144px;min-height:144px}.playback-timeline{margin-top:6px;padding:0 10px}.playback-marker-rail{height:32px;position:relative}.playback-marker-rail>button{background:0 0;border:0;width:32px;height:32px;padding:0;position:absolute;top:0;transform:translate(-50%)}.playback-marker-rail>button>i{background:var(--marker-color);border-radius:50%;width:7px;height:7px}input.playback-time-seek{touch-action:none;background:0 0;width:100%;height:44px;margin:0;display:block}input.playback-time-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,#95ead4 var(--time-progress),#364b50 var(--time-progress));border-radius:2px;height:4px}input.playback-time-seek::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px}input.playback-time-seek::-moz-range-track{background:#364b50;border-radius:2px;height:4px}input.playback-time-seek::-moz-range-progress{background:#95ead4;height:4px}input.playback-time-seek::-moz-range-thumb{background:#96eed6;border:2px solid #daf8ef;border-radius:50%;width:12px;height:12px}.notice{pointer-events:none}.notice>button{pointer-events:auto}.export-ready .export-fps-warning{color:#ffd08a}@media (width>=601px){.mobile-panel-actions,.mobile-panel-close,.mobile-panel-backdrop,.pwa-install-hint{display:none}.export-ready{z-index:19;color:#e2f6e9;pointer-events:auto;background:#18332ff2;border:1px solid #6a9b7e;border-radius:13px;gap:9px;width:min(340px,100% - 32px);padding:16px;font-size:13px;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 12px 34px #0008}.export-ready>span,.export-ready small{color:#a9c8b8;font-size:11px;line-height:1.6}.export-ready .primary{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;display:flex}}@media (width<=600px){html,body,#root{width:100%;height:100%;min-height:0;overflow:hidden}.studio-root{width:100%;height:100dvh;min-height:0;overflow:hidden}.studio-header{height:calc(58px + env(safe-area-inset-top));min-height:calc(58px + env(safe-area-inset-top));padding:calc(env(safe-area-inset-top) + 4px) 10px 4px;flex-wrap:nowrap;gap:8px}.brand{gap:8px;min-width:0}.brand-mark{flex:none;width:34px;height:34px}.brand b{letter-spacing:.5px;font-size:14px}.brand small,.project-heading{display:none}.header-actions{flex:none;gap:5px;width:auto;margin-left:auto}.header-actions button{justify-content:center;align-items:center;gap:5px;min-width:42px;min-height:44px;padding:0 9px;font-size:10px;display:inline-flex}.header-actions button:not(.primary) span{display:none}.header-actions .primary{min-width:94px}.studio-workspace{flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.preview-panel{width:100%;height:100%;min-height:0;position:relative}.preview-toolbar{flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:3px;height:auto;min-height:82px;padding:4px 10px}.preview-toolbar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.preview-toolbar-actions,.mobile-panel-actions{align-items:center;gap:5px;width:100%;display:flex}.preview-toolbar-actions{justify-content:space-between}.preview-toolbar-actions .text-button{min-height:30px;padding:3px 5px;font-size:10px}.mobile-panel-actions button{color:#c8ebdc;background:#1b3536;border:1px solid #385b55;border-radius:7px;flex:50%;min-width:0;min-height:38px;font-size:11px;font-weight:600}.mobile-panel-actions button[aria-pressed=true]{color:#f0fff5;background:#31574c;border-color:#90dfbd}.map-stage{flex:auto;min-height:0}.empty-scene{gap:12px;padding:16px}.empty-scene h1{font-size:25px}.empty-scene>div:last-of-type{flex-flow:wrap;justify-content:center}.empty-scene .primary,.empty-scene .secondary{min-height:44px}.timeline-panel{flex:none;height:164px;min-height:164px;padding:8px 12px}.playback-bar{gap:8px}.play-button{flex:none;width:40px;height:40px}.time-code{white-space:nowrap;font-size:11px}.resolution-badge{white-space:nowrap;margin-left:auto;font-size:8px}.playback-hint{display:none}.story-track{height:20px;margin-top:5px}.story-track>button{touch-action:manipulation;min-height:28px}.timeline-scrubber{touch-action:pan-x;min-height:28px}.elevation-chart{height:31px;margin-top:4px}.timeline-labels{margin-top:2px;font-size:8px}.timeline-labels>span:nth-child(2){display:none}.route-panel,.story-panel{z-index:22;inset:8px 8px max(8px, env(safe-area-inset-bottom));width:auto;max-height:none;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #42605b;border-radius:15px;display:none;position:absolute;overflow:auto;box-shadow:0 18px 50px #0009}.route-panel.is-open,.story-panel.is-open{display:block}.route-panel{border-right:1px solid #42605b}.story-panel{border-left:1px solid #42605b}.mobile-panel-close{color:#b3d2c8;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:5px;width:100%;min-height:44px;margin:-10px 0 8px;padding:0 5px;font-size:12px;display:flex}.mobile-panel-backdrop{z-index:21;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071317a8;border:0;position:absolute;inset:0}.route-panel .import-button,.story-panel .add-actions button,.story-panel .story-bulk-actions button,.side-tabs button{min-height:44px}.route-close-button{justify-content:center;gap:7px;width:100%;min-height:44px;margin:-12px 0 16px}.route-panel input,.route-panel select,.story-panel input,.story-panel select{font-size:16px}.story-panel .nodes-list{display:flex}.story-panel .node-card{min-height:58px}.mobile-panel-actions,.mobile-panel-close{display:flex}.mobile-panel-backdrop{display:block}.export-card{width:min(340px,100% - 24px);padding:20px}.export-ready{z-index:19;color:#e2f6e9;background:#18332ff2;border:1px solid #6a9b7e;border-radius:13px;gap:9px;padding:16px;font-size:13px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 34px #0008}.export-ready>span,.export-ready small{color:#a9c8b8;font-size:11px;line-height:1.6}.export-ready .primary{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:13px;display:flex}.studio-footer{min-height:calc(27px + env(safe-area-inset-bottom));height:calc(27px + env(safe-area-inset-bottom));padding:0 10px env(safe-area-inset-bottom);font-size:8px}.studio-footer>span:last-child{display:none}.notice{right:max(10px, env(safe-area-inset-right));bottom:calc(36px + env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));overscroll-behavior:contain;align-items:flex-start;gap:8px;width:auto;min-width:0;max-width:none;max-height:min(45dvh,320px);padding:10px 12px;font-size:11px;overflow-y:auto;transform:none}.notice>span{overflow-wrap:anywhere;flex:auto;min-width:0}.notice .update-reload{flex:none;min-height:44px}.notice .icon-button{flex:none;align-self:flex-start;min-width:36px;min-height:36px}}@media (width<=380px){.brand b{font-size:12px}.studio-header{gap:5px;padding-left:7px;padding-right:7px}.header-actions{gap:3px}.header-actions button{padding:0 7px}.header-actions .primary{min-width:84px}.timeline-panel{padding-left:8px;padding-right:8px}}.settings-disclosure{background:#17272d;border:1px solid #30464b;border-radius:8px;margin:10px 0;overflow:hidden}.settings-disclosure>summary{cursor:pointer;color:#e3efea;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.5;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary:after{content:"＋";color:#89bca9;flex:none;font-size:16px;font-weight:400}.settings-disclosure[open]>summary:after{content:"−"}.settings-disclosure>summary small{color:#83a09e;text-align:right;margin-left:auto;font-size:10px;font-weight:400;line-height:1.5}.settings-disclosure>summary:focus-visible{outline-offset:-3px;outline:2px solid #81e9ce}.settings-disclosure>fieldset{border-top:1px solid #2d4246;gap:16px;min-width:0;padding:16px 12px;display:grid}.settings-disclosure label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-size:12px;line-height:1.5;display:grid}.settings-disclosure label>span{float:none;font-variant-numeric:tabular-nums;justify-self:end;font-size:12px;line-height:1.5}.settings-disclosure label>input,.settings-disclosure label>select{grid-column:1/-1;min-width:0;margin:0;line-height:1.5}.settings-disclosure label>input:not([type=range]):not([type=checkbox]),.settings-disclosure label>select{min-height:44px}.settings-disclosure label>select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#a4c9bf 50%),linear-gradient(135deg,#a4c9bf 50%,#0000 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.settings-disclosure label>input[type=range]{margin:8px 0}.settings-disclosure label.switch-line{gap:12px;min-height:28px;display:flex}.settings-disclosure label.switch-line>span{font-weight:400}.settings-disclosure label.switch-line>input{flex:none}.settings-disclosure>fieldset>p{margin:0;font-size:11px;line-height:1.7}.settings-disclosure>p{margin:0;padding:0 12px 16px;font-size:11px;line-height:1.7}.settings-disclosure .ending-setting{margin:0;line-height:1.5}.settings-disclosure .ending-setting>p{margin:8px 0;line-height:1.7}.settings-disclosure .ending-setting>button{min-height:36px;line-height:1.5}.confirmation-overlay{z-index:100;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px)saturate(.82);backdrop-filter:blur(14px)saturate(.82);background:#071114a8;place-items:center;animation:.18s ease-out both confirmation-fade-in;display:grid;position:fixed;inset:0}.confirmation-dialog{color:#e9f4ef;background:linear-gradient(155deg,#213a38f7,#172329fa 76%);border:1px solid #52786c;border-radius:22px;width:min(100%,430px);padding:26px;animation:.22s cubic-bezier(.2,.8,.2,1) both confirmation-rise-in;box-shadow:0 28px 90px #0009,inset 0 1px #ffffff12}.confirmation-indicator{color:#a4f0d0;background:#284940;border:1px solid #528b79;border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:17px;font-size:15px;font-weight:700;display:grid}.confirmation-dialog[role=alertdialog] .confirmation-indicator{color:#f3c6a3;background:#44352f;border-color:#8c6654}.confirmation-dialog h2{letter-spacing:.2px;font-size:19px}.confirmation-dialog p{color:#adc5c0;overflow-wrap:anywhere;margin-top:11px;font-size:13px;line-height:1.85}.confirmation-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.confirmation-actions button{border-radius:12px;min-height:48px;font-size:13px;font-weight:650}.confirmation-cancel{color:#c4d8d2;background:#233437;border-color:#3c5553}.confirmation-accept{color:#183a31;background:#a5edcf;border-color:#94ddc2}.confirmation-accept:hover:not(:disabled){background:#c1f8e1;border-color:#c1f8e1}.confirmation-accept.destructive{color:#321f18;background:#d69b7a;border-color:#bd8467}.confirmation-accept.destructive:hover:not(:disabled){background:#e5b398;border-color:#e5b398}.confirmation-actions button:focus-visible{outline-offset:3px;outline:2px solid #a7f2d9}@keyframes confirmation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirmation-rise-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.confirmation-overlay{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.confirmation-dialog{border-radius:20px;padding:22px 20px 20px}.confirmation-dialog h2{font-size:18px}.confirmation-dialog p{font-size:13px;line-height:1.8}.confirmation-actions{gap:8px;margin-top:20px}.confirmation-actions button{touch-action:manipulation;min-height:50px}}@media (prefers-reduced-motion:reduce){.confirmation-overlay,.confirmation-dialog{animation:none}}.ratio-note{margin:0;line-height:1.7}.terrain-scene.portrait .map-host{box-shadow:0 10px 34px #0008}.elevation-timeline{min-width:0;margin-top:10px}.elevation-timeline-heading{color:#a5c3bd;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:11px;line-height:1.5;display:flex}.elevation-plot-row{grid-template-columns:44px minmax(0,1fr);margin-right:16px;display:grid}.elevation-y-axis{color:#a5c3bd;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.2;position:relative}.elevation-y-axis span{position:absolute;right:8px;transform:translateY(-50%)}.elevation-track{background:#102125;border-radius:6px;height:64px;position:relative}.elevation-track-chart{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;overflow:hidden}.elevation-track-grid{fill:none;stroke:#a1d3c21f;stroke-width:.75px;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.elevation-track-fill{fill:#97e6cc17}.elevation-track-line{fill:none;stroke:#9ae8ce;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.elevation-playhead{z-index:3;pointer-events:none;background:#d7fff0b3;width:1px;position:absolute;top:0;bottom:0}.elevation-playhead i{background:#92e8c9;border:2px solid #e3fff6;border-radius:50%;width:8px;height:8px;position:absolute;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #92e8c91f}.elevation-track .elevation-seek{z-index:1;opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;min-height:44px;margin:0;padding:0;position:absolute;inset:0}.elevation-track:has(.elevation-seek:focus-visible){outline-offset:3px;outline:2px solid #b4f8de}.elevation-track .elevation-marker{z-index:2;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;min-height:24px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.elevation-marker i{background:var(--marker-color);pointer-events:none;border:1px solid #142a2a;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 1px #ffffff35}.elevation-marker:active i{box-shadow:0 0 0 4px #ffffff26}.elevation-marker:focus-visible{outline-offset:1px;outline:2px solid #b4f8de}.elevation-distance-labels{color:#a5c3bd;font-variant-numeric:tabular-nums;height:18px;margin:4px 16px 0 44px;font-size:10px;line-height:1.4;position:relative}.elevation-distance-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.elevation-distance-labels span:first-child{transform:none}.elevation-distance-labels span:last-child{transform:translate(-100%)}@media (width<=600px){.elevation-timeline{margin-top:6px}.elevation-track{height:64px}.elevation-timeline-heading{margin-bottom:3px;font-size:10px}.elevation-secondary-tick{display:none}.timeline-panel{height:176px;min-height:176px}}@media (prefers-contrast:more){.elevation-track-line{stroke:#c2ffe9}.elevation-timeline-heading,.elevation-y-axis,.elevation-distance-labels{color:#d7f3eb}}