*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}button,input{font:inherit}.auth-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;gap:14px;width:360px;padding:30px;display:flex}.auth-card input{border:1px solid #ccc;border-radius:6px;padding:12px}.auth-card button{cursor:pointer;border:0;border-radius:6px;padding:12px}.error{color:red}.dashboard{padding:30px}.dashboard header{justify-content:space-between;align-items:center;display:flex}.create-button{margin:30px 0;padding:12px 20px}.drawing-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.drawing-card{cursor:pointer;border:1px solid #ddd;border-radius:10px;padding:20px}.whiteboard{width:100vw;height:100vh;overflow:hidden}.toolbar{z-index:10;background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:6px;height:60px;padding:8px 12px;display:flex;position:relative}.toolbar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:7px 11px}.toolbar button:hover{background:#f5f5f5}.toolbar button.active{background:#e9ecef;border-color:#999}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.save-status{color:#666;margin-left:auto;font-size:13px}.whiteboard canvas{touch-action:none;cursor:crosshair;display:block}