@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{color:#1c1c1a;font-synthesis:none;text-rendering:optimizelegibility;--paper:#fbfaf7;--canvas:#eee9df;--line:#ddd7cd;--ink:#1c1c1a;--muted:#78736b;--blue:#1464ff;--blue-soft:#e9f0ff;--sage:#789563;--terracotta:#ba6c4d;--shadow:0 18px 50px #3a2e1e1c;background:#f5f2eb;font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f5f2eb;min-height:100vh;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #1464ff47}[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #1464ff47}.app-shell{background:var(--paper);grid-template-rows:82px minmax(0,1fr) 74px;height:100dvh;min-height:0;display:grid}.app-header{border-bottom:1px solid var(--line);z-index:20;background:#fbfaf7f5;justify-content:space-between;align-items:center;gap:24px;padding:0 30px 0 34px;display:flex}.brand-block{align-items:center;min-width:0;display:flex}.brand{letter-spacing:-.65px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:22px;font-weight:700;position:relative}.brand>span{border:2px solid var(--paper);background:#b7b2aa;border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:-11px}.brand>span.is-ready{background:var(--blue);box-shadow:0 0 0 3px #1464ff1f}.brand-rule{background:#d4cec4;width:1px;height:36px;margin:0 25px}.brand-block h1{letter-spacing:-.7px;white-space:nowrap;margin:0;font-family:Manrope,Noto Sans TC,sans-serif;font-size:24px;line-height:1}.brand-block p{color:#807a72;white-space:nowrap;margin:0 0 0 24px;font-size:16px}.header-actions{align-items:center;gap:4px;display:flex}.header-actions button{color:#383631;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s,opacity .2s;display:inline-flex}.header-actions button:hover:not(:disabled){background:#f0ede6}.header-actions button:disabled{opacity:.38;cursor:default}.header-actions .demo-button{color:#0e4bcb;background:#f3f7ff;border:1px solid #bfcff4;margin-right:8px;padding-inline:15px}.header-actions .demo-button:hover:not(:disabled){background:#e8f0ff}.header-actions .story-button{color:#4f4a43;margin-right:4px}.header-actions .story-button:hover{color:#0e4bcb;background:var(--blue-soft)}.workspace{background:var(--canvas);grid-template-columns:164px minmax(640px,1fr) 246px;min-height:0;display:grid}.furniture-rail{border-right:1px solid var(--line);background:var(--paper);min-height:0;padding:18px 14px;overflow:auto}.rail-heading{color:#878178;letter-spacing:.15em;margin:0 5px 12px;font-size:11px;font-weight:700}.furniture-list{gap:8px;display:grid}.furniture-tile{color:#26241f;cursor:pointer;background:#fffefa;border:1px solid #ddd7cc;border-radius:12px;grid-template-columns:56px 1fr 22px;align-items:center;gap:4px;width:100%;min-height:76px;padding:8px;transition:border .2s,background .2s,transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 3px 8px #4737230b}.furniture-tile:hover{border-color:#b8afa2;transform:translateY(-1px);box-shadow:0 6px 15px #47372314}.furniture-tile.is-selected{background:#f7f9ff;border-color:#91b3ff;box-shadow:0 0 0 2px #1464ff17}.furniture-tile>span:nth-child(2){text-align:left;font-size:14px;font-weight:600}.mini-furniture{fill:#e2d2bd;stroke:#66523b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:50px;height:50px}.mini-plant{fill:#83a068;stroke:#49623f}.mini-chair{fill:#79846b;stroke:#46503e}.mini-lamp{fill:#778063;stroke:#444a38}.lock-toggle{color:#aaa39a;border-radius:7px;place-items:center;width:22px;height:30px;display:grid}.lock-toggle:hover{color:#5f5a53;background:#eeebe4}.lock-toggle.is-locked{color:var(--blue);background:var(--blue-soft)}.rail-help{color:#8b857d;margin:14px 6px 0;font-size:11px;line-height:1.55}.canvas-shell{background:#eee9df;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.room-canvas{touch-action:none;cursor:none;-webkit-user-select:none;user-select:none;width:min(100%,145.2vh - 252.648px);max-width:100%;height:min(100%,68.8705vw - 282.369px);max-height:100%;display:block}.canvas-caption{color:#817b72;pointer-events:none;gap:18px;font-size:11px;display:flex;position:absolute;bottom:16px;left:24px}.canvas-caption span+span:before{content:"·";margin-right:18px}.furniture{cursor:none;outline:none}.furniture-hitbox{fill:#0000;stroke:#0000;stroke-width:5px}.furniture.is-selected .furniture-hitbox{stroke:#fff;stroke-width:5px;stroke-dasharray:8 4;filter:drop-shadow(0 0 1px #3e3b36)}.furniture.is-agent-active .furniture-hitbox{stroke:var(--blue);stroke-width:4px;stroke-dasharray:8 5;animation:1.1s linear infinite agent-outline}@keyframes agent-outline{to{stroke-dashoffset:-26px}}.lock-badge{color:#0f58e8;background:#f8fbff;border:1px solid #a9c2ff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;box-shadow:0 2px 5px #1464ff24}.door-guide{opacity:.22;transition:opacity .25s}.door-guide.is-active{opacity:1}.issue-label{color:#0c4fd3;white-space:nowrap;background:#f7f9ff;border:1px solid #9db9f8;border-radius:9px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #1464ff24}.ghost-chair{fill:#596d4d13;stroke:#728369;stroke-width:2px;stroke-dasharray:7 5;opacity:.8;pointer-events:none}.agent-cursor,.human-cursor,.agent-trail{transform-box:fill-box;transform-origin:0 0}.agent-cursor{transition:transform .7s cubic-bezier(.22,.8,.26,1)}.agent-cursor.mode-waiting .agent-pulse{animation:1.55s ease-in-out infinite waiting-pulse}.agent-pointer{fill:var(--blue);stroke:#fff;stroke-width:2.5px;filter:url(#cursor-shadow)}.agent-pointer-shadow{fill:#1464ff2e;transform:translate(4px,5px)}.agent-pulse{fill:none;stroke:var(--blue);stroke-width:2px;opacity:0}.agent-label{color:#fff;background:var(--blue);border-radius:8px;align-items:center;width:max-content;max-width:144px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 15px #1464ff38}.agent-trail{transition:transform .7s cubic-bezier(.22,.8,.26,1)}.agent-trail circle{fill:var(--blue);opacity:.17}.human-cursor{opacity:0;transition:transform 50ms linear,opacity .15s}.human-cursor.is-visible{opacity:1}.human-pointer{fill:#fff;stroke:#111;stroke-width:2.7px;filter:url(#cursor-shadow)}.human-pointer-shadow{fill:#100e0b26;transform:translate(4px,5px)}@keyframes waiting-pulse{0%{r:9px;opacity:.55}to{r:26px;opacity:0}}.decision-panel{min-height:0;box-shadow:var(--shadow);z-index:10;background:#fffefbf5;border:1px solid #ded8cf;border-radius:15px;align-self:center;margin:18px 16px 18px 0;padding:23px 20px 20px;transition:transform .3s,opacity .3s;position:relative;transform:translate(0)}.decision-waiting{color:#78736b;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.decision-waiting span{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #1464ff1a}.decision-panel h2{letter-spacing:-.03em;margin:0;font-size:23px;line-height:1.2}.decision-panel>p{color:#777168;margin:10px 0 17px;font-size:12px;line-height:1.65}.choice-list{gap:9px;display:grid}.choice-list button{color:#25231f;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0dbd3;border-radius:11px;grid-template-columns:52px 1fr;align-items:center;gap:12px;min-height:66px;padding:7px 12px 7px 8px;font-size:14px;font-weight:600;transition:border .2s,transform .2s,box-shadow .2s;display:grid;box-shadow:0 3px 9px #3b2c1b0a}.choice-list button:hover{border-color:#87abf9;transform:translate(-2px);box-shadow:0 7px 18px #1464ff1c}.choice-preview{background:#faf9f5;border:1px dashed #aaa197;border-radius:9px;place-items:center;width:48px;height:48px;display:grid;position:relative}.chair-mini{background:#7c876d;border:2px solid #46503e;border-radius:7px 7px 6px 6px;width:20px;height:25px;position:relative;transform:rotate(-8deg)}.chair-mini:after{content:"";background:#46503e;width:2px;height:8px;position:absolute;bottom:-8px;left:7px;box-shadow:-7px 7px 0 -1px #46503e,7px 7px 0 -1px #46503e}.chair-mini-2{transform:rotate(7deg)}.take-over{color:#0b4bcd;cursor:pointer;background:#f7f9ff;border:1px solid #aec3f5;border-radius:10px;width:100%;min-height:44px;margin-top:15px;font-size:14px;font-weight:700}.take-over:hover{background:#eaf1ff}.decision-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;display:flex}.decision-empty strong{margin-top:15px;font-size:15px}.decision-empty p{color:#8b857c;max-width:160px;margin:8px 0 0;font-size:12px;line-height:1.6}.waiting-orbit{border:2px solid #ccdaf9;border-top-color:var(--blue);border-radius:50%;width:31px;height:31px;animation:1.2s linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.status-rail{background:#fffefa;border:1px solid #ddd7ce;border-radius:13px;grid-template-columns:1fr 1px 1fr;align-items:center;margin:10px 24px 14px;display:grid;box-shadow:0 4px 11px #4333200f}.actor-status{align-items:center;gap:12px;min-width:0;padding:8px 18px;font-size:14px;font-weight:500;display:flex}.actor-icon{color:#363832;background:#edf0e6;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.agent-status .actor-icon{color:var(--blue);background:var(--blue-soft)}.status-dot{background:#50a15a;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.agent-status .status-dot{background:var(--blue)}.agent-status.status-waiting .status-dot{animation:1.2s ease-in-out infinite waiting-dot}@keyframes waiting-dot{50%{opacity:.35;transform:scale(.7)}}.status-divider{background:#dfdbd3;height:32px}.notice{z-index:50;color:#fff;background:#292722;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600;animation:.28s both notice-in;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000030}.story-overlay{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1b1885;place-items:center;padding:24px;animation:.24s both story-fade;display:grid;position:fixed;inset:0}.story-card{background:radial-gradient(circle at 88% 8%,#1464ff1c,#0000 31%),#fbfaf7;border:1px solid #ffffffbf;border-radius:24px;width:min(880px,100%);max-height:calc(100dvh - 40px);padding:54px 58px 42px;animation:.34s cubic-bezier(.22,.8,.26,1) both story-rise;position:relative;overflow:auto;box-shadow:0 34px 100px #14120e4d}.story-close{color:#575149;cursor:pointer;background:#ffffffc7;border:1px solid #ddd7ce;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:20px}.story-close:hover{color:var(--blue);background:#f4f7ff;border-color:#adc3f3}.story-eyebrow{color:var(--blue);letter-spacing:.19em;margin:0 0 13px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.story-card h2{letter-spacing:-.055em;max-width:670px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,62px);line-height:.98}.story-lede{color:#666158;max-width:720px;margin:24px 0 32px;font-size:16px;line-height:1.7}.story-pillars{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.story-pillar{background:#ffffffb3;border:1px solid #dfd9cf;border-radius:15px;min-height:188px;padding:21px 20px}.story-pillar>span{color:var(--blue);letter-spacing:.12em;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.story-pillar h3{letter-spacing:-.02em;margin:22px 0 8px;font-family:Manrope,sans-serif;font-size:18px}.story-pillar p{color:#746e65;margin:0;font-size:13px;line-height:1.62}.story-footer{justify-content:space-between;align-items:center;gap:22px;margin-top:26px;display:flex}.tool-strip{flex-wrap:wrap;gap:6px;display:flex}.tool-strip span{color:#5e5a53;text-transform:uppercase;letter-spacing:.06em;background:#eeebe4;border-radius:7px;padding:6px 9px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.story-enter{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:10px;flex:none;min-height:46px;padding:0 17px;font-size:13px;font-weight:700;box-shadow:0 9px 22px #1464ff3b}.story-enter:hover{background:#0d56df}.story-enter span{margin-left:8px}@keyframes story-fade{0%{opacity:0}}@keyframes story-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:1120px){.workspace{grid-template-columns:128px minmax(570px,1fr) 218px}.furniture-rail{padding-inline:10px}.furniture-tile{grid-template-columns:44px 1fr 20px;min-height:66px;padding:6px}.mini-furniture{width:42px;height:42px}.brand-block p{display:none}.room-canvas{height:min(100%,68.8705vw - 238.292px)}}@media (max-width:860px){body{overflow:auto}.app-shell{grid-template-rows:auto auto auto;height:auto;min-height:100dvh}.app-header{align-items:flex-start;min-height:74px;padding:12px 16px}.brand-rule,.brand-block p{display:none}.brand-block{flex-direction:column;align-items:flex-start;gap:3px}.brand{font-size:16px}.brand-block h1{font-size:20px}.header-actions button{justify-content:center;width:40px;padding:0;font-size:0}.header-actions .demo-button{width:42px;margin-right:0;padding:0}.header-actions .story-button{margin-right:0}.workspace{grid-template-rows:auto auto auto;grid-template-columns:1fr}.furniture-rail{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px;overflow:hidden}.rail-heading,.rail-help{display:none}.furniture-list{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.furniture-tile{grid-template-columns:38px 1fr 18px;min-width:108px;min-height:56px}.mini-furniture{width:36px;height:36px}.canvas-shell{min-height:55vw}.room-canvas{width:100%;height:auto;max-height:none}.canvas-caption{display:none}.decision-panel{align-self:auto;margin:-8px 14px 14px;padding:18px}.choice-list{grid-template-columns:1fr 1fr}.decision-empty{min-height:100px}.status-rail{grid-template-columns:1fr;margin:0 12px 12px}.status-divider{width:calc(100% - 32px);height:1px;margin:auto}.actor-status{padding:8px 12px;font-size:12px}.actor-icon{width:33px;height:33px}.story-overlay{padding:12px}.story-card{border-radius:18px;max-height:calc(100dvh - 24px);padding:42px 24px 26px}.story-card h2{font-size:clamp(34px,10vw,50px)}.story-lede{margin:18px 0 22px;font-size:14px}.story-pillars{grid-template-columns:1fr}.story-pillar{min-height:0;padding:16px}.story-pillar h3{margin-top:10px}.story-footer{flex-direction:column;align-items:stretch}.story-enter{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}