body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;width:100vw}.App,.app-layout{display:flex;overflow:hidden}.app-layout{flex:1 1}@media (max-width:768px){.app-layout{flex-direction:column}}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem;z-index:100}.header__content{align-items:center;display:flex;gap:1rem;margin:0;max-width:1200px;padding-left:2rem}.header__logo{height:65px;width:auto}.header__text{text-align:left}.header__title{font-size:2rem;font-weight:600;margin:0}.header__subtitle{font-size:1rem;margin:.5rem 0 0;opacity:.9}.toolbar{background:#f8f9fa;border-right:2px solid #e9ecef;box-shadow:2px 0 10px #0000000d;flex-direction:column;gap:.5rem;padding:1rem .5rem;width:60px;z-index:50}.toolbar,.toolbar__btn{align-items:center;display:flex}.toolbar__btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:48px;justify-content:center;transition:all .2s ease;width:48px}.toolbar__btn:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.toolbar__btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.toolbar__icon{color:#495057;font-size:1.5rem;font-weight:700}.toolbar__emoji-container{display:flex;justify-content:center;position:relative;width:100%}.toolbar__emoji-picker{background:#fff;border:2px solid #0000001a;border-radius:12px;box-shadow:0 8px 24px #00000026;left:100%;margin-left:.5rem;max-height:300px;min-width:320px;overflow-y:auto;padding:1rem;position:absolute;top:0;z-index:1000}.toolbar__emoji-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(8,1fr)}.toolbar__emoji-option{align-items:center;aspect-ratio:1;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .2s ease}.toolbar__emoji-option:hover{background:#f0f0f0;transform:scale(1.1)}.toolbar__shape-controls{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.toolbar__shape-selector{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;text-align:center;transition:all .2s ease;width:48px}.toolbar__shape-selector:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.toolbar__shape-selector:focus{background:#f8f9ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.toolbar__shape-selector option{background:#fff;color:#495057;font-size:1.2rem}.dashboard{background:linear-gradient(45deg,#f0f2f5 25%,#0000 0),linear-gradient(-45deg,#f0f2f5 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f2f5 0),linear-gradient(-45deg,#0000 75%,#f0f2f5 0);background-color:#fafafa;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;cursor:default;flex:1 1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.dashboard--drawing{cursor:crosshair}.frame{border:2px solid #4a90e2;border-radius:4px;cursor:move;z-index:1}.frame,.frame__title{background-color:#fff;position:absolute}.frame__title{border:1px solid #4a90e2;border-radius:2px;color:#4a90e2;font-size:12px;font-weight:700;left:0;padding:2px 4px;top:-20px}.frame__resize-handle{background-color:#4a90e2;border-radius:50%;height:8px;position:absolute;width:8px}.frame__resize-handle--nw{cursor:nw-resize;left:-4px;top:-4px}.frame__resize-handle--ne{cursor:ne-resize;right:-4px;top:-4px}.frame__resize-handle--sw{bottom:-4px;cursor:sw-resize;left:-4px}.frame__resize-handle--se{bottom:-4px;cursor:se-resize;right:-4px}.frame__delete-btn{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px;z-index:10}.shape{box-shadow:0 4px 12px #00000026;cursor:move;position:absolute;transition:box-shadow .2s ease,transform .2s ease;z-index:5}.shape:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.shape:active{cursor:grabbing}.shape--preview{opacity:.7;pointer-events:none;z-index:1}.shape--rectangle{border-radius:4px}.shape--circle{border-radius:50%}.shape--triangle{height:0!important;width:0!important}.shape--arrow,.shape--triangle{background-color:initial!important;border:none!important}.shape--chat{border-radius:12px}.shape--star{background-color:initial!important;border:none!important}.star-shape{height:100%;width:100%}.shape__delete-btn,.star-shape{align-items:center;display:flex;justify-content:center}.shape__delete-btn{background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:20px;opacity:0;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:20px;z-index:10}.shape:hover .shape__delete-btn{opacity:1}.shape__delete-btn:hover{background-color:#ff3742;transform:scale(1.1)}.shape__chat-tail{border-left:8px solid #0000;border-right:8px solid #0000;bottom:-8px;height:0;left:20px;position:absolute;width:0}.text-element{background-color:initial;border:1px solid #ccc;border-radius:4px;cursor:move;min-height:30px;min-width:100px;padding:8px;position:absolute}.text-element__editor{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;margin:0;outline:none;padding:0;width:100%}.text-element__content{word-wrap:break-word;overflow-wrap:break-word}.text-element__delete-btn{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px;z-index:10}.emoji-element{cursor:move;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:7}.emoji-element:hover{transform:scale(1.1)}.emoji-element:active{cursor:grabbing}.emoji-element__content{line-height:1;text-align:center}.emoji-element__delete-btn{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:20px;z-index:10}.emoji-element:hover .emoji-element__delete-btn{opacity:1}.emoji-element__delete-btn:hover{background-color:#ff3742;transform:scale(1.1)}.sticky-note{animation:noteAppear .3s ease-out;border:2px solid #0000001a;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:move;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;overflow:visible;position:absolute;transition:box-shadow .2s ease,transform .2s ease;z-index:10}.sticky-note:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.sticky-note:active{cursor:grabbing;transform:rotate(1deg)}.sticky-note__editor{background:#0000;border:none;color:#333;font-family:inherit;font-size:14px;height:100%;line-height:1.4;outline:none;overflow:hidden;padding:35px 35px 15px 15px;resize:none;width:100%}.sticky-note__editor:focus{background:#ffffffe6;border-radius:6px}.sticky-note__content{word-wrap:break-word;align-items:flex-start;color:#333;display:flex;flex:1 1;font-size:14px;justify-content:flex-start;line-height:1.4;overflow:hidden;overflow-wrap:break-word;padding:35px 35px 15px 15px;text-align:left}.sticky-note__delete-btn{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px;z-index:10}.sticky-note:hover .sticky-note__delete-btn{opacity:1}.sticky-note__delete-btn:hover{background-color:#ff3742;transform:scale(1.1)}@keyframes noteAppear{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.image-element{border:2px solid #0000;border-radius:4px;cursor:move;position:absolute;transition:border-color .2s ease;-webkit-user-select:none;user-select:none}.image-element:hover{border-color:#4a90e2}.image-element__img{border-radius:2px;display:block;height:100%;object-fit:cover;width:100%}.image-element__resize-handle{background-color:#4a90e2;border-radius:50%;height:8px;opacity:0;position:absolute;transition:opacity .2s ease;width:8px}.image-element:hover .image-element__resize-handle{opacity:1}.image-element__resize-handle--nw{cursor:nw-resize;left:-4px;top:-4px}.image-element__resize-handle--ne{cursor:ne-resize;right:-4px;top:-4px}.image-element__resize-handle--sw{bottom:-4px;cursor:sw-resize;left:-4px}.image-element__resize-handle--se{bottom:-4px;cursor:se-resize;right:-4px}.image-element__delete-btn{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:-10px;top:-10px;transition:opacity .2s ease;width:20px;z-index:10}.image-element:hover .image-element__delete-btn{opacity:1}.image-element__delete-btn:hover{background-color:#ff3742;transform:scale(1.1)}.timer{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:1rem;min-width:160px;padding:1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.timer,.timer__display{align-items:center;display:flex}.timer__display{gap:.5rem}.timer__adjust-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.timer__adjust-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1)}.timer__adjust-btn:disabled{cursor:not-allowed;opacity:.5}.timer__time{color:#333;font-family:Courier New,monospace;font-size:2rem;font-weight:700;min-width:80px;text-align:center}.timer__start-btn{align-items:center;background:#667eea;border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.timer__start-btn:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}
/*# sourceMappingURL=main.8b81f307.css.map*/