:root{color:#111827;font-synthesis:none;text-rendering:geometricprecision;background:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.drawboard-shell{background:linear-gradient(#ffffffa8,#fff0),#e7e5df;grid-template-columns:minmax(240px,292px) minmax(0,1fr);width:100%;height:100%;min-height:100vh;display:grid;overflow:hidden}.board-sidebar{background:#f8fafc;border-right:1px solid #1118271f;flex-direction:column;min-width:0;height:100%;display:flex}.brand-block{border-bottom:1px solid #11182714;gap:3px;padding:20px 18px 14px;display:grid}.brand-block span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.brand-block strong{color:#0f172a;letter-spacing:0;font-size:21px}.toolbar-row{border-bottom:1px solid #11182714;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;display:grid}.toolbar-row button,.sidebar-footer button{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:0;height:38px;display:inline-flex}.toolbar-row button:hover,.sidebar-footer button:hover{color:#0f766e;border-color:#0f766e6b}.hidden-input{display:none}.board-list{align-content:start;gap:6px;min-height:0;padding:12px;display:grid;overflow:auto}.board-item{color:#0f172a;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;justify-items:start;gap:6px;width:100%;min-height:68px;padding:11px 12px;display:grid}.board-item:hover{background:#eef2f7}.board-item.active{background:#e6f3ef;border-color:#0f766e38}.board-item span{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:750;overflow:hidden}.board-item small{color:#64748b;letter-spacing:0;font-size:12px}.sidebar-footer{border-top:1px solid #11182714;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;margin-top:auto;padding:12px;display:grid}.canvas-panel{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.board-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border-bottom:1px solid #1118271a;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 20px;display:flex}.board-header input{color:#0f172a;letter-spacing:0;background:0 0;border:0;outline:0;width:min(58vw,680px);min-width:140px;font-size:24px;font-weight:760}.board-header p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:720px;margin:5px 0 0;font-size:13px;line-height:1.35;overflow:hidden}.board-header span{color:#64748b;letter-spacing:0;flex:none;font-size:12px;font-weight:700}.excalidraw-frame{background:#fbfaf7;min-width:0;height:100%;min-height:0}.draw-tools{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #0f172a1f;border-radius:8px;gap:8px;padding:7px;display:inline-flex;position:absolute;top:94px;right:18px;box-shadow:0 16px 36px #0f172a14}.draw-tools button{color:#0f172a;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.draw-tools button:hover,.draw-tools button.active{color:#0f766e;background:#e6f3ef;border-color:#0f766e47}.drawing-surface{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;display:block}.drawing-surface text{letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (width<=820px){.drawboard-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.board-sidebar{border-bottom:1px solid #1118271f;border-right:0;height:auto;max-height:42vh}.brand-block{padding:14px}.board-list{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;overflow:auto hidden}.sidebar-footer{grid-template-columns:minmax(0,1fr) 42px 42px}.board-header{min-height:72px;padding:12px 14px}.board-header input{width:100%;font-size:20px}.board-header span{display:none}.draw-tools{top:auto;bottom:12px;right:12px}}