:root{--hm-primary: #0A59F7;--hm-primary-hover: #2563EB;--hm-primary-light: #E8F0FF;--hm-bg: #F1F3F5;--hm-bg-card: #FFFFFF;--hm-bg-canvas: #ECEDEF;--hm-bg-toolbar: rgba(255, 255, 255, .85);--hm-text: #182431;--hm-text-secondary: #99182431;--hm-text-dim: #99A0A7;--hm-border: #E5E7E9;--hm-divider: #F1F3F5;--hm-danger: #E84026;--hm-success: #41A61F;--hm-warning: #FF9F00;--hm-radius-sm: 8px;--hm-radius-md: 12px;--hm-radius-lg: 16px;--hm-radius-full: 9999px;--hm-shadow: 0 2px 12px rgba(0, 0, 0, .08);--hm-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--hm-ease: cubic-bezier(.2, 0, 0, 1);--hm-duration: .25s;--ink-red: #9E2B25;--ink-red-d: #7A1F1B;--ink-red-l: #C0463F;--ink-red-soft: rgba(158, 43, 37, .08);--paper: #F5EFE0;--paper-card: #FBF7EC;--paper-2: #EFE7D4;--gold: #C9A24B;--gold-l: #E3C97A;--gold-d: #A07F2E;--ink: #1C1A17;--ink-2: #4A443C;--ink-3: #8A8174;--ink-line: rgba(28, 26, 23, .12);--app-bg: #F8F4EA;--app-card: #FFFFFF;--app-toolbar: rgba(251, 247, 236, .88)}@media(prefers-color-scheme:dark){:root{--hm-bg: #1A1A1A;--hm-bg-card: #2E2E2E;--hm-bg-canvas: #222222;--hm-bg-toolbar: rgba(46, 46, 46, .85);--hm-primary-light: #1A2845;--hm-text: #E6E6E6;--hm-text-secondary: #99E6E6E6;--hm-text-dim: #8C8C8C;--hm-border: #3A3A3A;--hm-divider: #333333;--hm-shadow: 0 2px 12px rgba(0, 0, 0, .3);--hm-shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--paper: #1F1C18;--paper-card: #2A2620;--paper-2: #241F1A;--gold-l: #D4B864;--ink: #EDE6D6;--ink-2: #C4BAA3;--ink-3: #847B68;--ink-line: rgba(237, 230, 214, .12);--app-bg: #1A1815;--app-card: #2A2620;--app-toolbar: rgba(31, 28, 24, .88)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:HarmonyOS Sans SC,HarmonyOS Sans,Microsoft YaHei,Segoe UI,sans-serif;background:var(--app-bg);color:var(--ink);overflow:hidden;height:100vh;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app-sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#app{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;background:var(--app-toolbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ink-line);padding:0 16px;flex-shrink:0;z-index:100}.toolbar-left .logo{font-size:17px;font-weight:600;color:var(--ink);letter-spacing:1.5px}.toolbar-center{display:flex;gap:4px;background:var(--paper-2);border-radius:var(--hm-radius-full);padding:3px}.mode-btn{padding:7px 24px;border:none;background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;border-radius:var(--hm-radius-full);cursor:pointer;transition:all var(--hm-duration) var(--hm-ease)}.mode-btn:hover{color:var(--ink)}.mode-btn.active{background:var(--ink-red);color:#fff;box-shadow:0 2px 8px #9e2b254d}.toolbar-right{display:flex;gap:8px;align-items:center}.toolbar-right button{padding:7px 16px;border:none;background:var(--app-card);color:var(--ink);font-size:13px;font-weight:500;border-radius:var(--hm-radius-full);cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);box-shadow:var(--hm-shadow)}.toolbar-right button:hover{background:var(--ink-red-soft);color:var(--ink-red)}.toolbar-right button:active{transform:scale(.95)}.tb-step-btn{padding:7px 14px;border:1px solid var(--gold)!important;background:var(--paper-card)!important;color:var(--gold-d)!important;font-size:13px;font-weight:600;border-radius:var(--hm-radius-full);cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);box-shadow:none!important}.tb-step-btn:hover{background:var(--gold)!important;color:#fff!important;border-color:var(--gold)!important}#canvas-2d{cursor:crosshair}#container-3d canvas{display:block}#sidebar{width:280px;background:var(--app-card);border-left:1px solid var(--ink-line);flex-shrink:0;z-index:20;position:relative;display:flex;flex-direction:column;overflow:hidden}.side-panel{display:none;padding:0}.side-panel.active{display:block}.side-panel h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--ink)}.guide-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;line-height:1.5;color:var(--ink)}.guide-icon{flex-shrink:0;width:22px;height:22px;border-radius:var(--hm-radius-full);background:var(--ink-red);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}kbd{background:var(--paper-2);border:1px solid var(--ink-line);border-radius:4px;padding:1px 6px;font-size:12px;font-family:monospace;color:var(--ink-2)}hr{border:none;border-top:1px solid var(--ink-line);margin:16px 0}.info-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.info-row label{color:var(--ink-2)}.info-row span{font-weight:600;color:var(--ink)}.hint{font-size:12px;color:var(--ink-2);margin-bottom:12px;line-height:1.4}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.furniture-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid var(--ink-line);background:var(--paper);border-radius:var(--hm-radius-md);cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);font-size:12px;color:var(--ink);font-weight:500}.furniture-btn:hover{background:var(--ink-red-soft);border-color:var(--ink-red);color:var(--ink-red);transform:translateY(-2px);box-shadow:var(--hm-shadow)}.furniture-btn:active{transform:scale(.95)}.furniture-btn .icon{font-size:28px}.control-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px}.control-row label{width:54px;color:var(--ink-2);flex-shrink:0}.control-row input[type=range]{flex:1;accent-color:var(--ink-red);height:4px}.control-row span{width:40px;text-align:right;font-size:12px;color:var(--ink-2)}.full-btn{width:100%;padding:9px;border:1px solid var(--ink-line);background:var(--paper);color:var(--ink);border-radius:var(--hm-radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--hm-duration) var(--hm-ease)}.full-btn:hover{background:var(--ink-red-soft);color:var(--ink-red);border-color:var(--ink-red)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--paper-card);border:1px solid var(--gold);border-radius:var(--hm-radius-lg);padding:28px;width:540px;max-width:90%;box-shadow:var(--hm-shadow-lg)}.modal-content h3{color:var(--ink);margin-bottom:16px;font-size:18px;font-weight:600}.modal-content textarea{width:100%;height:280px;background:var(--paper);border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);color:var(--ink);padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;resize:vertical;outline:none;transition:border-color var(--hm-duration)}.modal-content textarea:focus{border-color:var(--gold)}.modal-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.modal-actions button{padding:10px 24px;border:none;background:var(--ink-red);color:#fff;border-radius:var(--hm-radius-full);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--hm-duration) var(--hm-ease)}.modal-actions button:hover{background:var(--ink-red-d)}.modal-actions button:active{transform:scale(.95)}.modal-actions .btn-secondary{background:var(--paper-2);color:var(--ink-2)}.modal-actions .btn-secondary:hover{background:var(--ink-line)}#toast{position:fixed;top:72px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--ink);color:var(--paper-card);padding:10px 28px;border-radius:var(--hm-radius-full);font-size:14px;font-weight:500;opacity:0;transition:all var(--hm-duration) var(--hm-ease);z-index:300;pointer-events:none;box-shadow:var(--hm-shadow-lg)}#toast.show{transform:translate(-50%) translateY(0);opacity:1}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-track{background:transparent}#sidebar::-webkit-scrollbar-thumb{background:var(--hm-border);border-radius:3px}#sidebar::-webkit-scrollbar-thumb:hover{background:var(--hm-text-dim)}.furniture-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding-bottom:2px}.furniture-tab{padding:5px 10px;border:1px solid var(--ink-line);background:var(--paper);color:var(--ink-2);font-size:12px;font-weight:500;border-radius:var(--hm-radius-full);cursor:pointer;white-space:nowrap;transition:all var(--hm-duration) var(--hm-ease)}.furniture-tab.active{background:var(--ink-red);border-color:var(--ink-red);color:#fff}.furniture-search{width:100%;padding:8px 14px;border:1px solid var(--ink-line);border-radius:var(--hm-radius-full);font-size:13px;margin-bottom:12px;outline:none;background:var(--paper);color:var(--ink);transition:border-color var(--hm-duration)}.furniture-search:focus{border-color:var(--gold)}#login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;background:#0a0908;transition:opacity .6s var(--hm-ease)}#login-overlay.fade-out{opacity:0;pointer-events:none}#login-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.login-card{position:relative;z-index:1;width:380px;max-width:92%;margin:auto;padding:44px 40px 36px;background:#0f0d0ad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(214,69,39,.55);border-radius:4px;box-shadow:0 0 90px #d6321952,0 24px 64px #00000080,inset 0 1px #ff825a1f;text-align:center;opacity:0;transform:translateY(30px) scale(.96);transition:opacity .8s cubic-bezier(.2,0,0,1),transform .8s cubic-bezier(.2,0,0,1)}@media(max-height:640px){.login-card{padding:24px 28px 20px}}.login-card.enter{opacity:1;transform:translateY(0) scale(1)}.login-card.exit{opacity:0;transform:translateY(-40px) scale(.92);transition:opacity .5s cubic-bezier(.4,0,1,1),transform .5s cubic-bezier(.4,0,1,1)}.login-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,128,88,.22);border-radius:2px;pointer-events:none}.login-card h1{font-size:28px;font-weight:700;color:#ede6d6;letter-spacing:4px;margin-bottom:6px;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.login-card.enter h1{opacity:1;transform:translateY(0);transition-delay:.6s}.login-card .login-sub{font-size:13px;color:#c9a24bcc;letter-spacing:3px;margin-bottom:30px;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.login-card.enter .login-sub{opacity:1;transform:translateY(0);transition-delay:.8s}.login-field{margin-bottom:16px;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.login-card.enter .field-phone{opacity:1;transform:translateY(0);transition-delay:1s}.login-card.enter .field-code,.login-card.enter .login-code-row{opacity:1;transform:translateY(0);transition-delay:1.15s}.login-code-row{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.login-field label{display:block;font-size:12px;color:#c9a24bb3;letter-spacing:1px;margin-bottom:6px}.login-input{width:100%;padding:11px 14px;background:#c9a24b0f;border:1px solid rgba(201,162,75,.25);border-bottom:1px solid rgba(201,162,75,.5);border-radius:2px;color:#ede6d6;font-size:15px;letter-spacing:1px;outline:none;transition:border-color var(--hm-duration) var(--hm-ease)}.login-input:focus{border-color:var(--gold-l);border-bottom-color:var(--ink-red)}.login-code-row{display:flex;gap:10px}.login-code-row .login-input{flex:1}.login-btn-code{flex-shrink:0;padding:0 18px;background:transparent;border:1px solid rgba(201,162,75,.5);border-radius:2px;color:var(--gold-l);font-size:13px;cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);white-space:nowrap}.login-btn-code:hover{background:var(--gold);color:#fff}.login-btn-code:disabled{opacity:.5;cursor:not-allowed}.login-btn-submit{width:100%;margin-top:10px;padding:13px;background:var(--ink-red);border:none;border-radius:2px;color:#fbf7ec;font-size:15px;font-weight:600;letter-spacing:4px;cursor:pointer;transition:all var(--hm-duration) var(--hm-ease),opacity .5s ease,transform .5s ease;box-shadow:0 4px 12px #9e2b254d;opacity:0;transform:translateY(8px)}.login-card.enter .login-btn-submit{opacity:1;transform:translateY(0);transition-delay:1.3s}.login-btn-submit:hover{background:var(--ink-red-d);transform:translateY(-1px);box-shadow:0 0 26px #d63c208c,0 6px 16px #9e2b2566}.login-btn-submit:active{transform:scale(.98)}.login-msg{min-height:18px;margin-top:12px;font-size:13px;letter-spacing:1px}.login-msg.ok{color:var(--hm-success)}.login-msg.err{color:var(--ink-red)}#stage{flex:1;display:flex;position:relative;overflow:hidden;background:transparent}#canvas-area{flex:1;position:relative;overflow:hidden;display:flex}#step-nav{width:200px;flex-shrink:0;background:var(--app-card);border-right:1px solid var(--ink-line);padding:20px 0;display:flex;flex-direction:column;position:relative;z-index:20}.step-nav-title{padding:0 20px 16px;font-size:13px;font-weight:600;letter-spacing:3px;color:var(--ink-2);border-bottom:1px solid var(--ink-line);margin-bottom:12px}.step-list{flex:1;padding:0 16px;position:relative}.step-list:before{content:"";position:absolute;left:30px;top:14px;bottom:14px;width:2px;background:var(--ink-line);z-index:0}.step-item{display:flex;align-items:flex-start;gap:12px;padding:12px 4px;cursor:pointer;position:relative;z-index:1;border-radius:var(--hm-radius-sm);transition:background var(--hm-duration) var(--hm-ease)}.step-item:hover{background:var(--ink-red-soft)}.step-dot{flex-shrink:0;width:28px;height:28px;border-radius:var(--hm-radius-full);background:var(--paper-2);border:2px solid var(--ink-line);color:var(--ink-3);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all var(--hm-duration) var(--hm-ease)}.step-item.active .step-dot{background:var(--ink-red);border-color:var(--ink-red);color:#fff;box-shadow:0 0 0 4px var(--ink-red-soft)}.step-item.done .step-dot{background:var(--gold);border-color:var(--gold);color:#fff}.step-body{flex:1;min-width:0;padding-top:2px}.step-name{font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:2px}.step-item.active .step-name{color:var(--ink-red)}.step-item.done .step-name{color:var(--ink)}.step-hint{font-size:11px;color:var(--ink-3);line-height:1.4}.step-nav-foot{padding:14px 20px 4px;border-top:1px solid var(--ink-line);margin-top:auto;font-size:11px;color:var(--ink-3);letter-spacing:1px;line-height:1.6}.nav-slider-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.nav-slider-row input[type=range]{flex:1;min-width:0}.nav-slider-label{font-size:11px;color:var(--ink-2);white-space:nowrap}.nav-slider-val{color:var(--ink-gold, #b8860b);min-width:26px;text-align:right;font-size:11px}.nav-hint{color:var(--ink-3)}.rail-head{padding:18px 18px 14px;background:var(--ink-red);color:#fbf7ec}.rail-head .rail-step{font-size:12px;letter-spacing:3px;opacity:.85;margin-bottom:4px}.rail-head .rail-title{font-size:17px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.rail-head .rail-guide{font-size:12.5px;line-height:1.6;color:#ffffffe6;letter-spacing:.5px}.quick-bar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--ink-line);background:var(--paper-2)}.quick-bar .qbtn{flex:1 1 0;min-width:0;padding:8px 6px;border:1px solid var(--ink-line);background:var(--app-card);color:var(--ink);border-radius:var(--hm-radius-sm);font-size:12px;cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);white-space:nowrap}.quick-bar .qbtn:hover{border-color:var(--ink-red);color:var(--ink-red);background:var(--ink-red-soft)}.quick-bar .qbtn.primary{background:var(--ink-red);border-color:var(--ink-red);color:#fff}.quick-bar .qbtn.primary:hover{background:var(--ink-red-d);color:#fff}.op-hints{padding:8px 14px 4px;font-size:11.5px;line-height:1.8;color:var(--ink-2)}.op-hints .kbd-inline{display:inline-block;background:var(--paper-2);border:1px solid var(--ink-line);border-radius:3px;padding:0 5px;font-family:monospace;font-size:11px;color:var(--ink);margin:0 1px}#step-cards{flex:1;overflow-y:auto;padding:4px 14px 16px}.step-card{display:none;animation:cardIn .3s var(--hm-ease)}.step-card.active{display:block}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-card .acc-label{display:block;font-size:11.5px;color:var(--ink-2);margin:14px 0 5px;letter-spacing:.5px}.step-card .acc-sub{font-size:11.5px;color:var(--ink-3);line-height:1.6;margin-top:6px}.big-cta{width:100%;padding:16px;font-size:15px;font-weight:600;letter-spacing:1px;background:var(--ink-red);color:#fff;border:none;border-radius:var(--hm-radius-sm);cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);box-shadow:0 4px 12px #9e2b2540}.big-cta:hover{background:var(--ink-red-d);transform:translateY(-1px);box-shadow:0 6px 16px #9e2b2559}.mini-btn{flex:0 0 auto;width:auto;padding:7px 16px;border:none;background:var(--ink-red);color:#fff;border-radius:var(--hm-radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--hm-duration) var(--hm-ease);white-space:nowrap}.mini-btn:hover{background:var(--ink-red-d)}.card-row{margin-top:8px}.card-tip{background:var(--ink-red-soft);border-left:3px solid var(--ink-red);border-radius:4px;padding:10px 12px;margin-bottom:14px;font-size:13px;line-height:1.7;color:var(--ink)}.card-tip b{color:var(--ink-red)}.rail-details{border-top:1px solid var(--ink-line);padding:10px 14px 16px;margin-top:auto}.rail-details summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:1px;padding:4px 0;list-style:none}.rail-details summary::-webkit-details-marker{display:none}.rail-details summary:before{content:"▸ ";color:var(--ink-3)}.rail-details[open] summary:before{content:"▾ "}.rail-details hr{margin:10px 0}.accordion{padding:8px 12px 20px}.acc-group{border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);margin-bottom:8px;overflow:hidden;background:var(--paper-card)}.acc-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;background:transparent;border:none;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:1px;transition:background var(--hm-duration) var(--hm-ease)}.acc-head:hover{background:var(--ink-red-soft)}.acc-head .acc-chev{color:var(--ink-3);font-size:12px;transition:transform var(--hm-duration) var(--hm-ease)}.acc-group.open .acc-chev{transform:rotate(90deg);color:var(--ink-red)}.acc-body{display:none;padding:4px 14px 14px}.acc-group.open .acc-body{display:block}.acc-body .acc-label{display:block;font-size:11.5px;color:var(--ink-2);margin:8px 0 5px;letter-spacing:.5px}.acc-body .acc-sub{font-size:11px;color:var(--ink-3);line-height:1.5;margin-top:6px}.tool-row{display:flex;gap:6px;margin-top:8px}.tool-row .full-btn{flex:1}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.toggle-btn{padding:8px 6px;border:1px solid var(--ink-line);background:var(--paper);color:var(--ink-2);border-radius:var(--hm-radius-sm);font-size:12px;cursor:pointer;transition:all var(--hm-duration) var(--hm-ease)}.toggle-btn:hover{border-color:var(--gold);color:var(--ink)}.toggle-btn.on{background:var(--ink-red);border-color:var(--ink-red);color:#fff}#account-area{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.account-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--paper-card);border:1px solid var(--gold);border-radius:var(--hm-radius-full);color:var(--ink);font-size:12.5px}.account-chip .role-tag{color:var(--ink-red);font-weight:700;font-size:11px}.account-logout{color:var(--ink-3);text-decoration:none;font-size:12px;cursor:pointer}.account-logout:hover{color:var(--ink-red)}.t-main{color:var(--ink)}.t-sub{color:var(--ink-2)}.t-dim{color:var(--ink-3)}.t-gold{color:var(--gold-d)}.t-red{color:var(--ink-red)}.field-label{font-size:11.5px;color:var(--ink-2);min-width:48px;flex-shrink:0}.mount-row{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px}.mount-row .acc-input{flex:1 1 0;min-width:0;padding:5px 8px;font-size:12px}.mount-row .link-btn{flex:0 0 auto;font-size:11px}.acc-input{flex:1;padding:6px 8px;border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);font-size:13px;background:var(--paper);color:var(--ink);outline:none;transition:border-color var(--hm-duration) var(--hm-ease)}.acc-input:focus{border-color:var(--gold)}.link-btn{font-size:11px;cursor:pointer;white-space:nowrap;text-decoration:none}.link-btn:hover{text-decoration:underline}.hidden{display:none!important}.rail-link{display:block;text-align:center;text-decoration:none;background:var(--paper-2);color:var(--ink);border:1px solid var(--gold)}.rail-link:hover{background:var(--gold);color:#fff}#tip-bar{display:none;position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--ink-red);color:#fff;padding:11px 30px;border-radius:var(--hm-radius-full);font-size:15px;font-weight:600;z-index:60;box-shadow:0 4px 16px #0003;white-space:nowrap;letter-spacing:.5px}#shortcut-hud{position:absolute;left:12px;bottom:12px;z-index:45;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ink-line);border-radius:10px;box-shadow:0 2px 8px #00000014;pointer-events:none}#shortcut-hud .sh-row{display:flex;align-items:center;gap:8px}#shortcut-hud .sh-key{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink-line);border-radius:5px;background:var(--paper);font-size:11px;font-weight:700;color:var(--ink)}#shortcut-hud .sh-name{font-size:11px;color:var(--ink-2);white-space:nowrap}#progress-bar{display:none;position:absolute;top:0;left:0;width:100%;height:4px;background:var(--ink-line);z-index:50}#progress-fill{height:100%;background:var(--gold);transition:width .3s;width:0}#progress-text{position:absolute;top:8px;left:16px;font-size:13px;color:var(--gold-d);font-weight:500}#canvas-overlay{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:5;display:block}#canvas-area>#canvas-2d{flex:1;background:var(--paper);display:block}#canvas-area>#container-3d{flex:1;position:relative;display:none}#fs-sidebar.fs-float{display:none;position:fixed;right:300px;top:116px;bottom:0;width:280px;background:var(--paper-card);box-shadow:-2px 0 8px #0000001a;z-index:50;flex-direction:column;border-left:1px solid var(--gold)}.fs-float-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ink-line)}.fs-float-head h3{margin:0;font-size:14px;color:var(--ink)}.fs-float-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--ink-2)}.fs-float-btn:hover{color:var(--ink-red)}.fs-float-body{flex:1;overflow-y:auto;padding:8px 14px;font-size:12px;line-height:1.6;color:var(--ink)}#fs-expand.fs-float-expand{display:none;position:fixed;right:300px;top:60px;width:28px;height:60px;background:var(--paper-card);box-shadow:-2px 0 8px #0000001a;z-index:50;border:none;border-left:1px solid var(--gold);border-radius:4px 0 0 4px;cursor:pointer;font-size:16px;color:var(--ink-red)}#canvas-outdoor{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f3ee}#canvas-overlay-outdoor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#outdoor-toolbar{width:280px;flex-shrink:0;background:var(--app-card);border-left:1px solid var(--ink-line);z-index:20;padding:12px;gap:8px;display:flex;flex-direction:column;overflow-y:auto}.ot-head{font-weight:600;font-size:14px;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--ink-line)}.ot-form-row{display:flex;align-items:center;gap:6px}.ot-label{font-size:12px;color:var(--ink-2);white-space:nowrap}.ot-section-title{font-size:11px;color:var(--ink-2);margin:2px 0 4px;letter-spacing:1px}.ot-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px}.ot-shapes{display:block}.ot-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:4px;max-height:38vh;overflow-y:auto;padding:6px;border:1px dashed var(--ink-line);border-radius:var(--hm-radius);background:var(--paper)}.ot-tool-btn,.ot-shape-btn{padding:4px;border:1px solid var(--ink-line);background:var(--paper);border-radius:4px;cursor:pointer;font-size:12px;color:var(--ink);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--hm-duration) var(--hm-ease)}.ot-tool-btn:hover,.ot-shape-btn:hover{background:var(--paper-2)}.ot-tool-btn.active,.ot-shape-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ot-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px;border-top:1px solid var(--ink-line);padding-top:8px}.ot-btn{padding:5px 2px;border:1px solid var(--ink-line);background:var(--paper);border-radius:var(--hm-radius-sm);cursor:pointer;font-size:12px;color:var(--ink-2);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-btn:hover{background:var(--paper-2)}.ot-btn.active{color:var(--ink);border-color:var(--ink)}.ot-btn.primary{background:var(--ink-red);color:#fff;border-color:var(--ink-red)}.ot-btn.primary:hover{background:var(--ink-red-d)}.ot-mapsec{border-top:1px solid var(--ink-line);padding-top:8px;margin-top:2px;display:flex;flex-direction:column;gap:6px}.ot-mapsec input[type=text]{flex:1;min-width:0;padding:4px 6px;font-size:12px;border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);background:var(--paper);color:var(--ink)}.ot-map-tip{font-size:10px;color:var(--ink-2);line-height:1.4}#ot-map-div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#ot-map-div .maplibregl-ctrl-attrib{font-size:10px}#ot-map-searchbar{position:absolute;top:12px;left:12px;z-index:30;display:flex;gap:6px;align-items:center;background:#fffcf5f0;border:1px solid var(--ink-line);border-radius:8px;padding:5px 6px;box-shadow:0 2px 8px #00000026}#ot-map-searchbar input{width:210px;padding:5px 8px;font-size:13px;border:1px solid var(--ink-line);border-radius:6px;background:var(--paper);color:var(--ink);outline:none}#ot-map-searchbar input:focus{border-color:var(--ink-red)}#ot-map-searchbar button{padding:5px 10px;font-size:13px;border:1px solid var(--ink-red);border-radius:6px;background:var(--ink-red);color:#fff;cursor:pointer;white-space:nowrap}#ot-map-searchbar button:hover{filter:brightness(1.1)}#ot-zoom-rocker{position:absolute;right:12px;bottom:12px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fffcf5f0;border:1px solid var(--ink-line);border-radius:8px;padding:5px;box-shadow:0 2px 8px #00000026}#ot-zoom-rocker button{width:34px;height:30px;font-size:16px;line-height:1;border:1px solid var(--ink-line);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer}#ot-zoom-rocker button:hover{background:var(--paper-2)}#ot-zoom-rocker .ot-size-val{font-size:11px;color:var(--ink-2)}.ot-sizers{border-top:1px solid var(--ink-line);padding-top:8px;margin-top:2px;display:flex;flex-direction:column;gap:6px}.ot-size-row{display:flex;align-items:center;gap:5px;font-size:12px}.ot-size-row .ot-label{width:32px}.ot-size-row .ot-btn{flex-shrink:0;padding:4px 7px}.ot-size-row input[type=range]{flex:1;min-width:0}.ot-size-val{font-size:11px;color:var(--ink-2);min-width:34px;text-align:center;white-space:nowrap}.ot-shortcuts{border-top:1px solid var(--ink-line);padding-top:8px;margin-top:2px;font-size:11px;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}.ot-sc-title{font-size:11px;letter-spacing:1px;margin-bottom:2px}.ot-sc-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.ot-sc-row b{font-weight:600;color:var(--ink);background:var(--paper);border:1px solid var(--ink-line);border-radius:4px;padding:0 5px;white-space:nowrap;line-height:18px}#btn-north{position:absolute;top:12px;right:12px;width:44px;height:44px;padding:3px;border-radius:50%;border:none;background:transparent;cursor:pointer;z-index:60;box-shadow:0 1px 6px #0000002e;transition:transform .15s}#btn-north:hover{transform:scale(1.08)}#btn-north:active{transform:scale(.95)}#north-needle{transition:transform .25s ease-out;transform-origin:16px 16px}#outdoor-sha-list{position:absolute;top:68px;right:12px;width:240px;max-height:60%;overflow-y:auto;background:#fffffff2;border:1px solid var(--ink-line);border-radius:var(--hm-radius);padding:10px;z-index:10;font-size:12px}.sha-item{padding:6px 8px;margin-bottom:4px;border-radius:var(--hm-radius-sm);border-left:3px solid}.sha-item.major{border-color:#dc2828;background:#dc28280f}.sha-item.minor{border-color:#e8941a;background:#e8941a0f}.sha-item.auspicious{border-color:#2ba84a;background:#2ba84a0f}.oe-form-card{transition:all var(--hm-duration) var(--hm-ease)}.oe-form-card:hover{border-color:var(--gold)!important;box-shadow:0 2px 8px #c9a24b33}.outdoor-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--paper);display:flex;flex-direction:column}.outdoor-editor{width:100%;height:100%;display:flex;flex-direction:column}.oe-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--app-card);border-bottom:1px solid var(--ink-line)}.oe-title{font-weight:600;color:var(--ink);font-size:14px}.oe-back,.oe-done{padding:6px 16px;border:none;border-radius:var(--hm-radius-full);cursor:pointer;font-size:13px;font-weight:500}.oe-back{background:var(--paper-2);color:var(--ink-2)}.oe-done{background:var(--ink-red);color:#fff}.oe-back:hover{background:var(--ink-line)}.oe-done:hover{background:var(--ink-red-d)}.oe-body{flex:1;display:flex;overflow:hidden}.oe-canvas-wrap{flex:1;position:relative;background:#f5f3ee}.oe-canvas{width:100%;height:100%;cursor:crosshair}.oe-canvas-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:var(--ink-2);background:#fffc;padding:4px 12px;border-radius:var(--hm-radius-full);pointer-events:none}.oe-panel{width:280px;border-left:1px solid var(--ink-line);background:var(--app-card);overflow-y:auto;padding:12px}.oe-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ink-line)}.oe-section h4{font-size:13px;color:var(--ink);margin-bottom:8px}.oe-prop-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.oe-prop-row label{font-size:12px;color:var(--ink-2)}.oe-number-row{display:flex;align-items:center;gap:6px}.oe-input,.oe-select{padding:4px 8px;border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);font-size:12px;background:var(--paper);color:var(--ink);outline:none;width:100%;box-sizing:border-box}.oe-input:focus,.oe-select:focus{border-color:var(--gold)}.oe-range{flex:1}.oe-number{width:60px;padding:2px 4px;border:1px solid var(--ink-line);border-radius:var(--hm-radius-sm);font-size:12px}.oe-actions{display:flex;gap:6px;flex-wrap:wrap;border-bottom:none}.oe-btn{padding:6px 10px;border:1px solid var(--ink-line);background:var(--paper);border-radius:var(--hm-radius-sm);cursor:pointer;font-size:12px;color:var(--ink-2)}.oe-btn:hover{background:var(--paper-2)}.oe-delete{color:var(--ink-red)}.oe-delete:hover{background:#dc282814}.oe-footer{padding:6px 16px;background:var(--app-card);border-top:1px solid var(--ink-line);font-size:11px;color:var(--ink-2)}