*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1a1a1a;background:#eef0f3;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.toolbar{background:#fff;border-bottom:1px solid #d8dbe0;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}.toolbar__title{white-space:nowrap;margin:0;font-size:18px}.toolbar__hint{color:#6b7280;flex:1;min-width:200px;margin:0;font-size:13px}.toolbar__colors{gap:8px;display:flex}.toolbar__swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.toolbar__swatch--active{border-color:#1a1a1a}.toolbar__swatch--yellow{background:#fff176}.toolbar__swatch--pink{background:#f48fb1}.toolbar__swatch--blue{background:#81d4fa}.toolbar__swatch--green{background:#a5d6a7}.toolbar__swatch--purple{background:#ce93d8}.toolbar__status{color:#6b7280;text-align:right;min-width:110px;font-size:12px}.toolbar__status--error{color:#d32f2f}.board-wrapper{flex:1;min-width:1024px;min-height:0;overflow:auto}.board{cursor:crosshair;background-image:radial-gradient(#d8dbe0 1px,#0000 1px);background-size:24px 24px;width:100%;min-width:1024px;height:100%;min-height:700px;position:relative}.board__draft-note{pointer-events:none;background:#9e9e9e26;border:2px dashed #9e9e9e;position:absolute}.sticky-note{cursor:grab;border-radius:4px;flex-direction:column;padding:8px;display:flex;position:absolute;box-shadow:2px 3px 8px #0003}.sticky-note--dragging{cursor:grabbing;box-shadow:4px 6px 16px #0000004d}.sticky-note--yellow{background:#fff59d}.sticky-note--pink{background:#f48fb1}.sticky-note--blue{background:#81d4fa}.sticky-note--green{background:#a5d6a7}.sticky-note--purple{background:#ce93d8}.sticky-note__text{resize:none;cursor:text;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.sticky-note__delete{cursor:pointer;color:#00000073;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;top:2px;right:4px}.sticky-note__delete:hover{color:#000000d9}.sticky-note__resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#00000040 50%);width:16px;height:16px;position:absolute;bottom:0;right:0}.sticky-note__resize-handle--active{background:linear-gradient(135deg,#0000 50%,#00000080 50%)}.trash-zone{color:#6b7280;pointer-events:none;background:#fff9;border:2px dashed #9e9e9e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:100px;font-size:12px;display:flex;position:absolute;bottom:24px;right:24px}.trash-zone__icon{font-size:24px}.trash-zone--active{color:#d32f2f;background:#d32f2f1a;border-color:#d32f2f}