.mobile-only{display:none}.editor-more,.mobile-trial-extra{display:contents}.fullscreen-button{font-size:24px;width:36px;height:36px;flex:none;border:1px solid #ffffff25;border-radius:5px;color:#c5d4bd}.fullscreen-button.active{color:var(--gold);background:#d8b87520}.topbar{gap:18px}
.editor-tools #undo,.editor-tools #redo{order:2}.mobile-layout .editor-tools #undo{order:0}.mobile-layout .editor-more #redo{display:block;order:0}.mobile-layout .mobile-project-name{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#93aa91;padding:7px 6px 12px;border-bottom:1px solid #ffffff15}.mobile-layout .mobile-project-name input{width:100%;font-size:16px;min-height:40px}.mobile-layout .mobile-fold-hidden{display:none!important}.mobile-layout .inspect-section h3[data-mobile-fold]{font-size:11px;min-height:36px;align-items:center;margin:0 0 8px;cursor:pointer;gap:6px}.mobile-layout .inspect-section h3[data-mobile-fold]:after{content:'⌄';font-size:18px;color:#bbbf9b}.mobile-layout .inspect-section h3[data-mobile-fold][aria-expanded=false]:after{content:'›'}.mobile-layout .inspect-section h3[data-mobile-fold] small{margin-left:auto;font-size:9px}
.mobile-layout{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--mobile-top:calc(54px + var(--safe-top));--mobile-bottom:calc(66px + var(--safe-bottom));overscroll-behavior:none;position:fixed;inset:0;height:100dvh;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.mobile-layout .mobile-only{display:flex}.mobile-layout button{touch-action:manipulation}.mobile-layout input,.mobile-layout textarea{-webkit-user-select:text;user-select:text}.mobile-layout .topbar{height:calc(46px + var(--safe-top));padding:var(--safe-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));gap:7px;z-index:30}.mobile-layout .brand{min-width:0;margin-right:auto;gap:7px}.mobile-layout .brand svg{width:22px}.mobile-layout .brand span{font-size:14px;letter-spacing:1px}.mobile-layout .brand small,.mobile-layout .project,.mobile-layout .mode-tabs{display:none}.mobile-layout .fullscreen-button,.mobile-layout .mobile-project-toggle{width:40px;height:40px;align-items:center;justify-content:center;flex:none}.mobile-layout .mobile-project-toggle{font-size:21px;border:1px solid #ffffff20;border-radius:5px}.mobile-layout #world{inset:0}
.mobile-layout .project-actions{display:none;position:fixed;right:max(8px,env(safe-area-inset-right));top:var(--mobile-top);width:190px;max-height:calc(100dvh - 130px);overflow:auto;background:#192c29fa;padding:8px;box-shadow:0 10px 28px #0006;border:1px solid #ffffff24;border-radius:8px;z-index:60;flex-direction:column;gap:4px}.mobile-layout[data-mobile-panel=project] .project-actions{display:flex}.mobile-layout .project-actions button,.mobile-layout .project-actions #save-design,.mobile-layout .project-actions #export-design{display:flex;min-height:42px;align-items:center;gap:10px;text-align:left;padding:8px 14px;font-size:17px}.mobile-layout .project-actions button span{display:inline;font-size:12px}.mobile-layout .project-actions #help{border:0;border-radius:4px;width:auto;height:42px;margin:0;padding:8px 14px}.mobile-layout .project-actions #help:after{content:'操作指南';font:12px "Microsoft YaHei",sans-serif;margin-left:10px}
.mobile-layout .mobile-rail{position:fixed;top:var(--mobile-top);left:max(8px,env(safe-area-inset-left));gap:5px;z-index:25}.mobile-rail button{display:flex;align-items:center;gap:5px;justify-content:center;min-width:58px;height:40px;padding:0 9px;background:#192c29eb;border:1px solid #c1cdb32e;border-radius:6px;color:#b9c9b1;font-size:10px;box-shadow:0 3px 10px #0002}.mobile-rail b{font-size:17px;font-weight:400}.mobile-rail button.active{border-color:#ccb472b3;color:#e7cd8f;background:#293c2c}.mobile-layout .location-card,.mobile-layout .interaction-hint{display:none}
.mobile-layout .left-panel,.mobile-layout .inspector{display:none;position:fixed;top:auto;bottom:var(--mobile-bottom);left:max(8px,env(safe-area-inset-left));right:8px;width:auto;max-width:420px;height:min(62dvh,590px);border-radius:12px;z-index:24;background:#192b28fa;backdrop-filter:blur(12px);box-shadow:0 -5px 35px #0005;padding:0;overflow:hidden}.mobile-layout[data-mobile-panel=library] .left-panel,.mobile-layout[data-mobile-panel=inspector] .inspector{display:flex}.mobile-layout .inspector{left:auto;width:calc(100% - max(16px,env(safe-area-inset-left)));right:max(8px,env(safe-area-inset-right))}.mobile-layout .left-panel>h1,.mobile-layout .panel-kicker,.mobile-layout .panel-intro,.mobile-layout .side-bottom{display:none}.mobile-layout .mobile-sheet-heading,.mobile-layout .inspector-heading{height:42px;min-height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c6d0b9;border-bottom:1px solid #ffffff1c}.mobile-layout .inspector-heading small{display:none}.mobile-sheet-heading button,.mobile-close{width:42px;height:40px;font-size:24px;align-items:center;justify-content:center;color:#b9c9ae}.mobile-layout #build-palette,.mobile-layout #sail-controls{padding:12px 14px;overflow:auto;margin:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.mobile-layout .side-title{font-size:11px;margin-bottom:8px}.mobile-layout .side-title span{display:none}.mobile-layout .categories{gap:5px;margin-bottom:10px;flex-wrap:nowrap;position:sticky;top:-12px;background:#192b28;z-index:1;padding-top:5px}.mobile-layout .categories button{font-size:10px;min-width:0;padding:10px 0;min-height:40px}.mobile-layout .part-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0}.mobile-layout .part-card{display:flex;flex-direction:column;gap:4px;padding:8px 3px;min-height:73px}.mobile-layout .part-card svg{height:31px;width:48px;margin:0}.mobile-layout .part-card span{font-size:10px}.mobile-layout .part-card small{display:none}.mobile-layout .parts-heading{margin-top:16px;padding-top:12px;gap:8px;font-size:11px;flex-wrap:nowrap}.mobile-layout .parts-heading button{min-height:40px;font-size:10px}.mobile-layout .part-tree{max-height:none;margin-top:5px}.mobile-layout .part-tree button{font-size:11px;padding:10px 7px;min-height:40px;gap:8px}.mobile-layout .part-tree button small{display:none}.mobile-layout .tree-icon{width:16px;font-size:15px}
.mobile-layout .inspector #inspector-content{padding:14px;overscroll-behavior:contain}.mobile-layout .entity-title{font-size:20px}.mobile-layout .entity-description{font-size:11px;line-height:1.7;margin-bottom:13px}.mobile-layout .entity-eyebrow{font-size:9px}.mobile-layout .field{font-size:11px;gap:10px;margin:11px 0}.mobile-layout .field input[type=number]{font-size:16px;width:96px;min-height:38px;padding:6px}.mobile-layout input[type=number],.mobile-layout input[type=text],.mobile-layout select{font-size:16px}.mobile-layout .field select{font-size:12px;max-width:175px;min-height:40px}.mobile-layout .field input[type=range]{width:145px;height:32px}.mobile-layout .axis-inputs{grid-template-columns:repeat(3,1fr);gap:6px}.mobile-layout .axis-inputs input{font-size:16px;min-height:38px}.mobile-layout .axis-inputs label{font-size:11px;padding-left:6px}.mobile-layout .inspect-section{margin-top:13px;padding-top:12px}.mobile-layout .inspect-section>h3{font-size:11px;min-height:36px;align-items:center;margin:0 0 8px;cursor:pointer;gap:6px}.mobile-layout .inspect-section>h3:after{content:'⌄';font-size:18px;color:#bbbf9b}.mobile-layout .inspect-section>h3 small{margin-left:auto;font-size:9px}.mobile-layout .inspect-section.mobile-section-folded>h3:after{content:'›'}.mobile-layout .inspect-section.mobile-section-folded>:not(h3){display:none!important}.mobile-layout .inspector-note{font-size:10px;line-height:1.75;color:#8da58b}.mobile-layout .inspector-actions button{min-height:40px;font-size:11px}.mobile-layout .summary-grid{grid-template-columns:1fr 1fr}.mobile-layout .station-list{grid-template-columns:repeat(4,1fr)}.mobile-layout .station-list button{min-height:38px;font-size:12px}.mobile-layout .wood-parameters input,.mobile-layout .timber-dimensions input{font-size:16px;min-height:38px}.mobile-layout .timber-start button,.mobile-layout .timber-repeat button,.mobile-layout .wood-handle-buttons button,.mobile-layout .wood-edit-button{font-size:11px;min-height:40px}.mobile-layout .primary-small,.mobile-layout .mini-button{min-height:40px;font-size:11px}
.mobile-layout .editor-tools{position:fixed;top:auto;bottom:calc(12px + var(--safe-bottom));left:max(8px,env(safe-area-inset-left));right:auto;transform:none;display:flex;padding:3px;gap:2px;z-index:26;justify-content:flex-start;border-radius:8px;max-width:calc(100% - 105px)}.mobile-layout .editor-tools button{height:40px;min-width:36px;padding:0 8px;font-size:19px}.mobile-layout .editor-tools .tool-group{gap:2px}.mobile-layout .editor-tools .tool-group button{min-width:40px;padding:0 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1;gap:4px}.mobile-layout .editor-tools .tool-group small{display:block;font-size:8px;margin:0;vertical-align:0}.mobile-layout .editor-tools #redo{display:none}.mobile-layout .editor-tools .mobile-more-tools{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:3px;font-size:20px}.mobile-layout .mobile-more-tools small{display:block;font-size:8px;margin:0}.mobile-layout .editor-more{display:none;position:absolute;bottom:calc(100% + 9px);left:0;min-width:235px;padding:7px;grid-template-columns:repeat(3,1fr);gap:4px;border:1px solid #c4cead33;background:#1c302cfa;border-radius:8px;box-shadow:0 -5px 25px #0003}.mobile-layout[data-mobile-panel=tools] .editor-more{display:grid}.mobile-layout .editor-more .tool-separator{display:none}.mobile-layout .editor-more button{font-size:17px;min-height:43px}.mobile-layout .editor-more button small{display:inline;font-size:10px}
.mobile-layout .view-tools{display:none;position:fixed;top:calc(var(--mobile-top) + 48px);left:max(8px,env(safe-area-inset-left));bottom:auto;transform:none;max-width:min(300px,calc(100% - 16px));width:252px;padding:7px;grid-template-columns:repeat(3,1fr);gap:4px;background:#1c302bfa;border-radius:8px;z-index:28;box-shadow:0 8px 25px #0005}.mobile-layout[data-mobile-panel=view] .view-tools{display:grid}.mobile-layout .view-tools button{font-size:11px;min-height:42px;padding:6px}.mobile-layout .view-tools i{display:none}
.mobile-layout .bottom-center{position:fixed;left:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(12px + var(--safe-bottom));z-index:26}.mobile-layout .launch-button{height:48px;padding:0 11px;font-size:0;gap:0;border-radius:8px}.mobile-layout .launch-button span{font-size:12px}.mobile-layout .statusbar{display:none}.mobile-layout .mobile-gesture-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + var(--safe-bottom));font-size:9px;letter-spacing:.5px;color:#c3d4c0;pointer-events:none;white-space:nowrap;text-shadow:0 1px 5px #102e2b;opacity:.7;z-index:4}.mobile-layout[data-mobile-panel]:not([data-mobile-panel=""]) .mobile-gesture-hint{display:none}.mobile-layout .placement-hint{position:fixed;top:calc(var(--mobile-top) + 48px);left:50%;max-width:calc(100% - 18px);width:max-content;padding:6px 8px;gap:9px;z-index:23;min-height:40px}.mobile-layout .placement-hint b{font-size:11px;max-width:240px;white-space:normal}.mobile-layout .placement-hint span{display:none}.mobile-layout .placement-hint button{min-width:48px;height:36px;font-size:11px}
.mobile-layout .sea-hud{position:fixed;top:calc(var(--mobile-top) + 49px);left:auto;right:max(8px,env(safe-area-inset-right));transform:none;padding:8px 12px;gap:13px;border-radius:8px}.mobile-layout .sea-hud small{display:none}.mobile-layout .sea-hud strong{font-size:20px}.mobile-layout .sea-hud em{font-size:9px;margin-left:3px}.mobile-layout .sea-hud i{height:19px}.mobile-layout #trial-actions{max-width:none;position:relative;flex-wrap:nowrap;padding:3px;gap:3px;border-radius:8px}.mobile-layout #trial-actions>button{font-size:11px;min-height:42px;padding:6px 10px;white-space:nowrap}.mobile-layout .mobile-trial-extra{display:none;position:absolute;bottom:calc(100% + 9px);right:0;width:225px;background:#1d302bfa;padding:7px;border:1px solid #c4cead33;border-radius:8px;box-shadow:0 -5px 25px #0004;grid-template-columns:1fr 1fr;gap:4px}.mobile-layout[data-mobile-panel=sea] .mobile-trial-extra{display:grid}.mobile-layout #trial-actions .mobile-trial-extra button{min-height:44px;font-size:11px;padding:7px}.mobile-layout #trial-actions .mobile-sea-more{display:block}.mobile-layout .mobile-helm{display:none;position:fixed;bottom:calc(70px + var(--safe-bottom));left:max(8px,env(safe-area-inset-left));width:176px;background:#192e29eb;border:1px solid #bbc9ab30;border-radius:8px;z-index:23;flex-direction:column;backdrop-filter:blur(10px);overflow:hidden}.mobile-layout.sea-mode .mobile-helm{display:flex}.mobile-helm #mobile-helm-toggle{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11px;color:#c9d0b5}.mobile-helm #mobile-helm-inputs{padding:0 11px 8px}.mobile-helm label{display:block;font-size:10px;color:#9fb297;line-height:1.4}.mobile-helm output{float:right;color:#ddd0a0;font:11px monospace}.mobile-helm input[type=range]{display:block;width:100%;height:30px;touch-action:pan-x}.mobile-helm #mobile-rudder-center{min-height:32px;border:1px solid #ffffff20;border-radius:4px;width:100%;font-size:10px}.mobile-helm.collapsed #mobile-helm-inputs{display:none}.mobile-layout.sea-mode .mobile-gesture-hint{display:none}.mobile-layout .trial-metric{font-size:11px;padding:10px 0}.mobile-layout .trial-metric b{font-size:15px}.mobile-layout .trial-environment .field{flex-wrap:nowrap}.mobile-layout .trial-controls-hint{display:none}.mobile-layout .hold-bars{flex-wrap:nowrap}.mobile-layout .hold-bars>div{height:48px}.mobile-layout .mission p{font-size:11px}
.mobile-layout dialog{width:calc(100% - 18px);max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));margin:auto;padding:35px 18px 20px;border-radius:10px;overscroll-behavior:contain}.mobile-layout #close-dialog{width:42px;height:42px;top:0;right:3px}.mobile-layout dialog h2{font-size:22px}.mobile-layout dialog p,.mobile-layout dialog li{font-size:12px;line-height:1.8}.mobile-layout dialog button{min-height:40px}.mobile-layout .blueprint-grid{grid-template-columns:1fr 1fr;gap:8px}.mobile-layout .blueprint-card{display:block;padding:10px;min-height:100px}.mobile-layout .blueprint-card svg{width:100%;height:60px}.mobile-layout .blueprint-card b{font-size:14px;margin:6px 0}.mobile-layout .blueprint-card span{display:none}.mobile-layout .modal-actions{flex-wrap:wrap}.mobile-layout .saved-blueprint{gap:7px;flex-wrap:wrap}.mobile-layout .saved-blueprint small{display:none}.mobile-layout .modal-table{font-size:11px}.mobile-layout .modal-table td,.mobile-layout .modal-table th{padding:7px}.mobile-layout #notice{bottom:calc(83px + var(--safe-bottom));font-size:11px;max-width:calc(100% - 24px);width:max-content;padding:10px 14px;z-index:110}
.mobile-layout.immersive-mode{--mobile-top:calc(10px + var(--safe-top))}.mobile-layout.immersive-mode .topbar{left:auto;width:96px;height:44px;background:transparent;border:0;padding:0;top:var(--safe-top);right:max(5px,env(safe-area-inset-right))}.mobile-layout.immersive-mode .brand{display:none}.mobile-layout.immersive-mode .mobile-rail{max-width:calc(100% - 112px)}.mobile-layout.immersive-mode .mobile-rail button{min-width:50px;padding:0 7px}.immersive-mode:not(.mobile-layout) .topbar{background:#192625b0}
@media (orientation:landscape){.mobile-layout .left-panel,.mobile-layout .inspector{top:calc(var(--mobile-top) + 47px);height:auto;max-height:none;width:300px;max-width:43vw;bottom:var(--mobile-bottom)}.mobile-layout .sea-hud{top:var(--mobile-top)}.mobile-layout .mobile-helm{bottom:calc(12px + var(--safe-bottom));width:160px}.mobile-layout .mobile-gesture-hint{bottom:calc(73px + var(--safe-bottom))}.mobile-layout .part-palette{grid-template-columns:repeat(3,1fr)}.mobile-layout .mobile-helm #mobile-helm-inputs{padding-bottom:6px}.mobile-layout .mobile-helm input[type=range]{height:25px}}
@media (max-width:370px){.mobile-layout .editor-tools .tool-group button{min-width:35px}.mobile-layout .editor-tools button{padding:0 6px;min-width:32px}.mobile-layout .launch-button{padding:0 9px}.mobile-layout .launch-button span{font-size:11px}.mobile-layout .blueprint-grid{grid-template-columns:1fr}.mobile-layout .sea-hud{gap:9px;padding:8px}.mobile-layout .sea-hud strong{font-size:18px}}
.mobile-layout .editor-tools .editor-more #redo{display:block;order:0}.mobile-layout .editor-more #redo:after{content:' 重做';font-size:10px}
.mobile-layout[data-mobile-panel=library] .mobile-helm{visibility:hidden;pointer-events:none}