@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}body{margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{display:flex;flex-direction:column;height:100vh;max-width:100%}.app h1{color:white;text-align:center;margin-bottom:20px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:300}.whiteboard-container{display:flex;flex-direction:column;flex:1 1;border:none;border-radius:16px;overflow:hidden;background:white;box-shadow:0 20px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar{padding:16px 20px;background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;flex-wrap:wrap;gap:16px}.tool-section,.toolbar{display:flex;align-items:center}.tool-section{gap:12px;padding:8px 16px;border-right:1px solid #dee2e6;border-radius:8px;background:rgba(255,255,255,.7)}.tool-section:last-child{border-right:none}.toolbar-btn{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #dee2e6;background:white;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:44px;min-height:44px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toolbar-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.toolbar-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:#5a67d8;box-shadow:0 4px 12px rgba(102,126,234,.4)}.toolbar-btn.disabled,.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tool-btn svg{width:20px;height:20px}.color-picker-container{display:flex;flex-direction:column;gap:6px;align-items:center}.color-picker-container label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.color-picker{width:44px;height:44px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;background:none}.color-picker:hover{border-color:#adb5bd;transform:scale(1.05)}.slider-container{display:flex;flex-direction:column;gap:6px;min-width:120px}.slider-container label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;text-align:center}.slider{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;transition:all .3s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 6px rgba(102,126,234,.4);-webkit-transition:all .3s ease;transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(102,126,234,.6)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(102,126,234,.4)}.canvas-container{position:relative;flex:1 1;overflow:hidden;border-radius:0 0 16px 16px}.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 0 16px 16px}.return-to-content-btn{position:absolute;top:20px;right:20px;z-index:1000;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:all .3s ease}.return-to-content-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.6)}.drawing-canvas[style*="cursor: crosshair"]{cursor:crosshair!important}.drawing-canvas[style*="cursor: grab"]{cursor:-webkit-grab!important;cursor:grab!important}.drawing-canvas[style*="cursor: grabbing"]{cursor:-webkit-grabbing!important;cursor:grabbing!important}.drawing-canvas[style*="cursor: text"]{cursor:text!important}.drawing-canvas[style*="cursor: cell"]{cursor:cell!important}.selected-element{outline:2px dashed #007acc;outline-offset:2px}