:root{font-family:Segoe UI,Arial,sans-serif;font-synthesis:none;font-weight:400;color:#24322b;background:#faf9f6;--paper:#faf9f6;--surface:#fffefa;--ink:#24322b;--muted:#778078;--line:#e5e7e0;--accent:#315d47;--accent-soft:#eaf1e9;--amber:#f8edcf;--coral:#bd7158;--shadow:0 14px 42px #24322912,0 2px 8px #2432290c;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #60836b;outline-offset:3px}button svg{flex:none}.studio{height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);overflow:hidden}.theme-dark{--paper:#181f1b;--surface:#222a25;--ink:#eef0e9;--muted:#a9b4aa;--line:#364139;--accent:#a8c7ad;--accent-soft:#344438;--amber:#53462a;--shadow:0 18px 46px #0005;color-scheme:dark}.studio-header{height:66px;flex:none;display:flex;align-items:center;gap:22px;padding:0 25px 0 22px;border-bottom:1px solid var(--line);background:var(--surface);z-index:5}.brand-button{display:flex;align-items:center;gap:9px;background:transparent;padding:4px 3px 4px 0;color:var(--accent)}.wordmark{font-size:20px;font-weight:600;letter-spacing:-1.1px;color:var(--ink)}.brand-button>svg{color:var(--accent)}.header-separator{height:24px;border-left:1px solid var(--line)}.board-title{max-width:260px;min-width:90px;background:transparent;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;text-align:left}.board-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-title svg{color:var(--muted)}.rename-input{width:min(290px,30vw);border:1px solid var(--line);background:var(--paper);padding:8px 10px;border-radius:7px}.header-right{margin-left:auto;display:flex;align-items:center;gap:9px}.saved-indicator{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;margin-right:8px}.is-saving{color:#a17448}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;min-width:37px;border-radius:9px;background:transparent;color:var(--muted);transition:background .15s,color .15s}.icon-button:hover,.icon-button.is-active{background:var(--accent-soft);color:var(--accent)}.button{min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 13px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.button:hover{background:var(--accent-soft);border-color:#c7d5c8}.button-dark{color:#fff;background:#315d47;border-color:#315d47}.button-dark:hover{background:#294d3b;border-color:#294d3b}.button-dark.is-active{background:#bc7258;border-color:#bc7258}.button-soft{background:var(--surface)}.button.full{width:100%;margin:5px 0}.board-area{position:relative;flex:1;min-height:0;overflow:hidden}.canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:default;color:#728077}.canvas-stage.is-drawing{cursor:crosshair}.canvas-stage.has-grid{background:var(--paper)}.board-object{cursor:grab}.board-object:active{cursor:grabbing}.object-text,.object-frame,.object-lane{cursor:pointer}.board-object.is-selected{filter:drop-shadow(0 1px 1px #36563b1c)}.object-task>text{text-decoration:none}.task-check{cursor:pointer;pointer-events:auto}.object-lane{pointer-events:none}.object-freehand{pointer-events:stroke}.canvas-stage text{-webkit-user-select:none;user-select:none}.position-chip{opacity:0;transition:opacity .15s}.canvas-stage:active .position-chip{opacity:.3}.board-name-watermark{position:absolute;top:25px;left:50%;z-index:1;transform:translate(-50%);pointer-events:none;display:flex;align-items:center;gap:7px;color:#7b827c;font-size:11px;letter-spacing:.02em}.board-name-watermark i{width:5px;height:5px;background:#87a58d;border-radius:50%}.dynamic-island{position:absolute;z-index:8;left:22px;top:50%;transform:translateY(-50%);width:58px;padding:8px 0;display:flex;align-items:center;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transition:box-shadow .2s}.dynamic-island .icon-button{height:39px;min-height:39px;width:39px;min-width:39px}.island-trigger{width:42px;height:42px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--accent-soft);color:var(--accent);border-radius:15px;transition:transform .2s,background .2s}.island-trigger:hover{background:#dce9dd;transform:scale(1.04)}.island-trigger.open{background:#315d47;color:#fff}.island-plus{position:absolute;right:-4px;bottom:-3px;width:19px;height:19px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;box-shadow:0 2px 5px #0001}.island-rule{width:26px;height:1px;background:var(--line);margin:3px 0}.island-panel{position:absolute;z-index:9;left:91px;top:50%;transform:translateY(-50%);width:354px;max-height:min(690px,calc(100% - 50px));overflow:auto;padding:18px 18px 17px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);animation:island-in .18s ease-out}@keyframes island-in{0%{opacity:0;transform:translate(-7px,-50%) scale(.99)}to{opacity:1;transform:translateY(-50%) scale(1)}}.island-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.island-heading>div{display:flex;flex-direction:column;gap:4px}.island-heading span,.eyebrow{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.island-heading strong{font-size:16px;font-weight:600;letter-spacing:-.02em}.island-tabs{display:flex;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:13px}.island-tabs button{flex:1;padding:7px 3px;background:transparent;color:var(--muted);border-radius:7px;font-size:11px}.island-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #14201710}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tool-grid button{height:43px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:9px;background:transparent;text-align:left;font-size:11px}.tool-grid button:hover,.tool-grid button.active{background:var(--accent-soft);color:var(--accent)}.tool-grid button span{flex:1}.tool-grid kbd{font-family:inherit;font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 4px}.island-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.island-add-grid button{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left}.island-add-grid button:hover{border-color:#a9c1ad;background:var(--accent-soft)}.island-add-grid button>svg{color:var(--accent)}.island-add-grid strong{font-size:12px;font-weight:550}.island-add-grid small{font-size:10px;line-height:1.5;color:var(--muted)}.island-board-list,.quick-actions{display:flex;flex-direction:column;gap:4px}.island-board-list button,.quick-actions button{display:flex;align-items:center;gap:10px;min-height:41px;padding:6px 9px;border-radius:8px;background:transparent;text-align:left;font-size:11px}.island-board-list button:hover,.quick-actions button:hover,.island-board-list button.current{background:var(--accent-soft)}.island-board-list button>span{flex:1}.island-board-list button small{font-size:9px;color:var(--muted)}.island-board-list button.add-space-row{border-top:1px solid var(--line);border-radius:0;color:var(--accent);margin-top:5px;padding-top:10px}.side-panel{position:absolute;z-index:7;left:91px;top:20px;bottom:67px;width:min(380px,calc(100vw - 115px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden;animation:panel-in .17s ease-out}@keyframes panel-in{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}.side-panel.panel-hidden{display:none}.panel-heading{flex:none;padding:17px 18px 13px;border-bottom:1px solid var(--line)}.panel-heading>div{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.panel-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.035em}.panel-content{min-height:0;overflow:auto;padding:15px 17px 18px}.panel-intro,.panel-footnote{font-size:11px;line-height:1.65;color:var(--muted)}.panel-footnote{margin:13px 2px 0}.search-field{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;margin:12px 0;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.search-field input{width:100%;border:0;outline:0;background:none;font-size:11px}.panel-filters{display:flex;gap:7px;margin:7px 0}.panel-filters button{display:flex;align-items:center;gap:5px;padding:6px 9px;background:var(--paper);color:var(--muted);border-radius:7px;font-size:10px}.panel-filters button.active{color:var(--accent);background:var(--accent-soft)}.board-list{display:flex;flex-direction:column;gap:8px}.board-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;padding:7px 5px;border:1px solid transparent;border-radius:11px}.board-card.current{background:var(--accent-soft);border-color:#d4e1d5}.board-card>div:last-child{display:flex;flex-direction:column}.board-preview{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:0;background:transparent;text-align:left}.board-preview strong{font-size:11px;font-weight:550}.board-preview small{font-size:9px;color:var(--muted)}.template-preview{height:78px;width:100%;display:grid;place-items:center;border-radius:8px;background:#f3f2ed;color:#5e7563;overflow:hidden}.theme-dark .template-preview{background:#303932}.template-preview svg{width:100%;height:100%;max-width:190px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.panel-toolbar{display:flex;justify-content:space-between;gap:8px}.panel-toolbar>button:first-child{flex:1}.full{width:100%}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{display:flex;flex-direction:column;gap:7px;padding:7px;background:transparent;border:1px solid var(--line);border-radius:10px;text-align:left;transition:border-color .14s,transform .14s}.template-card:hover{border-color:#a9c1ad;transform:translateY(-1px)}.template-card .template-preview{height:89px}.template-card strong{font-size:11px;font-weight:550}.template-card small{min-height:28px;color:var(--muted);font-size:9px;line-height:1.45}.outline-list{display:flex;flex-direction:column;gap:2px}.outline-list button{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 9px;border-radius:7px;background:transparent;text-align:left;font-size:11px}.outline-list button:hover,.outline-list button.active{background:var(--accent-soft)}.outline-dot{width:12px;height:12px;border:1px solid #97aa9b;border-radius:4px;flex:none}.type-ellipse{border-radius:50%}.type-arrow{border:0;border-top:1px solid #75877a;border-radius:0}.comment-form{display:flex;flex-direction:column;gap:7px;padding:10px 0 16px;border-bottom:1px solid var(--line)}.comment-form textarea,.mindmap-text,.field-label input,.field-label textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:11px;line-height:1.6;resize:vertical}.comments-list article{position:relative;padding:13px 9px;border-bottom:1px solid var(--line)}.comments-list p{font-size:12px;line-height:1.6;margin:0 0 5px}.comments-list small,.history-list small{display:block;font-size:9px;color:var(--muted)}.comments-list article button{padding:5px 0;margin-top:8px;background:none;color:var(--accent);font-size:10px}.comments-list article.resolved{opacity:.52}.history-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.history-list article{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);border-radius:9px}.history-list strong{font-size:11px;font-weight:550}.mindmap-text{height:210px;margin:10px 0 12px;font-family:ui-monospace,Consolas,monospace}.export-grid{display:flex;flex-direction:column;gap:6px}.export-grid .panel-intro{margin:0 0 8px}.export-grid>button{display:grid;grid-template-columns:39px 1fr 20px;align-items:center;gap:11px;min-height:61px;padding:9px;background:transparent;border:1px solid var(--line);border-radius:10px;text-align:left}.export-grid>button:hover{background:var(--accent-soft);border-color:#cbd9cd}.export-grid>button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.export-grid strong{font-size:11px;font-weight:550}.export-grid small{font-size:9px;color:var(--muted)}.export-grid>button>svg{color:var(--muted)}.export-kind{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--paper);color:var(--accent);font-size:12px;font-weight:600}.field-label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:var(--muted);font-size:10px}.field-label input{resize:none}.room-card{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:2px 9px;margin:15px 0;padding:12px;background:var(--accent-soft);border-radius:10px}.room-card svg{grid-row:span 2;color:var(--accent)}.room-card strong{font-size:12px}.room-card small{font-size:10px;color:var(--muted)}.room-link{display:flex;gap:6px}.room-link input{min-width:0;font-size:10px}.room-link button{padding:0 10px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:10px}.error-copy{font-size:10px;color:#b34f38}.inspector-card,.timer-card{position:absolute;z-index:7;right:22px;top:22px;width:245px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.inspector-heading,.timer-card>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.inspector-card .field-label{margin:8px 0}.inspector-card .field-label textarea{resize:vertical}.inspector-colors{display:flex;gap:8px;margin:12px 0}.inspector-colors button{width:23px;height:23px;border:1px solid #aeb8ae;border-radius:50%}.inspector-colors button.selected{outline:2px solid var(--accent);outline-offset:2px}.inspector-actions{display:flex;gap:6px;padding-top:7px;border-top:1px solid var(--line)}.timer-card{top:auto;right:22px;bottom:71px;width:246px}.timer-card>div:first-child span{font-size:10px}.timer-card>strong{display:block;margin:16px 0;text-align:center;font-size:42px;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timer-choices{display:flex;justify-content:center;gap:7px}.timer-choices button{padding:6px 8px;border-radius:6px;background:var(--paper);font-size:10px}.board-footer{position:absolute;z-index:6;left:50%;bottom:16px;transform:translate(-50%);height:42px;min-width:min(670px,calc(100% - 112px));display:flex;align-items:center;justify-content:space-between;gap:19px;padding:0 8px 0 11px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 14px #2232290b}.board-footer>div{display:flex;align-items:center;gap:4px}.board-footer>div>span,.board-footer>span{white-space:nowrap;color:var(--muted);font-size:10px}.board-footer .icon-button{height:30px;min-width:30px;width:30px}.board-footer>div>i{height:18px;border-left:1px solid var(--line);margin:0 4px}.presentation-controls{position:absolute;z-index:10;right:21px;top:18px;display:flex;align-items:center;gap:4px;padding:5px 8px 5px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.presentation-controls>span{margin-right:8px;font-size:11px;color:var(--muted)}.toast-message{position:absolute;z-index:12;left:50%;bottom:75px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(500px,calc(100vw - 34px));padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-size:11px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.toast-message svg{color:var(--accent)}.hidden-file{display:none}.loading-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:var(--paper)}.loading-screen>svg{color:var(--accent)}.loading-screen p{margin:0;color:var(--muted);font-size:12px}.dialog{width:min(450px,calc(100vw - 28px));max-height:min(88dvh,820px);padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 90px #17221b33}.dialog::backdrop{background:#202b2480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid var(--line)}.dialog-header h2{margin:0;font-size:16px;font-weight:600}.dialog-header p{margin:5px 0 0;font-size:10px;color:var(--muted);line-height:1.5}@media(max-width:900px){.studio-header{gap:13px;padding:0 15px}.saved-indicator{font-size:0;margin:0 2px}.saved-indicator svg{width:16px;height:16px}.board-title{max-width:210px}.dynamic-island{left:15px}.island-panel,.side-panel{left:78px}.board-footer{min-width:min(600px,calc(100% - 94px));gap:8px}.board-footer>span{font-size:9px}}@media(max-width:600px){.studio-header{height:58px;padding:0 10px;gap:9px}.brand-button{gap:5px}.brand-button>svg{width:28px;height:28px}.wordmark{font-size:17px}.header-separator{height:20px}.board-title{min-width:0;max-width:116px;font-size:11px}.board-title svg{display:none}.header-right{gap:2px}.header-right .button{min-height:34px;padding:7px 9px}.header-right .button span{display:none}.header-right .icon-button{width:33px;min-width:33px;height:33px}.saved-indicator{display:none}.board-name-watermark{top:15px;font-size:9px}.dynamic-island{left:50%;top:auto;bottom:15px;transform:translate(-50%);width:auto;height:55px;padding:0 8px;flex-direction:row;gap:4px;border-radius:18px}.dynamic-island .icon-button{height:36px;min-height:36px;width:36px;min-width:36px}.island-trigger{width:38px;height:38px;border-radius:13px}.island-trigger>svg{width:21px;height:21px}.island-plus{width:16px;height:16px;right:-3px;bottom:-3px}.island-rule{height:24px;width:1px;margin:0 3px}.island-panel{left:50%;top:auto;bottom:81px;transform:translate(-50%);width:min(356px,calc(100vw - 24px));max-height:min(70dvh,610px);border-radius:16px;animation:island-mobile .18s ease-out}@keyframes island-mobile{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.side-panel{left:8px;right:8px;top:8px;bottom:80px;width:auto;max-height:none}.board-footer{left:10px;right:10px;bottom:80px;transform:none;min-width:0;height:37px;padding:0 5px 0 7px;border-radius:11px}.board-footer>div{gap:0}.board-footer .icon-button{width:27px;min-width:27px;height:27px}.board-footer>div>span{font-size:9px}.board-footer>span{font-size:8px;max-width:92px;overflow:hidden;text-overflow:ellipsis}.board-footer>div>i{margin:0 3px}.inspector-card{top:auto;right:10px;bottom:127px;width:min(245px,calc(100% - 20px))}.timer-card{right:10px;bottom:127px;width:min(246px,calc(100% - 20px))}.presentation-controls{right:9px;top:8px}.toast-message{bottom:145px}.template-grid{gap:7px}.template-card .template-preview{height:74px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}