:root{font-family:Inter,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;color:#e5edef;background:#0d151a;font-synthesis:none;color-scheme:dark;--accent: #71dcce;--border: #293b43;--muted: #8c9fa8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{min-height:42px;border:1px solid var(--border);background:#1b2b33;color:inherit;border-radius:9px;padding:8px 13px;cursor:pointer;transition:background .15s}button:hover{background:#2b414b}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{background:#28453f;color:#a9f5df;border-color:#4c8c7b}h1,h2,p{margin:0}h1{font-size:20px;font-weight:650;letter-spacing:.04em}h2{font-size:15px;font-weight:600}.shell{height:100dvh;min-height:500px;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.topbar{height:86px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#121e24}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#71dcce;color:#122b2a;border-radius:12px;font-size:30px;font-weight:900;position:relative}.brand-mark span{position:absolute;right:-5px;top:-7px;font-size:25px;color:#fff}.eyebrow{color:#83a69f;font-size:10px;letter-spacing:.2em;font-weight:700;margin-bottom:5px}.top-actions{display:flex;align-items:center;gap:16px}.mode{font-size:10px;letter-spacing:.12em;color:#a9b9c0;background:#1b2c34;padding:8px 10px;border-radius:6px}.workspace{display:grid;grid-template-columns:234px minmax(0,1fr) 244px;flex:1;min-height:0}.library{display:flex;flex-direction:column;padding:25px 17px 20px;border-right:1px solid var(--border);background:#111c22;overflow:auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head h2{font-size:13px}.section-head button{background:transparent;min-height:32px;padding:2px 9px;font-size:22px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.library>.muted{font-size:10px;margin:12px 0 22px}.board-card{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:13px 9px;margin-bottom:9px;border-color:transparent;background:transparent}.board-card.active{background:#233b39;border-color:#3d645c}.board-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.board-card small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.mini-map{color:#8cd9c4;font-size:23px}.card-arrow{margin-left:auto;color:#7c9f95}.library-foot{margin-top:auto;padding-top:25px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80d6a3;flex-shrink:0}.editor{display:flex;flex-direction:column;min-width:0;min-height:0;padding:23px 22px 16px;gap:15px;background:#101b21}.board-heading{display:flex;align-items:center;gap:12px;min-height:46px}.board-name{min-width:0;flex:1}.board-name h2{font-size:21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-name .eyebrow{font-size:9px}#save-state{font-size:10px;white-space:nowrap;color:#e4be7d}#save-state.saved{color:#8ec9af}#save-state.saved:before{content:"✓ "}.board-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.board-options>button{font-size:11px}.segmented{display:flex;gap:4px;padding:4px;border-radius:10px;background:#0f1a20;border:1px solid #273840;max-width:100%;overflow:auto}.segmented button{border-color:transparent;min-width:44px;background:transparent;font-size:12px;white-space:nowrap}.spacer{flex:1}.canvas-region{position:relative;display:flex;flex:1;min-height:180px;background:#152229;border:1px solid #31444d;border-radius:13px;overflow:hidden}.canvas-wrap{position:relative;flex:1;min-width:0;min-height:0}#board{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-3px}.entity{cursor:pointer}.tools{padding:10px 7px;display:flex;flex-direction:column;gap:5px;background:#18272f;border-right:1px solid #30414a;z-index:1}.tools button{width:46px;height:53px;padding:3px;border-color:transparent;background:transparent}.tools span{font-size:23px;display:block;line-height:25px}.tools small{font-size:9px;color:#a3b6be}.tools button[aria-pressed=true]{background:#31574d;border-color:#548b78;color:#b7f6dc}.canvas-caption{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;color:#7d939e;pointer-events:none;font-size:9px}.canvas-caption span:first-child{font-size:11px;letter-spacing:.12em}.zoom{position:absolute;right:15px;top:13px;display:flex;gap:1px;background:#12212a;padding:3px;border:1px solid #39505b;border-radius:8px}.zoom button{min-height:32px;padding:4px 10px;font-size:12px;background:transparent;border:0}.drawing-options{display:flex;align-items:center;gap:15px}.drawing-options>button{font-size:11px}.colors{display:flex;gap:6px}.colors button{background:var(--swatch)!important;width:23px;height:23px;min-height:23px;padding:0;border:4px solid #101b21;border-radius:50%}.colors button[aria-pressed=true]{outline:1px solid #94b6b2}.label-input{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap;color:var(--muted)}.label-input input{width:100px;padding:8px 10px;font-size:12px;border-radius:6px}.editor-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.editor-footer>button{font-size:11px}.step{font-size:9px;opacity:.55;margin-right:4px}.team-panel{padding:28px 19px;border-left:1px solid var(--border);overflow:auto;background:#121e24}.count{background:#273c43;color:#a9d7ca;font-size:11px;padding:4px 7px;border-radius:6px}#people{margin-top:22px;min-height:110px}.person{display:flex;align-items:center;gap:10px;font-size:12px;margin:16px 0}.avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--person);border-radius:50%;background:#23353c;color:var(--person);font-size:12px}.person .live-dot{margin-left:auto}.note-card{margin-top:25px;border-top:1px solid var(--border);padding-top:25px}.note-card h2{font-size:15px;margin:10px 0 16px}#notes{font-size:12px;color:#b4c4cb;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.note-card button{margin-top:18px;font-size:11px;background:transparent}.tip{display:flex;gap:12px;margin-top:35px;color:#6c8996;font-size:11px;line-height:1.8}.tip>span{font-size:24px}.mobile-only{display:none}dialog{color:#dfe9ec;background:#17262e;border:1px solid #41555d;border-radius:18px;padding:30px;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#071014bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin-bottom:18px}dialog p{font-size:13px;color:#a8bdc6;line-height:1.9;margin-bottom:18px}dialog label{display:block;margin:16px 0;font-size:12px;color:#c4d1d6}input,textarea{border:1px solid #3b505a;background:#0f1c23;color:#e7f0f3;border-radius:8px;padding:12px;width:100%;margin-top:7px;min-width:0}textarea{resize:vertical}dialog small{display:block;font-size:11px;line-height:1.8;color:#839ba7;margin-top:15px}.primary{background:#80debf;color:#103b30;border-color:#80debf;font-weight:700}.primary:hover{background:#a6efd8}#login{width:100%;margin:8px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#login-error,#form-error{color:#ffb49e;font-size:12px;margin:12px 0 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);width:max-content;padding:14px 22px;color:#ffe1b9;background:#3c3326;border:1px solid #736044;border-radius:10px;z-index:20;font-size:13px;box-shadow:0 8px 32px #0008}ol{padding-left:22px;color:#b8cbd3;font-size:13px;line-height:2.1}#help-dialog>button{width:100%}@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(0,1fr) 275px}.editor{padding:28px 30px 20px}.team-panel{padding:30px 25px}.library{padding:28px 22px}.board-name h2{font-size:24px}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(0,1fr)}.team-panel{display:none}.team-panel.open{display:block;position:fixed;right:0;top:86px;bottom:0;width:280px;z-index:5;box-shadow:-20px 0 60px #0006}.editor{padding:18px 16px 12px}.drawing-options{gap:10px}}@media(max-width:760px){.shell{min-height:0}.topbar{height:64px;padding:0 14px}.brand-mark{width:32px;height:32px;font-size:23px;border-radius:9px}.brand{gap:10px}h1{font-size:15px}.brand .eyebrow{font-size:8px;letter-spacing:.13em}.top-actions{gap:8px}.mode{font-size:8px;padding:6px}.top-actions button{min-height:36px;width:36px;padding:5px}.workspace{display:flex;position:relative}.library{display:none}.library.open{display:flex;position:absolute;top:0;bottom:0;left:0;width:260px;z-index:5;box-shadow:20px 0 60px #0008}.editor{width:100%;padding:12px 10px max(10px,env(safe-area-inset-bottom));gap:10px}.mobile-only{display:block}.board-heading{gap:8px}.board-name h2{font-size:16px}.board-heading>button{font-size:11px;padding:8px}.board-name .eyebrow{font-size:8px}.board-options{gap:6px}.board-options>button{min-height:40px;font-size:10px;padding:7px 9px}.segmented{padding:2px}.segmented button{min-height:40px;padding:7px 9px;font-size:11px}.canvas-region{flex-direction:column;min-height:150px;border-radius:10px}.canvas-wrap{min-height:100px}.tools{flex-direction:row;border-right:0;border-bottom:1px solid #30414a;padding:3px 6px;gap:4px;justify-content:space-between}.tools button{height:44px;width:44px;min-height:44px}.tools span{font-size:20px;line-height:23px}.tools small{font-size:8px}.zoom{top:57px;right:8px;padding:1px}.zoom button{min-height:35px;padding:5px 9px}.canvas-caption{bottom:9px;left:10px;right:10px;font-size:8px}.drawing-options{gap:8px;flex-wrap:wrap}.colors{gap:5px}.colors button{width:26px;height:32px;min-height:32px;border-width:5px}.label-input{font-size:0;gap:0}.label-input input{font-size:13px;width:72px;margin:0;padding:10px}.drawing-options>button{padding:8px 10px;min-height:42px}.editor-footer>button{min-height:44px;padding:7px 9px;font-size:10px}.step{display:none}.team-panel.open{top:64px;width:min(300px,85vw)}#save-state{font-size:9px}.editor-footer{gap:5px}#floors{max-width:60%}#toast{bottom:15px}dialog{padding:24px}input,textarea{font-size:16px}}@media(max-height:500px)and (orientation:landscape){.topbar{height:48px}.editor{padding:6px 10px;gap:5px}.board-heading,.board-heading button{min-height:30px}.board-options{position:absolute;right:14px;top:5px;z-index:2}.board-heading{padding-right:300px}.canvas-region{flex-direction:row}.tools{flex-direction:column;border-right:1px solid #30414a;border-bottom:0;padding:2px;gap:0}.tools button{height:32px;min-height:32px}.tools small{display:none}.zoom{top:7px}.drawing-options{position:absolute;right:14px;bottom:7px;z-index:2;background:#101b21}.editor-footer{min-height:42px}.editor-footer>button{display:none}.drawing-options .label-input{display:none}.team-panel.open{top:48px}.canvas-caption span:last-child{display:none}}:root{--accent:#62ddff;--border:#263e59;--muted:#91a8bf;background:#060c16;color:#e5f0ff}[hidden]{display:none!important}.shell{background:radial-gradient(ellipse at 60% 0,#12314b55,transparent 65%),#060c16}.topbar{background:#091321;border-bottom:1px solid #28546c;height:76px;box-shadow:0 1px 24px #35caff0a}.brand-mark{background:#0e2940;color:#6ae4ff;border:1px solid #50c6e8;border-radius:4px;box-shadow:inset 0 0 18px #36d4ff16;transform:skew(-5deg)}.brand-mark span{color:#d8f8ff}.eyebrow{color:#6ab9d3}.edition{font:10px ui-monospace,monospace;letter-spacing:.15em;color:#5d91b1}.library,.team-panel{background:#0a1422}.editor{background:transparent;padding:18px;gap:12px}.workspace{grid-template-columns:218px minmax(0,1fr) 246px}button{min-height:44px;border-radius:5px;background:#122239;border-color:#2b425c}button:hover{background:#1b3550}button[aria-pressed=true],.tools button[aria-pressed=true]{background:#113448;color:#9decff;border-color:#3baacb;box-shadow:inset 0 -2px #55d9ff}.board-card.active{background:linear-gradient(90deg,#12384a,#0d2135);border-color:#32758b;border-left:3px solid #64dcff}.mini-map,.card-arrow{color:#5bcee9}.board-card{border-radius:4px}.mode{background:#14263c;color:#a5c4dd}.live-dot{background:#64ddcf;box-shadow:0 0 8px #64ddcf55}.session-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid #254359;border-radius:5px;padding:6px 8px;background:#0d1b2c}.session-bar>span{font-size:11px;letter-spacing:.04em;color:#9bddef;margin-right:auto}.session-bar button{font-size:11px;padding:6px 10px;min-height:36px}.session-bar #host-controls{display:flex;gap:6px;width:100%;border-top:1px solid #20384d;padding-top:6px}#share-toggle{color:#95eed2;border-color:#397c74}#reference-toggle{color:#f0cf8c}.segmented{background:#091522;border-color:#253d55;border-radius:5px}.canvas-region{background:#071321;border-color:#31526e;border-radius:6px;box-shadow:0 0 35px #0003,inset 0 0 0 1px #4ad5ff08}.tools{background:#0c1c2e;border-color:#29435a;overflow:auto;flex-shrink:0}.tools button{flex-shrink:0}.tools small{color:#9db6cd}.zoom{background:#0c1b2e;border-radius:4px;border-color:#376280}.zoom button{min-height:40px}.canvas-caption{color:#94b5ca}.primary{background:#67ddfa;border-color:#67ddfa;color:#062033}.primary:hover{background:#a0edff}.note-card,.operations{border-top:1px solid #294056}.operations{margin-top:24px;padding-top:20px;display:flex;flex-direction:column;gap:10px}.operations>p{font-size:12px}.operations button{font-size:12px;text-align:left}.tip{display:none}input,textarea,select{background:#081626;color:#e6f2ff;border:1px solid #35506d;border-radius:5px;font:inherit}select{width:100%;padding:12px;margin-top:7px}dialog{background:linear-gradient(145deg,#10283a,#0b1726);border:1px solid #39738a;border-radius:8px}dialog::backdrop{background:#020812d9}.count{background:#153447;color:#87e7ff}.colors button{border-color:#0b1728}.drawing-options{gap:10px}.sharing-closed .canvas-region,.sharing-closed .drawing-options,.sharing-closed .board-options{visibility:hidden}@media(min-width:1600px){.workspace{grid-template-columns:245px minmax(0,1fr) 285px}.editor{padding:24px}.session-bar #host-controls{width:auto;padding:0;border:0}.canvas-region{min-height:420px}}@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}.team-panel.open{top:76px}.editor{padding:12px}}@media(max-width:760px){.workspace{display:flex}.topbar{height:60px;padding:0 12px}.edition{display:none}.editor{gap:7px;padding:9px 8px max(8px,env(safe-area-inset-bottom))}.board-heading{min-height:42px}.board-name h2{font-size:16px}.session-bar{gap:5px;padding:5px}.session-bar>span{font-size:10px}.session-bar button{min-height:44px;padding:6px;font-size:10px}.session-bar #host-controls{overflow-x:auto;flex-wrap:nowrap}.session-bar #host-controls button{white-space:nowrap;flex-shrink:0}.canvas-region{flex-direction:column;min-height:170px}.canvas-wrap{order:0;min-height:120px}.tools{order:1;flex-direction:row;justify-content:flex-start;gap:3px;padding:4px;border-top:1px solid #29435a;border-bottom:0;overflow-x:auto}.tools button{width:46px;min-width:46px;height:48px}.tools small{font-size:10px}.zoom{top:8px;right:8px}.zoom button{min-height:44px;min-width:40px}.colors{gap:1px}.colors button{height:44px;min-height:44px;width:30px;border-width:7px}.label-input input{font-size:16px;width:55px;padding:10px 5px}.drawing-options{gap:5px}.drawing-options>button{min-height:44px;padding:6px}.board-options>button,.segmented button{min-height:44px}.team-panel.open{top:60px}.canvas-caption{bottom:8px}#floors{max-width:100%;flex:1}.board-options .spacer{display:none}#add-map,#export{font-size:10px}input,textarea,select{font-size:16px}.editor-footer{gap:4px}.editor-footer .segmented button{padding:6px 8px}.top-actions .mode{max-width:94px;overflow:hidden;white-space:nowrap}}@media(max-height:500px)and (orientation:landscape){.shell{height:auto;min-height:100dvh}.workspace{min-height:440px}.topbar{height:48px}.board-options,.drawing-options{position:static}.board-heading{padding-right:0}.canvas-region{min-height:260px;flex-direction:row}.tools{order:0;flex-direction:column;max-height:260px}.canvas-wrap{order:1}.session-bar #host-controls{width:auto;border:0;padding:0}.editor-footer>button{display:block}.drawing-options .label-input{display:flex}.zoom{top:6px}.team-panel.open{top:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}