:root{--bg: #dfe3e8;--panel: rgba(235, 235, 235, .9);--panel-solid: #ebebeb;--panel-2: rgba(247, 248, 250, .86);--canvas-dark: #181818;--dark-pane: #232323;--border: rgba(92, 105, 122, .24);--text: #1d2530;--muted: #697483;--accent: rgb(67, 141, 247);--accent-blue: rgb(67, 141, 247);--accent-blue-rgb: 67, 141, 247;--accent-rgb: 67, 141, 247;--accent-soft: rgba(67, 141, 247, .11);--danger: #b42318;--shadow: 7px 7px 18px rgba(125, 135, 148, .25), -7px -7px 18px rgba(255, 255, 255, .82);--shadow-inset: inset 6px 6px 14px rgba(118, 128, 142, .18), inset -6px -6px 14px rgba(255, 255, 255, .72);--control-shadow: 3px 3px 8px rgba(124, 134, 148, .22), -3px -3px 8px rgba(255, 255, 255, .8);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}.passcode-page{min-height:100vh;display:grid;place-items:center;background:#fff;color:#1f2933}.passcode-form{width:min(92vw,420px);display:grid;justify-items:center;gap:16px;transform:translateY(-4vh)}.passcode-form label{font-family:Courier New,Courier,monospace;font-size:22px;font-weight:400;letter-spacing:0}.passcode-boxes{display:grid;grid-template-columns:repeat(6,54px);gap:10px}.passcode-boxes span{width:54px;height:54px;display:grid;place-items:center;border:2px solid #3f3f46;border-radius:7px;background:#fff;color:#111827;font-size:22px;box-shadow:0 0 0 4px transparent;transition:border-color .16s ease,box-shadow .16s ease}.passcode-boxes span.filled{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb),.14)}.passcode-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.passcode-form button{height:32px;padding:0 18px;border:0;border-radius:6px;background:#111827;color:#fff;box-shadow:var(--control-shadow);cursor:pointer}.passcode-form button:disabled{opacity:0;pointer-events:none}.passcode-form p{min-height:18px;margin:0;color:var(--muted);font-size:12px}.app-shell{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:52px;position:relative;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--border);z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0;margin-left:auto;z-index:2}.topbar-left-actions{display:flex;align-items:center;gap:8px;z-index:2}.topbar-brand{height:32px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(var(--accent-blue-rgb),.28);border-radius:7px;background:#ffffff5c;box-shadow:var(--control-shadow);color:#111827;font-size:12px;font-weight:850;letter-spacing:0}.topbar-center{position:absolute;left:50%;top:50%;width:min(380px,calc(100vw - 420px));min-width:160px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.project-page{--project-accent: 67, 141, 247;height:100vh;overflow:auto;padding:clamp(16px,3vw,34px);background:var(--bg)}.project-board{min-height:calc(100vh - clamp(40px,8vw,88px));max-width:1040px;margin:0 auto;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:20px}.project-board-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-brand{display:flex;align-items:center;min-width:0}.project-brand h1{margin:0;min-height:34px;display:flex;align-items:center;font-size:clamp(24px,3vw,32px);line-height:34px;letter-spacing:0;color:#111827}.project-brand p{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:400}.project-create-button{min-height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--accent-blue-rgb),.34);border-radius:7px;padding:0 16px;background:var(--accent-blue);color:#fff;font-weight:800;box-shadow:var(--control-shadow);cursor:pointer}.project-create-button:hover{background:#1c65a7}.project-tabs{display:flex;align-items:center;gap:clamp(16px,3vw,34px);border-bottom:1px solid rgba(23,32,51,.08);font-family:Courier New,Courier,monospace}.project-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 9px;color:#8b96a5;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:800;cursor:pointer}.project-tabs button.active{color:#111827;border-bottom-color:rgb(var(--project-accent))}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),280px));align-content:start;gap:12px}.project-card{min-height:136px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;border:1px solid rgba(255,255,255,.64);border-radius:8px;padding:18px;background:var(--panel);color:var(--text);text-align:left;box-shadow:var(--shadow);cursor:pointer}.project-card:hover,.project-card.active{border-color:rgb(var(--project-accent))}.project-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.project-card small{color:var(--muted)}.project-card-meta{display:flex;flex-wrap:wrap;gap:6px}.project-card-meta span,.project-preset-readout span{border-radius:6px;padding:5px 8px;background:#ffffff75;color:#344054;font-size:12px;font-weight:800}.project-card-unit{align-self:end;justify-self:start;border-radius:6px;padding:5px 8px;background:#ffffff75;color:#344054;font-size:12px;font-weight:800}.project-tabs,.project-tabs button{font-family:Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:400}.project-tabs button.active{font-weight:400}.project-card-units{align-self:end;justify-self:start;display:inline-flex;flex-wrap:wrap;gap:6px}.project-card-units span{border-radius:6px;padding:5px 8px;background:#ffffff75;color:#344054;font-size:12px;font-weight:800;line-height:1}.project-select-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.project-empty{min-height:150px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-weight:800}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0f172a2e}.project-modal{width:min(360px,100%);display:grid;gap:14px;border-radius:8px;padding:18px;background:#fff;box-shadow:var(--shadow)}.project-modal h2{margin:0;font-size:18px}.project-modal label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.project-modal input,.project-modal select{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;padding:9px 10px;color:var(--text);background:#fff}.project-unit-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-modal-actions{display:flex;justify-content:flex-end;gap:8px}.pdf-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:stretch;padding:18px;background:#f7f7f7b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pdf-picker-modal{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;border-radius:8px;padding:14px;background:#ebebebe6;box-shadow:var(--shadow)}.pdf-picker-topbar,.pdf-picker-actions,.pdf-picker-footer{display:flex;align-items:center;gap:10px}.pdf-picker-topbar{justify-content:space-between}.pdf-picker-topbar h2{margin:0;font-size:18px;line-height:24px}.pdf-picker-topbar p,.pdf-picker-actions span{margin:0;color:var(--muted);font-size:12px}.pdf-picker-body{min-height:0;overflow:auto}.pdf-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-items:start}.pdf-page-card{display:grid;gap:8px;border:1px solid transparent;border-radius:8px;padding:8px;color:#888;background:transparent;cursor:pointer;text-align:left}.pdf-page-card:hover{background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.pdf-page-card.active{color:#111827;background:#efefef;box-shadow:var(--control-shadow)}.pdf-page-thumb{position:relative;display:grid;place-items:center;min-height:200px;border-radius:6px;background:#fff;overflow:hidden}.pdf-page-thumb img{width:100%;height:100%;max-height:260px;object-fit:contain}.pdf-page-check{position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--accent-blue);color:#fff}.pdf-picker-status{min-height:240px;display:grid;place-items:center;gap:8px;color:var(--muted);font-weight:700}.pdf-picker-status svg{animation:toolbarPaneFadeIn .2s ease}.pdf-picker-status.error{color:var(--danger)}.pdf-picker-footer{justify-content:flex-end}.menu-command.primary{background:#000;color:#fff;box-shadow:var(--control-shadow)}.menu-command.primary:hover{background:#000;color:#fff}.project-title{font-size:14px;font-weight:700;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-title{color:var(--muted);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{min-height:0;flex:1;display:grid;grid-template-areas:"left center right";grid-template-columns:auto minmax(420px,1fr) auto;gap:0;padding:10px;background:var(--bg)}.left-pane,.right-pane{grid-area:left;background:var(--panel);border:1px solid rgba(255,255,255,.62);width:236px;min-width:236px;padding:12px;overflow:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.right-pane{grid-area:right;position:relative;width:368px;min-width:368px;max-width:min(560px,60vw)}.right-pane-resizer{position:absolute;top:0;bottom:0;left:-4px;z-index:8;width:8px;cursor:ew-resize}.right-pane-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent}.right-pane-resizer:hover:after{background:var(--accent)}.left-pane.collapsed,.right-pane.collapsed{width:0;min-width:0;padding:0;border:0;box-shadow:none;overflow:hidden}.pane-title{font-size:12px;font-weight:800;color:#344054;text-transform:uppercase;letter-spacing:0;margin-bottom:12px}.pane-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.pane-title-row .pane-title{margin-bottom:0}.floor-row{width:100%;display:grid;gap:2px;padding:10px;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#ffffff5c;color:var(--text);text-align:left;box-shadow:2px 2px 6px #7c869429,-2px -2px 6px #ffffffb3;cursor:pointer}.floor-list{display:grid;gap:8px}.floor-row:hover,.floor-row.active{border-color:var(--accent);background:var(--accent-soft)}.floor-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.floor-row span{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floor-row input{width:100%;min-width:0;border:1px solid var(--border);border-radius:5px;padding:5px 6px;font-size:12px}.add-plan-command{margin-bottom:12px;justify-content:center}.center-panel{grid-area:center;position:relative;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:0 10px;background:transparent}.toolbar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border:1px solid rgba(255,255,255,.62);border-radius:12px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2}.toolbar-tool-wrap{position:relative;display:grid;place-items:center}.icon-button{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.68);background:#ffffff6b;color:#344054;border-radius:6px;box-shadow:var(--control-shadow);cursor:pointer}.icon-button.compact{width:26px;height:26px}.icon-button:hover:not(:disabled),.icon-button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-inset)}.toolbar .icon-button:after{content:attr(aria-label);position:absolute;left:42px;top:50%;transform:translateY(-50%);z-index:20;width:max-content;max-width:180px;padding:5px 7px;border-radius:5px;background:#172033;color:#fff;font-size:11px;font-weight:700;line-height:1.2;pointer-events:none;opacity:0;transition:opacity .12s ease}.toolbar .icon-button:hover:after{opacity:1}.icon-button:disabled{color:#b4bfcc;cursor:not-allowed}.icon-button.danger:hover:not(:disabled){color:var(--danger);border-color:#fda29b;background:#fff3f0}.tool-separator{width:24px;border-top:1px solid rgba(92,105,122,.28)}.toolbar-fill{flex:1 1 auto}.toolbar-settings-wrap,.toolbar-ai-wrap,.toolbar-notes-wrap{position:relative}.icon-button.processing svg{animation:spin .85s linear infinite}.toolbar-ai-status{position:absolute;left:42px;bottom:0;z-index:12;width:190px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:#fff;box-shadow:var(--shadow);color:var(--text);font-size:12px;font-weight:700;line-height:1.25}.toolbar-ai-status.error{border-color:#fda29b;color:var(--danger);background:#fff3f0}@keyframes spin{to{transform:rotate(360deg)}}.canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;touch-action:none;border:1px solid rgba(255,255,255,.62);border-radius:18px;box-shadow:var(--shadow-inset),0 10px 28px #3a45521f;background-color:#f7f7f7;background-image:radial-gradient(circle,rgba(var(--accent-blue-rgb),.22) 1px,transparent 1.2px);background-position:var(--canvas-grid-x, 0) var(--canvas-grid-y, 0);background-size:var(--canvas-grid-size, 22px) var(--canvas-grid-size, 22px)}.canvas-wrap.comment-mode,.canvas-wrap.comment-mode .konvajs-content{cursor:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(2 2)'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' fill='%23438df7' fill-opacity='0.9' stroke='%23438df7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 8 23,copy}.file-icon-button{cursor:pointer}.lock-dot-icon{position:relative;display:inline-grid;place-items:center}.lock-dot-icon svg+svg{position:absolute;right:-4px;bottom:-2px;background:#fff;border-radius:50%}.plan-mode-icon{position:relative;width:18px;height:18px;display:inline-block}.plan-mode-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff3b30 0%,#ffcc00 36%,var(--accent-blue) 66%,#34c759 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E") center / contain no-repeat}.plan-mode-icon.grayscale-mode:before{background:linear-gradient(135deg,#000,#667085 58%,#d0d5dd)}.plan-mode-icon svg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.plan-mode-icon svg:first-child{color:var(--accent-blue);clip-path:inset(0 50% 0 0)}.plan-mode-icon svg:last-child{color:#111827;clip-path:inset(0 0 0 50%)}.canvas-floating-pane{position:absolute;z-index:6;width:202px;padding:7px;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.canvas-floating-pane input{width:100%;min-width:0;border:1px solid var(--border);border-radius:5px;padding:6px 8px;color:var(--text);font-size:12px}.scale-floating-pane{width:230px;display:grid;gap:8px}.scale-floating-pane label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:700}.empty-workspace{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:#5f6b78;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}.summary-card{background:#ffffff61;border:1px solid rgba(255,255,255,.58);border-radius:6px;padding:8px 6px;display:grid;gap:2px;color:var(--text);text-align:left;box-shadow:2px 2px 6px #7c869429,-2px -2px 6px #ffffffb3;cursor:pointer}.summary-card:hover,.summary-card.active{background:var(--accent-soft);border-color:var(--accent)}.summary-card.active strong,.summary-card.active span{color:var(--accent)}.summary-grid strong{font-size:17px}.summary-grid span{font-size:11px;color:var(--muted)}.hierarchy-list,.nested-list{display:grid;gap:8px}.nested-list{margin:8px 0 0 14px;padding-left:10px;border-left:2px solid var(--border)}.hierarchy-group{display:grid}.accordion-group{display:grid;gap:6px}.accordion-head{min-width:0;width:100%;height:36px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#ffffff5c;color:#344054;padding:0 9px;box-shadow:2px 2px 6px #7c869429,-2px -2px 6px #ffffffad;cursor:pointer}.accordion-head:hover,.accordion-head.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.accordion-head span:nth-child(3){overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.accordion-head strong{min-width:26px;border-radius:999px;background:var(--panel-2);color:#344054;padding:3px 7px;font-size:11px;text-align:center}.accordion-body{display:grid;gap:6px;padding-left:12px;border-left:2px solid var(--border)}.data-row{display:grid;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#ffffff5c;box-shadow:2px 2px 6px #7c869424,-2px -2px 6px #ffffffa8}.data-row.selected{border-color:var(--accent);background:var(--accent-soft)}.data-row.single-row{grid-template-columns:minmax(0,1fr) minmax(82px,96px);align-items:center;gap:6px;height:30px;min-height:30px;padding:0 8px}.data-row.single-row small{color:var(--muted);font-size:11px;font-weight:700;text-align:right;min-height:16px}.data-row.synthetic span{overflow:hidden;color:#344054;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.row-head{display:flex;justify-content:space-between;gap:8px;color:#344054;font-size:12px;font-weight:800}.row-head small{color:var(--muted);font-weight:600}.data-row input,.data-row select,.settings-menu input,.api-key-menu input,.share-menu input{width:100%;min-width:0;border:1px solid var(--border);border-radius:5px;padding:6px 8px;background:#fff;color:var(--text);font-size:12px}.data-row.single-row input{height:24px;padding:2px 8px;border-color:transparent;background:transparent}.data-row.single-row:hover input,.data-row.single-row.selected input,.data-row.single-row input:focus{border-color:var(--border);background:#fff;outline:none}.data-row.single-row.selected input:focus{border-color:var(--accent)}.menu-command{height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.68);background:#ffffff6b;color:#344054;border-radius:6px;padding:0 10px;font-size:12px;font-weight:700;box-shadow:var(--control-shadow);cursor:pointer}.menu-command:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-inset)}.menu-command.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.menu-command:disabled{color:#b4bfcc;cursor:not-allowed;background:#fff}.menu-command.full{width:100%;justify-content:flex-start}.menu-command.small{height:28px;padding:0 7px;font-size:11px}.share-wrap,.api-key-wrap,.notes-wrap{position:relative}.share-menu{position:absolute;right:0;top:40px;width:min(360px,calc(100vw - 24px));padding:8px;background:var(--panel);border:1px solid rgba(255,255,255,.62);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:12}.api-key-menu{position:absolute;right:0;top:40px;width:min(300px,calc(100vw - 24px));display:grid;gap:10px;padding:12px;background:var(--panel);border:1px solid rgba(255,255,255,.62);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:12}.notes-menu{position:absolute;right:0;top:40px;width:min(260px,calc(100vw - 24px));display:grid;gap:8px;padding:10px;background:var(--panel);border:1px solid rgba(255,255,255,.62);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:12}.notes-menu-title{font-size:12px;font-weight:800;color:#344054}.notes-menu-row{min-width:0;border:1px solid var(--border);border-radius:6px;padding:7px 8px;color:#344054;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-menu-row.muted{color:var(--muted)}.comment-pane{display:grid;gap:10px;padding:16px}.comment-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#172033;font-weight:800}.comment-pane-head span{min-width:26px;height:26px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px}.comment-pane-empty{border:1px solid transparent;border-radius:8px;padding:10px 12px;color:var(--muted);font-size:13px;font-weight:700;background:transparent;box-shadow:none;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.comment-pane-empty:hover,.comment-pane .data-row:hover,.comment-pane .data-row.selected{border-color:transparent;background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.comment-pane .data-row{border-color:transparent;background:transparent;box-shadow:none;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.comment-row{grid-template-columns:28px minmax(0,1fr)}.comment-row.done input{color:var(--muted);text-decoration:line-through}.comment-status-button{width:26px;height:26px;display:inline-grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#344054;padding:0;box-shadow:none;cursor:pointer}.comment-status-button:hover{background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.comment-status-button.done{color:var(--accent-blue)}.api-key-menu label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.share-link-pill{width:100%;min-width:0;height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0 8px;box-shadow:none;cursor:pointer}.share-link-pill:hover,.share-link-pill.copied{background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.share-link-address{overflow:hidden;color:#344054;font-size:12px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.share-link-status{min-width:82px;border-radius:999px;background:transparent;color:transparent;padding:4px 8px;font-size:11px;font-weight:800;text-align:center}.share-link-pill:hover .share-link-status,.share-link-pill.copied .share-link-status{background:rgba(var(--accent-blue-rgb),.13);color:var(--accent-blue)}.settings-menu{position:absolute;right:0;top:40px;width:230px;display:grid;gap:10px;padding:12px;background:#ebebebe6;border:0;border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.toolbar-settings-menu{left:42px;right:auto;top:auto;bottom:0}.toolbar-notes-menu{left:42px;right:auto;top:0}.toolbar-lock-wrap,.toolbar-json-wrap{position:relative}.toolbar-menu{position:absolute;left:42px;z-index:32;width:168px;display:grid;gap:6px;padding:8px;border:0;border-radius:8px;background:#ebebebe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar-lock-menu{top:0}.toolbar-json-menu{bottom:0}.toolbar-type-palette,.toolbar-menu,.toolbar-settings-menu{animation:toolbarPaneFadeIn .2s ease;transition:opacity .2s ease,transform .2s ease}@keyframes toolbarPaneFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.file-menu-command{cursor:pointer}.settings-menu label{display:grid;gap:5px;font-size:12px;color:#667085;font-weight:700}.settings-menu input{border-color:transparent;background:#efefef;color:#111827;box-shadow:none}.settings-menu input:focus{border-color:#0000006b;outline:none;box-shadow:var(--control-shadow)}.scale-readout{width:100%;border:0;padding:8px;border-radius:6px;background:#efefef;color:#344054;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.scale-readout-set{background:#4b5563;color:#fff}.type-create{margin-bottom:12px}.type-palette{display:grid;gap:8px;margin-bottom:12px;padding:10px;border:0;border-radius:8px;background:#ebebebe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar-type-palette{position:absolute;left:42px;top:0;z-index:30;width:200px;max-height:min(520px,calc(100vh - 90px));overflow:auto;margin-bottom:0;box-shadow:var(--shadow)}.type-palette-section{display:grid;gap:8px}.type-palette-section+.type-palette-section{padding-top:10px;border-top:1px solid rgba(0,0,0,.16)}.type-palette-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#344054;font-size:12px;font-weight:800}.type-palette-head .menu-command.small{padding:0 8px}.type-list{display:grid;gap:6px}.type-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.type-choice{min-width:0;height:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 8px;font-size:12px;font-weight:700;box-shadow:none;cursor:pointer}.area-bucket{display:grid;gap:6px}.area-bucket+.area-bucket{padding-top:8px;border-top:1px solid var(--border)}.area-bucket-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#344054;font-size:11px;font-weight:800}.area-bucket-title strong{min-width:24px;border-radius:999px;background:var(--panel-2);padding:2px 7px;text-align:center}.type-choice span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.type-name-input{width:100%;min-width:0;border:1px solid var(--border);border-radius:5px;padding:4px 6px;background:#fff;color:var(--text);font-size:12px;font-weight:700}.type-choice:hover,.type-row.active .type-choice:hover{color:#111827;background:#efefef;box-shadow:var(--control-shadow)}.type-row.active .type-choice{color:#000;background:transparent;box-shadow:none}.type-swatch{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #11182729}.plus-swatch{display:inline-grid;place-items:center;background:#fff;color:var(--accent);border:1px solid var(--accent);box-shadow:none}.custom-type-command{color:#667085}.custom-type-command svg{color:var(--accent-blue)}.type-row-menu{position:fixed;z-index:50;width:150px;display:grid;gap:5px;padding:7px;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.accordion-title-input{min-width:0;width:100%;border:1px solid var(--border);border-radius:5px;padding:5px 6px;font-size:12px;font-weight:800}.canvas-context-menu{position:absolute;z-index:36;width:250px;max-height:min(460px,calc(100% - 20px));overflow:auto;display:grid;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.62);border-radius:6px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context-menu-section{display:grid;gap:5px}.context-menu-section+.context-menu-section{padding-top:8px;border-top:1px solid var(--border)}.context-menu-title{color:#344054;font-size:11px;font-weight:800;text-transform:uppercase}.context-menu-command{min-width:0;height:30px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:#ffffff61;color:#344054;padding:0 8px;font-size:12px;font-weight:700;cursor:pointer}.context-menu-command:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.context-menu-command span:nth-child(2){overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.app-shell{--workspace-pad: 12px;--left-pane-left: 20px;--toolbar-top: 72px;--toolbar-width: 48px;--left-pane-width: 236px;--toolbar-left: calc(var(--left-pane-left) + var(--left-pane-width) - 1px);--right-pane-effective-width: min(var(--right-pane-width), min(560px, 46vw));--right-offset: var(--right-pane-effective-width);--topbar-right-offset: 20px;position:relative;overflow:hidden}.app-shell.left-closed{--toolbar-left: var(--left-pane-left)}.app-shell.right-closed{--right-offset: 0px}.app-shell.right-open{--topbar-right-offset: calc(var(--right-offset) + 18px)}.workspace{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-height:0;padding:0;overflow:hidden;background:var(--bg)}.center-panel{position:absolute;inset:0 var(--right-offset) 0 0;display:block;min-width:0;padding:0;background:transparent;transition:right .3s ease}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background-color:#f7f7f7;background-image:radial-gradient(circle,rgba(var(--accent-blue-rgb),.22) 1px,transparent 1.2px);background-position:var(--canvas-grid-x, 0) var(--canvas-grid-y, 0);background-size:var(--canvas-grid-size, 22px) var(--canvas-grid-size, 22px)}.topbar{position:absolute;top:12px;right:var(--topbar-right-offset);left:20px;height:40px;min-height:40px;max-height:40px;border:0;border-radius:8px;background:#ebebebe6;box-shadow:var(--shadow);overflow:visible;transition:right .3s ease}.topbar-identity{min-width:0;display:flex;align-items:baseline;gap:14px}.topbar-product-title{margin:0;border:0;background:transparent;color:#111827;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:400;line-height:24px;letter-spacing:0;cursor:pointer}.project-brand h1{margin:0;border:0;background:transparent;color:#111827;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:400;line-height:24px;letter-spacing:0;cursor:pointer}.topbar-product-title:hover{color:#000;text-decoration:underline;text-underline-offset:3px}.topbar-project-strip{min-width:0;display:flex;align-items:baseline;gap:12px;font-family:Lucida Grande,Lucida Sans Unicode,Arial,sans-serif}.project-title,.floor-title{max-width:220px;font-family:Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;line-height:18px}.project-title{font-size:12px;font-weight:700}.floor-title{font-size:12px;font-weight:500}.toolbar{position:absolute;top:var(--toolbar-top);bottom:12px;left:var(--toolbar-left);z-index:4;width:var(--toolbar-width);padding:8px 7px;border:0;border-radius:0 8px 8px 0;background:#ebebebe6;box-shadow:var(--shadow);transition:left .3s ease}.app-shell.left-closed .toolbar{border-radius:8px}.app-shell.left-open .toolbar,.app-shell.left-open .left-pane{box-shadow:none}.app-shell.left-open .toolbar{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell.left-open .left-pane{border-radius:8px}.share-menu,.api-key-menu,.notes-menu,.type-row-menu,.canvas-floating-pane{border:0;background:#ebebebe6}.icon-button{border-color:transparent;background:transparent;box-shadow:none;color:#111827}.icon-button:hover:not(:disabled){border-color:transparent;background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.icon-button.active,.icon-button.active:hover:not(:disabled){border-color:#000;background:#000;color:#c9c9c9;box-shadow:none}.toolbar-notes-wrap .icon-button.active,.toolbar-notes-wrap .icon-button.active:hover:not(:disabled){border-color:var(--accent-blue);background:var(--accent-blue);color:#fff;box-shadow:none}.toolbar-settings-wrap .icon-button.active,.toolbar-settings-wrap .icon-button.active:hover:not(:disabled){border-color:#000;background:#000;color:#fff}.toolbar-settings-wrap .icon-button.scale-saved,.toolbar-settings-wrap .icon-button.scale-saved:hover:not(:disabled){border-color:transparent;background:transparent;color:var(--accent-blue);box-shadow:none}.icon-button.scale-unset,.icon-button.scale-unset:hover:not(:disabled),.icon-button.scale-unset.active,.icon-button.scale-unset.active:hover:not(:disabled){border-color:#d92d20;background:#d92d20;color:#fff;box-shadow:none}.icon-button.scale-unset svg{overflow:visible}.tool-separator{width:24px;border-top-color:#0000002e}.left-pane{position:absolute;top:var(--toolbar-top);bottom:12px;left:var(--left-pane-left);z-index:3;width:calc(var(--left-pane-width) + var(--toolbar-width) - 1px);min-width:0;padding:12px calc(12px + var(--toolbar-width)) 12px 12px;border:0;border-radius:8px;background:#ebebebe6;box-shadow:var(--shadow);overflow:hidden;transition:width .3s ease,padding .3s ease,opacity .3s ease}.left-pane.collapsed{width:0;min-width:0;padding:0;border:0;box-shadow:none;opacity:0}.left-pane-content{width:calc(var(--left-pane-width) - 24px);opacity:1;transition:opacity .12s ease .3s}.left-pane.collapsed .left-pane-content{opacity:0;transition-delay:0s;pointer-events:none}.menu-command,.floor-row,.summary-card,.accordion-head{border-color:transparent;background:transparent;box-shadow:none}.menu-command:hover,.floor-row:hover,.summary-card:hover,.accordion-head:hover{border-color:transparent;background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.floor-row.active{border-color:transparent;background:transparent;box-shadow:var(--control-shadow)}.menu-command.active,.menu-command.active:hover{border-color:transparent;background:#efefef;color:#000;box-shadow:var(--control-shadow)}.summary-card.active,.summary-card.active:hover{border-color:transparent;background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.summary-card.active strong,.summary-card.active span{color:#111827}.summary-card:not(.active) strong,.summary-card:not(.active) span{color:#888}.summary-card.selection-summary.has-selection{border-color:var(--accent-blue)!important;color:var(--accent-blue)}.summary-card.selection-summary.has-selection strong,.summary-card.selection-summary.has-selection span{color:var(--accent-blue)}.accordion-head.selected{border-color:transparent;background:#efefef;color:#111827;box-shadow:var(--control-shadow)}.accordion-head span:nth-child(3){font-weight:400}.right-pane{position:absolute;top:0;right:0;bottom:0;z-index:3;width:var(--right-pane-effective-width);min-width:min(368px,var(--right-pane-effective-width));max-width:none;padding:12px;border:0;border-radius:0;background:#ebebebe6;box-shadow:none;transition:transform .3s ease,opacity .3s ease}.right-pane.collapsed{width:var(--right-pane-effective-width);min-width:min(368px,var(--right-pane-effective-width));padding:12px;border:0;opacity:0;transform:translate(100%);pointer-events:none}.right-pane-resizer{left:0;width:16px;cursor:col-resize;touch-action:none}.right-pane-resizer:after{top:0;bottom:0;left:7px;width:2px;background:transparent;transition:background .16s ease,box-shadow .16s ease}.right-pane-resizer:hover:after,.right-pane-resizer:active:after{background:var(--accent-blue);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb),.16)}.project-page{padding:34px 20px}.project-board{max-width:none;margin:0}.project-board-top{justify-content:flex-start;gap:16px}.project-brand h1{min-height:34px;align-items:center}.project-create-button{min-height:34px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:#111827;font-size:13px;font-weight:700;box-shadow:none}.project-create-button:hover{background:#efefef;color:#111827;box-shadow:var(--control-shadow)}@media (max-width: 1180px){.app-shell{--left-pane-width: 190px}.right-pane{min-width:320px}.topbar-actions{gap:6px}.menu-command{padding:0 8px}}@media (max-width: 900px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh}.topbar{height:auto;min-height:58px;align-items:center;gap:8px;padding:10px 12px}.topbar-center{width:min(340px,calc(100vw - 300px))}.topbar-actions{justify-content:flex-end;flex-wrap:wrap}.workspace{flex:none;min-height:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"center" "right" "left"}.left-pane,.right-pane{display:block;width:auto!important;min-width:0!important;max-height:34dvh;border-right:0;border-left:0;border-top:1px solid var(--border)}.right-pane-resizer,.left-pane.collapsed,.right-pane.collapsed{display:none}.center-panel{min-height:min(680px,62dvh)}}@media (max-width: 680px){.topbar-left-actions,.topbar-center,.topbar-actions{min-width:0}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.topbar-center{position:static;width:auto;transform:none;text-align:center;pointer-events:auto}.topbar-actions{grid-column:auto;justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.project-title,.floor-title{max-width:calc(100vw - 96px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-command,.icon-button,.share-wrap{flex:0 0 auto}.center-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:50px minmax(360px,56dvh);min-height:0}.toolbar{flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:7px 8px}.toolbar-tool-wrap{flex:0 0 auto}.tool-separator{width:1px;height:24px;border-top:0;border-left:1px solid var(--border);flex:0 0 auto}.toolbar .icon-button:after{left:50%;top:42px;transform:translate(-50%)}.toolbar-fill{flex:1 0 12px}.toolbar-settings-wrap{margin-top:0;margin-left:auto}.toolbar-settings-menu,.toolbar-notes-menu{position:fixed;top:116px;right:12px;bottom:auto;left:auto;width:min(230px,calc(100vw - 24px))}.toolbar-ai-status{position:fixed;left:12px;right:12px;top:116px;bottom:auto;width:auto}.toolbar-type-palette{position:fixed;left:12px;right:12px;top:116px;width:auto;max-height:min(460px,calc(100vh - 136px))}.right-pane,.left-pane{max-height:none}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-page{padding:16px}.project-board{gap:20px}.project-board-top{align-items:flex-start;flex-direction:column}.project-tabs{gap:18px;overflow-x:auto}.project-tabs button{flex:0 0 auto}}@media (max-width: 420px){.topbar{padding:8px}.left-pane,.right-pane{padding:10px}.center-panel{grid-template-rows:50px minmax(320px,54dvh)}.menu-command{padding:0 8px;font-size:11px}.settings-menu{right:-46px;width:min(230px,calc(100vw - 20px))}.toolbar-settings-menu{right:10px}.share-menu,.api-key-menu{right:-42px}.toolbar-notes-menu{right:10px}}@media (max-width: 900px){body{overflow:hidden}.app-shell{height:100vh;min-height:0;--toolbar-top: 72px}.topbar{position:absolute;top:12px;right:var(--topbar-right-offset);left:20px;height:40px!important;min-height:40px!important;max-height:40px!important;display:flex;grid-template-columns:none;align-items:center;gap:12px;padding:0 14px;overflow:visible}.topbar-identity,.topbar-project-strip,.topbar-actions{min-height:0;max-height:40px;flex-wrap:nowrap;overflow:visible;padding-bottom:0}.workspace{position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-height:0;padding:0}.center-panel{position:absolute;inset:0 var(--right-offset) 0 0;display:block;min-height:0;padding:0}.left-pane{position:absolute;top:var(--toolbar-top);bottom:12px;left:var(--left-pane-left);width:calc(var(--left-pane-width) + var(--toolbar-width) - 1px)!important;min-width:0!important;max-height:none;padding:12px calc(12px + var(--toolbar-width)) 12px 12px;border:0;border-radius:8px}.left-pane.collapsed{display:block;width:0!important;min-width:0!important;padding:0}.toolbar{position:absolute;top:var(--toolbar-top);bottom:12px;left:var(--toolbar-left);width:var(--toolbar-width);flex-direction:column;align-items:center;overflow:visible;border:0;border-radius:0 8px 8px 0;padding:8px 7px}.app-shell.left-closed .toolbar{border-radius:8px}.tool-separator{width:24px;height:auto;border-left:0;border-top:1px solid rgba(0,0,0,.18)}.toolbar-fill{flex:1 1 auto}.toolbar-settings-wrap{margin-top:0;margin-left:0}.right-pane{position:absolute;top:0;right:0;bottom:0;max-height:none;border:0}}