@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@600;700;900&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#f9f4e9;background:#071114;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071114;-webkit-font-smoothing:antialiased}button{font:inherit}.app-shell{height:100dvh;min-height:620px;display:grid;grid-template-rows:76px 1fr 42px;overflow:hidden;background:#071114}.app-loading{display:grid;place-content:center;justify-items:center;gap:13px;color:#829592}.app-loading span{width:24px;height:24px;border:2px solid rgba(222,177,94,.18);border-top-color:#d8aa58;border-radius:50%;animation:loading-spin .7s linear infinite}.app-loading p{margin:0;font-size:10px;letter-spacing:.2em}@keyframes loading-spin{to{transform:rotate(360deg)}}.invalid-link-page{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:16px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(26,59,62,.42),transparent 34%),#071114}.invalid-link-page h1{margin:0;color:#f7eedc;font:700 clamp(30px,4vw,56px) "Noto Serif SC",serif;letter-spacing:.12em}.invalid-link-page p{margin:0;color:#9baaa7;font-size:clamp(13px,1.2vw,16px);letter-spacing:.1em}.topbar,footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;border-color:#d3ab6940;background:#061215e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{padding:0 34px;border-bottom:1px solid rgba(211,171,105,.25)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(233,189,106,.55);color:#f4c772;background:#173238}.brand-mark svg{width:20px;height:20px}.brand div{display:flex;flex-direction:column;gap:3px}.brand strong{font-family:"Noto Serif SC",serif;font-size:17px;letter-spacing:.11em}.brand span{font-size:9px;letter-spacing:.24em;color:#9eaead}.status{display:flex;align-items:center;gap:9px;color:#98aaa8;font-size:11px;letter-spacing:.14em}.status i{width:7px;height:7px;border-radius:50%;background:#80c7a5;box-shadow:0 0 12px #80c7a5}.project-switcher{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:4px;padding:4px;border:1px solid rgba(216,174,98,.22);background:#0a1f22b3}.project-switcher button{min-width:154px;display:flex;align-items:center;gap:9px;padding:9px 12px;color:#899b98;border:0;background:transparent;cursor:pointer;transition:.18s ease}.project-switcher button span{color:#607370;font-size:9px;font-variant-numeric:tabular-nums}.project-switcher button strong{font-size:11px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.project-switcher button:hover{color:#f1d69e;background:#d5ab5e14}.project-switcher button.active{color:#ffe1a1;background:#d5ab5e26;box-shadow:inset 0 -2px #dbaa52}.project-switcher button.active span{color:#e4b760}.viewer{position:relative;min-height:0;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.scene:active{cursor:grabbing}.scene canvas{display:block;width:100%;height:100%;opacity:0}.scene-loading{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:16px;width:100%;padding:24px;cursor:default;background:radial-gradient(circle at 50% 48%,rgba(21,50,53,.46),transparent 30%),#071114;animation:loading-enter .24s ease-out both}@keyframes loading-enter{0%{opacity:0}}.scene-loading-copy{width:min(320px,72vw);display:flex;align-items:baseline;justify-content:space-between;color:#9caaa7;font-size:11px;letter-spacing:.18em}.scene-loading-copy strong{color:#e8c77f;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.scene-loading-track{width:min(320px,72vw);height:2px;overflow:hidden;background:#dcb97429}.scene-loading-track i{display:block;height:100%;background:linear-gradient(90deg,#9d7338,#f0ce86);box-shadow:0 0 14px #eac17175;transition:width .18s ease-out}.viewer-toolbar{display:contents}.scene-title{position:absolute;z-index:2;top:35px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 3px 24px #061013}.scene-title.is-hidden{opacity:0}.scene-title span{display:block;color:#d8b46d;font-size:10px;letter-spacing:.4em;margin-bottom:8px}.scene-title strong{font:700 clamp(20px,2.2vw,34px) "Noto Serif SC",serif;letter-spacing:.16em;white-space:nowrap}.hotspot-layer{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.art-hotspot{position:absolute;top:var(--dock-top, 50%);opacity:0;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;color:#f4dfad;background:#071518d1;border:1px solid rgba(238,194,105,.42);border-radius:999px;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;transition:transform .18s ease,border-color .18s ease,background .18s ease}.art-hotspot[data-dock=left]{left:158px}.art-hotspot[data-dock=right]{right:82px}.art-hotspot.is-editing{padding:4px}.art-hotspot.is-editing span{display:none}.art-hotspot.is-editing.is-selected{border-color:#fff0b8;box-shadow:0 0 0 4px #e8bd6a33,0 8px 24px #00000047}.art-hotspot:hover{transform:translateY(-50%) scale(1.05);color:#fff2c8;border-color:#f0c467;background:#2e2717eb}.hotspot-line{position:absolute;z-index:-1;height:1px;opacity:0;transform-origin:0 50%;background:linear-gradient(90deg,#ebc069d1,#ebc0693d);pointer-events:none}.hotspot-line:before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#e8bd6a;box-shadow:0 0 0 4px #e8bd6a29}.art-hotspot i{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;color:#102022;background:#e8bd6a;border-radius:50%;font-size:10px;font-style:normal;font-weight:800;box-shadow:0 0 0 5px #e8bd6a1f}.art-hotspot span{font-size:10px;letter-spacing:.06em;white-space:nowrap}.hotspot-detail{position:absolute;z-index:4;left:28px;bottom:28px;width:min(300px,calc(100% - 56px));padding:18px;color:#dfe8e3;background:#051215e6;border:1px solid rgba(232,187,102,.42);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 48px #00000057}.hotspot-detail>span{display:block;margin-bottom:7px;color:#c99b4a;font-size:8px;letter-spacing:.24em}.hotspot-detail strong{display:block;font:600 18px "Noto Serif SC",serif;letter-spacing:.08em}.hotspot-detail p{margin:9px 0 15px;color:#aebdb9;font-size:12px;line-height:1.75}.hotspot-detail button{display:flex;align-items:center;gap:7px;padding:9px 12px;color:#102022;background:#e1b35e;border:0;cursor:pointer;font-size:11px;font-weight:700}.hotspot-detail button:hover{background:#f0ca7d}.hotspot-detail button svg{width:14px;height:14px}.drag-tip{position:absolute;z-index:2;left:50%;bottom:21px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:9px 14px;color:#c5cfca;background:#071518b8;border:1px solid rgba(210,177,111,.22);font-size:11px;letter-spacing:.08em;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none}.view-panel{position:absolute;z-index:2;left:26px;top:50%;transform:translateY(-50%);width:112px;padding:13px 10px 10px;background:#061417b8;border:1px solid rgba(216,174,98,.23);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-label{display:block;padding:0 8px 9px;color:#718481;font-size:9px;letter-spacing:.28em}.view-panel button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;color:#9caeab;background:transparent;border:0;border-left:2px solid transparent;cursor:pointer;font-size:12px;text-align:left;transition:.18s ease}.view-panel button span{color:#657673;font-size:9px;font-variant-numeric:tabular-nums}.view-panel button b{font-weight:500}.view-panel button:hover{color:#f6d694;background:#d5ab5e14}.view-panel button.active{color:#f8d487;border-left-color:#e0ad54;background:#d5ab5e1f}.zoom-controls{position:absolute;z-index:2;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;border:1px solid rgba(216,174,98,.23);background:#061417b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zoom-controls button{width:43px;height:43px;display:grid;place-items:center;color:#b8c5c0;background:transparent;border:0;border-bottom:1px solid rgba(216,174,98,.15);cursor:pointer}.zoom-controls button:last-child{border-bottom:0}.zoom-controls button:hover{color:#f5c66c;background:#d5ab5e1a}.zoom-controls svg{width:17px;height:17px}.rotate-toggle{position:absolute;z-index:2;right:26px;bottom:21px;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#d6c59f;background:#061417c7;border:1px solid rgba(216,174,98,.28);cursor:pointer;font-size:11px;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rotate-toggle:hover{color:#ffe2a4;border-color:#f0bf638c}.rotate-toggle.active{color:#ffe1a0;border-color:#d8a953;background:#48391de0}.rotate-toggle svg{width:13px;height:13px}.hotspot-toggle{position:absolute;z-index:2;right:166px;bottom:21px;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#b8c5c0;background:#061417c7;border:1px solid rgba(216,174,98,.24);cursor:pointer;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hotspot-toggle:hover,.hotspot-toggle.active{color:#ffe1a0;border-color:#d8a9539e}.hotspot-toggle svg{width:14px;height:14px}.editor-toggle{position:absolute;z-index:3;right:26px;bottom:65px;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#f4d28c;background:#061417db;border:1px solid rgba(230,184,98,.4);cursor:pointer;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-toggle:hover{color:#fff0c4;border-color:#d8a953}.editor-toggle svg{width:15px;height:15px}.dimensions-toggle{position:absolute;z-index:3;right:26px;bottom:109px;display:flex;align-items:center;gap:8px;padding:10px 13px;color:#aebdb9;background:#061417db;border:1px solid rgba(170,193,184,.22);cursor:pointer;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dimensions-toggle:hover,.dimensions-toggle.active{color:#ffe1a0;border-color:#d8a953;background:#48391de0}.dimensions-toggle svg{width:15px;height:15px}.dimension-readout{position:absolute;z-index:3;left:158px;top:50%;transform:translateY(-50%);display:grid;gap:7px;padding:12px 14px;min-width:118px;color:#d9e1dc;background:#061417d1;border:1px solid rgba(240,196,103,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dimension-readout span{color:#d9aa54;font-size:8px;letter-spacing:.2em}.dimension-readout strong{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.layer-editor{position:absolute;z-index:4;right:80px;top:50%;transform:translateY(-50%);width:252px;padding:17px;color:#dce5df;background:#051215eb;border:1px solid rgba(222,177,94,.36);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #00000047;max-height:calc(100% - 30px);overflow-y:auto}.editor-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:13px}.editor-heading span{color:#718481;font-size:8px;letter-spacing:.25em}.editor-heading strong{font:600 15px "Noto Serif SC",serif;letter-spacing:.08em}.hotspot-editor{margin-bottom:13px;padding:11px;background:#132f33b8;border:1px solid rgba(222,177,94,.24)}.hotspot-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#efcc86;font-size:10px}.hotspot-editor-title small{color:#718481;font-size:8px}.hotspot-editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:9px}.hotspot-editor-tabs button{padding:6px 3px;color:#8fa29e;background:#0b2024;border:1px solid rgba(170,193,184,.12);cursor:pointer;font-size:9px}.hotspot-editor-tabs button.active{color:#fff0c3;border-color:#e5b65c;background:#4a3d24}.hotspot-editor>label{display:block;margin-top:8px}.hotspot-editor>label>span,.hotspot-coordinates label>span{display:block;margin-bottom:4px;color:#9dadaa;font-size:9px}.hotspot-editor input,.hotspot-editor textarea,.hotspot-editor select{box-sizing:border-box;width:100%;padding:6px 7px;color:#e5ece8;background:#0a2024;border:1px solid rgba(170,193,184,.18);border-radius:0;font-size:10px}.hotspot-editor textarea{resize:vertical;line-height:1.5}.hotspot-editor input:focus,.hotspot-editor textarea:focus,.hotspot-editor select:focus{outline:1px solid #d9aa54;border-color:#d9aa54}.hotspot-dock-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.hotspot-dock-controls label>span{display:block;margin-bottom:4px;color:#9dadaa;font-size:9px}.hotspot-dock-controls .position-value{margin:0;text-align:center}.hotspot-coordinates{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.hotspot-coordinates .position-value{margin:0;text-align:center}.layer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:15px}.layer-tabs button{padding:8px 6px;color:#8fa29e;background:#0d2529;border:1px solid rgba(170,193,184,.12);cursor:pointer;font-size:10px}.layer-tabs button:hover{color:#f3cf84}.layer-tabs button.active{color:#fff0c3;background:#4a3d24;border-color:#e5b65c;box-shadow:inset 3px 0 #f0c467,0 0 12px #deb15e2e}.png-import{width:100%;margin-bottom:12px;padding:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#0b1b1d;background:#deb15e;cursor:pointer;font-size:10px;font-weight:700}.png-import:hover{background:#f1cb82}.png-import svg{width:14px;height:14px}.png-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.position-row{display:block;margin-top:12px}.position-row span{display:flex;justify-content:space-between;color:#9dadaa;font-size:10px}.position-row b{color:#e7c37b;font-weight:500;font-variant-numeric:tabular-nums}.position-row input{width:100%;margin:8px 0 0;accent-color:#d9aa54;cursor:pointer}.position-row .position-value{width:68px;margin:-4px 0 0;padding:3px 5px;color:#e7c37b;background:#0d2529;border:1px solid rgba(222,177,94,.25);font-size:10px;font-variant-numeric:tabular-nums;text-align:right;cursor:text}.position-row .position-value:focus{outline:1px solid #d9aa54;border-color:#d9aa54}.color-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#9dadaa;font-size:10px}.color-row div{display:flex;align-items:center;gap:8px}.color-row input{width:34px;height:24px;padding:2px;border:1px solid rgba(222,177,94,.32);background:#0d2529;cursor:pointer}.color-row b{min-width:54px;color:#d6c59f;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums}.reset-layers{width:100%;margin-top:16px;padding:9px;color:#eac77f;background:transparent;border:1px solid rgba(222,177,94,.32);cursor:pointer;font-size:10px}.reset-layers:hover{background:#deb15e1a}.save-layers{width:100%;margin-top:7px;padding:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#102122;background:#deb15e;border:1px solid #deb15e;cursor:pointer;font-size:10px;font-weight:700}.save-layers:hover{background:#f0c978;border-color:#f0c978}.save-layers svg{width:14px;height:14px}.export-defaults{width:100%;margin-top:7px;padding:9px;display:flex;align-items:center;justify-content:center;gap:7px;color:#c9d5d0;background:#173238;border:1px solid rgba(137,186,180,.3);cursor:pointer;font-size:10px}.export-defaults:hover{color:#fff;border-color:#7bb8b1}.export-defaults svg{width:14px;height:14px}.remove-layer{width:100%;margin-top:7px;padding:8px;color:#e9aaa0;background:transparent;border:1px solid rgba(224,115,98,.28);cursor:pointer;font-size:10px}.remove-layer:hover{background:#e0736217}.remove-layer:disabled{opacity:.35;cursor:not-allowed}footer{padding:0 34px;border-top:1px solid rgba(211,171,105,.2);color:#718481;font-size:9px;letter-spacing:.2em}button:focus-visible{outline:2px solid #edbd62;outline-offset:2px}.viewer-toolbar button,.hotspot-detail button,.layer-editor button,.project-switcher button{transition:transform .14s cubic-bezier(.23,1,.32,1),color .18s ease,background-color .18s ease,border-color .18s ease}.viewer-toolbar button:active,.hotspot-detail button:active,.layer-editor button:active,.project-switcher button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.viewer-toolbar button,.hotspot-detail button,.layer-editor button,.project-switcher button{transition-duration:80ms}}@media(max-width:720px){.app-shell{min-height:560px;grid-template-rows:64px 1fr 34px}.topbar{padding:0 16px}.brand strong{font-size:14px}.brand span,.status,footer span:last-child{display:none}.brand strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher{position:static;transform:none;margin-left:auto}.project-switcher button{min-width:42px;padding:8px 10px;justify-content:center}.project-switcher button strong{display:none}.scene-title{top:24px}.scene-title strong{letter-spacing:.08em}.viewer-toolbar{position:absolute;z-index:5;left:10px;right:10px;bottom:9px;height:52px;display:flex;align-items:stretch;gap:4px;padding:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:#051215e6;border:1px solid rgba(216,174,98,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.viewer-toolbar::-webkit-scrollbar{display:none}.view-panel{position:static;transform:none;flex:0 0 auto;width:auto;display:flex;padding:0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.view-panel .panel-label,.view-panel button span{display:none}.view-panel button{min-width:44px;width:auto;justify-content:center;padding:0 10px;border-left:0;border-bottom:2px solid transparent}.view-panel button.active{border-left:0;border-bottom-color:#e0ad54}.zoom-controls{position:static;transform:none;flex:0 0 auto;flex-direction:row;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.zoom-controls button{width:44px;height:44px;border:0;border-left:1px solid rgba(216,174,98,.15)}.rotate-toggle{position:static;flex:0 0 auto;min-width:44px;justify-content:center;padding:0 13px;border:0;border-left:1px solid rgba(216,174,98,.15);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.rotate-toggle span{display:none}.hotspot-toggle{position:static;flex:0 0 auto;min-width:44px;justify-content:center;padding:0 13px;border:0;border-left:1px solid rgba(216,174,98,.15);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.hotspot-toggle span{display:none}.editor-toggle{right:10px;bottom:61px}.dimensions-toggle{right:10px;bottom:104px}.dimension-readout{left:10px;top:82px;transform:none}.layer-editor{right:55px;width:232px}.drag-tip{display:none}.art-hotspot{padding-right:6px}.art-hotspot[data-dock=left]{left:10px}.art-hotspot[data-dock=right]{right:10px}.art-hotspot span{display:none}.hotspot-detail{left:12px;bottom:12px;width:min(280px,calc(100% - 24px))}footer{padding:0 16px}}@media(max-width:480px){.brand-mark{width:34px;height:34px}.brand div{display:none}.scene-title span{font-size:8px}.drag-tip{display:none}.rotate-toggle{left:10px;right:auto}.editor-toggle{left:10px;right:auto;bottom:61px}.dimensions-toggle{left:10px;right:auto;bottom:104px}.layer-editor{left:10px;right:10px;width:auto;top:48%}}