:root{color-scheme:light;--bg:#f4f1e9;--paper:#fcfbf7;--ink:#484b42;--muted:#878b7c;--line:#d9d7cc;--accent:#8e9278;--active:#e5e7d9;--serif:"Noto Serif TC","PMingLiU",Georgia,serif;font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;padding:34px 38px 22px;max-width:1920px;margin-inline:auto}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:3px;touch-action:manipulation}button:hover{background:#eeeee4}button:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #7b8762;outline-offset:4px}button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 5px #4b4b3820}.masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.25em;color:#8c917e;margin:0 0 13px}h1{font:30px var(--serif);letter-spacing:.12em;font-weight:400;margin:0;display:flex;align-items:center;gap:22px}h1 span{font-family:"Microsoft JhengHei",sans-serif;font-size:12px;letter-spacing:.18em;color:#7d8174;border-left:1px solid #c8cabc;padding-left:22px}.floor-nav{display:flex;background:#eae8df;border-radius:5px;padding:4px;gap:3px}.floor-nav button{min-width:90px;padding:12px 13px;border-color:transparent;display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px}.floor-nav small{font-size:9px;letter-spacing:.06em;color:#8b8f7a}.tour{display:grid;grid-template-columns:minmax(0,1fr) 268px;border:1px solid var(--line);background:var(--paper);border-radius:3px;overflow:hidden}.stage-column{min-width:0;border-right:1px solid var(--line)}.stage{height:clamp(470px,65vh,790px);position:relative;background:radial-gradient(ellipse at 50% 50%,#fffefa 0,#faf9f4 72%);isolation:isolate;overflow:hidden}.view-caption{position:absolute;left:24px;top:22px;z-index:2;display:flex;gap:10px;align-items:center;pointer-events:none;font-size:12px}.view-dot{width:5px;height:5px;border-radius:50%;background:#92997f}.view-kind{font-size:10px;color:#969b8a;border-left:1px solid #d8dbcf;padding-left:10px}#viewport{width:100%;height:100%;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;background:#faf9f4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a9079;gap:18px;z-index:5;font-size:12px;letter-spacing:.08em}.loading[hidden]{display:none}.loading-mark{font:44px Georgia,serif;border:1px solid #d4d7c5;padding:20px 26px;color:#8e9775}.loading.error{padding:28px;text-align:center;color:#9c644d}.zoom-controls{position:absolute;right:21px;top:17px;display:flex;background:#fcfbf6eb;border:1px solid var(--line);border-radius:3px;overflow:hidden;z-index:3}.zoom-controls button{height:44px;border:0;border-radius:0;min-width:42px;font-size:17px}.zoom-controls #fit{font-size:11px;padding:0 12px;border-inline:1px solid #e2e3d8;letter-spacing:.06em}.stage-bottom{position:absolute;inset:auto 22px 19px;display:flex;justify-content:space-between;align-items:center;color:#8a9079;font-size:10px;letter-spacing:.03em;pointer-events:none}.axis{opacity:.6;font-size:9px}.view-options{padding:14px 21px;border-top:1px solid #e6e6dc;display:flex;gap:24px;align-items:center;font-size:11px}.view-options label{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:24px}.view-options input{width:15px;height:15px;accent-color:#8c9576;cursor:pointer}.view-options #zoom-value{margin-left:auto;color:#8c927e;font-variant-numeric:tabular-nums}.gesture-help{font-size:10px;margin:0;padding:0 22px 15px;color:#959989;display:flex;justify-content:space-between;gap:14px;line-height:1.8}.mobile-help{display:none}.space-panel{padding:27px 23px 20px;display:flex;flex-direction:column;min-width:0}.panel-heading h2{font:25px var(--serif);font-weight:400;letter-spacing:.1em;margin:0 0 12px}.panel-heading>p:last-child{font-size:11px;color:#8b917f;line-height:1.9;margin:0}.selection{border-block:1px solid #dfe1d4;margin:25px 0 22px;padding:18px 0}.selection-label{font-size:9px;letter-spacing:.12em;color:#979c8a;margin:0 0 10px}.selection h3{font-size:15px;font-weight:400;margin:0 0 9px;line-height:1.6;overflow-wrap:anywhere}.selection>p:last-of-type{font-size:11px;line-height:1.8;color:#8b917e;margin:0;overflow-wrap:anywhere}#clear-selection{font-size:10px;padding:7px 9px;margin-top:12px;min-height:32px}#clear-selection span{margin-left:18px}.space-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.space-list-header h3{font-size:11px;font-weight:400;margin:0;color:#797f6e;letter-spacing:.08em}.space-list-header span{font-size:10px;color:#999f8b}.space-list{display:flex;flex-direction:column;gap:5px;max-height:258px;overflow:auto;padding:1px 4px 1px 0;scrollbar-width:thin;scrollbar-color:#d3d8c4 transparent}.space-list button{text-align:left;border-color:transparent;border-bottom-color:#eeeee6;border-radius:0;font-size:11px;padding:10px 8px;min-height:38px;display:flex;justify-content:space-between;gap:12px;line-height:1.6}.space-list button span{color:#a2a890;font-size:10px}.space-list button[aria-pressed=true]{background:#ecefe3;box-shadow:none;border-bottom-color:#d8deca}.source-note{font-size:9px;color:#a1a58f;line-height:1.9;margin:20px 0 0;padding-top:15px;border-top:1px solid #e7e9df}footer{display:flex;gap:15px;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#999e8b;padding-top:18px;flex-wrap:wrap}.footer-sep{padding-inline:8px;color:#c2c8b5}.model-notes{font-size:10px;color:#999f8b;margin-top:19px;max-width:1000px;line-height:1.9}.model-notes summary{cursor:pointer;min-height:24px;color:#858d76}.model-notes p{margin:8px 0}button[hidden]{display:none}@media(min-width:1500px){.tour{grid-template-columns:minmax(0,1fr) 300px}.space-panel{padding:31px 27px}}@media(max-width:1000px){body{padding:25px 24px 20px}.masthead{align-items:flex-start;gap:18px;flex-wrap:wrap}.floor-nav{width:100%;justify-content:space-between}.floor-nav button{flex:1}.tour{grid-template-columns:minmax(0,1fr) 240px}.space-panel{padding:24px 18px}.stage{height:570px}.gesture-help{display:block}.gesture-help>span:last-child{display:block}.view-caption{top:20px;left:18px}.view-kind{display:none}}@media(max-width:720px){body{padding:23px 15px 20px}.masthead{margin-bottom:17px;gap:21px}.eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:25px;gap:17px}h1 span{font-size:11px;padding-left:17px}.floor-nav{gap:0;padding:3px}.floor-nav button{min-width:0;flex-direction:column;gap:5px;padding:9px 5px;font-size:11px}.floor-nav small{font-size:8px}.tour{display:block;overflow:visible}.stage-column{border-right:0}.stage{height:clamp(380px,58svh,590px)}.view-caption{font-size:11px;top:19px;left:15px}.zoom-controls{right:12px;top:12px}.zoom-controls button{min-width:35px;height:40px;font-size:17px}.zoom-controls #fit{font-size:10px;padding-inline:9px}.stage-bottom{inset:auto 15px 17px;font-size:9px}.axis{font-size:8px}.view-options{padding:12px 13px;gap:17px}.gesture-help{padding:0 15px 13px;font-size:9px}.desktop-help{display:none}.mobile-help{display:inline}.gesture-help>span:last-child{display:inline;margin-left:11px}.space-panel{padding:21px 17px;border-top:1px solid var(--line)}.panel-heading{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline}.panel-heading .eyebrow{grid-column:1/-1;margin-bottom:9px;font-size:8px}.panel-heading h2{font-size:23px;margin-bottom:0;white-space:nowrap}.panel-heading>p:last-child{font-size:10px;line-height:1.6}.selection{margin:17px 0;padding:13px 0;position:relative;padding-right:76px}.selection-label{margin-bottom:6px;font-size:8px}.selection h3{font-size:13px;margin-bottom:5px}.selection>p:last-of-type{font-size:10px}#clear-selection{position:absolute;right:0;top:21px;margin:0;font-size:9px;padding:7px}#clear-selection span{margin-left:5px}.space-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:200px}.space-list button{padding:9px 6px;font-size:10px}.source-note{margin-top:15px;padding-top:11px;font-size:9px}.source-note br{display:none}footer{font-size:8px;gap:10px;padding-top:15px}.model-notes{font-size:9px;margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root .space-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;min-width:27px;height:27px;border-radius:50%;background:#fbfcf4e8;border:1px solid #9ca58c;box-shadow:0 1px 4px #48523920;color:#777f68;font-size:9px;letter-spacing:.02em;padding:0;touch-action:manipulation}.space-marker:hover,.space-marker[aria-pressed=true]{background:#7f8c69;color:#fff;border-color:#73825e}.space-marker[hidden]{display:none}@media(max-width:720px){:root .space-marker{width:32px;height:32px;font-size:9px}}
.tour-controls{padding:2px 21px 18px;border-top:1px solid #ecece2}.interaction-modes{display:flex;gap:5px;background:#ecece3;padding:4px;border-radius:4px;margin:13px 0 10px}.interaction-modes button{min-height:44px;flex:1;border:0;font-size:11px}.interaction-modes button[aria-pressed=true]{background:#fbfcf7;color:#525d40}.angle-controls{display:flex;align-items:center;gap:5px}.angle-controls button{width:44px;min-height:44px;font-size:19px}.angle-controls output{margin-left:auto;font-size:10px;color:#828b72;font-variant-numeric:tabular-nums}.tour-controls p{font-size:10px;line-height:1.7;color:#777f69;margin:9px 0 0}.tour-controls .reset-help{font-size:9px;color:#929882}.life-panel{margin:15px 0 21px;padding:15px 0 17px;border-bottom:1px solid #e1e3d7}.life-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.life-heading h3{font-size:12px;font-weight:400;margin:0}.life-heading span{font-size:9px;color:#929982}.person-floor{font-size:10px;line-height:1.7;color:#858d76;margin:9px 0}.person-floor strong{font-weight:400;color:#5b654a}.person-floor span{font-size:9px}.activity-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.activity-controls button{min-height:42px;font-size:11px;background:#f1f2e9}.life-actions{display:flex;gap:6px;margin-top:7px}.life-actions button{flex:1;min-height:40px;font-size:10px}.control-floor{display:flex;gap:5px;margin-bottom:9px}.control-floor[hidden]{display:none}.control-floor button{flex:1;min-height:40px;font-size:10px}#actor-status{font-size:10px;line-height:1.7;color:#74825e;min-height:34px;margin:10px 0 0}.life-actions button[aria-pressed=true]{background:#dfe5d3}@media(min-width:1001px){.space-panel{max-height:calc(clamp(470px,65vh,790px) + 246px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfd5c2 transparent}.space-list{max-height:none}}@media(max-width:720px){.tour-controls{padding:2px 13px 14px}.interaction-modes button{font-size:11px;min-height:44px}.angle-controls button{width:44px;min-height:44px}.tour-controls p{font-size:10px}.life-panel{margin-top:17px}.life-heading span{font-size:10px}.activity-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-controls button{min-height:44px;font-size:11px}.life-actions button{min-height:44px}.life-panel #actor-status{font-size:11px}:root .space-marker{width:36px;height:36px}.person-floor{font-size:11px}}
.touch-input-help{display:none}.angle-controls{margin-top:12px}.music-bar{display:flex;align-items:center;gap:12px;padding-top:13px;margin-top:12px;border-top:1px solid #e1e4d7;flex-wrap:wrap}.music-bar button{min-height:40px;padding:0 13px;font-size:11px;background:#f1f3e9}.music-bar label{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e896c}.music-bar input{width:85px;accent-color:#8b9877}.music-bar #music-status{font-size:9px;color:#8b957d}.space-action{display:block;margin-top:4px;font-size:9px;color:#7d8e6a;line-height:1.6}.door-panel{font-size:10px;color:#89947a;margin-top:18px;padding-top:12px;border-top:1px solid #e4e7dc}.door-panel summary{cursor:pointer;min-height:30px}.door-panel p{font-size:9px;line-height:1.7}.door-panel #door-list{display:grid;gap:5px}.door-panel button{padding:9px;min-height:40px;text-align:left;font-size:10px}.door-panel button:disabled{cursor:default;opacity:.55}.activity-controls button{line-height:1.5;padding:8px 5px}.life-heading span{font-size:8px}.interaction-modes{display:none}@media(max-width:720px){.desktop-input-help{display:none}.touch-input-help{display:block}.music-bar{gap:10px}.music-bar button{min-height:44px}.music-bar input{width:90px}.activity-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.door-panel button{min-height:44px}.space-action{font-size:9px}.life-heading span{font-size:9px}}

@media(max-width:740px){#activity-controls.activity-controls{grid-template-columns:repeat(2,minmax(0,1fr));}}

.view-options{flex-wrap:wrap;gap:8px 20px}.space-entry{border-bottom:1px solid var(--line)}.space-entry>button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 4px;border:0}.room-activities{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 10px 27px}.room-activities button{font-size:10px;line-height:1.5;padding:6px 8px;text-align:left;background:#f3f3eb}.space-marker.activity-marker{min-width:35px;width:auto;padding-inline:7px;white-space:nowrap;font-size:10px}.view-options label[hidden]{display:none}@media(max-width:740px){.floor-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.view-options{gap:7px 12px}.view-options label{font-size:10px}.view-options #zoom-value{margin-left:auto}.room-activities button{min-height:40px}}

.room-activities button{width:auto;border:1px solid var(--line)}.space-marker.unavailable{border-style:dashed;opacity:.72}

.marker-leader{position:absolute;z-index:2;height:1px;background:#7d8b6e88;transform-origin:0 50%;pointer-events:none}.marker-leader[hidden]{display:none}@media(max-width:740px){.space-marker{min-width:40px;height:40px}}

@media(max-width:740px){:root .space-marker,:root .space-marker.activity-marker{min-width:40px;height:40px}.view-options label{min-height:36px}}