.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{height:100vh}.editor-mode{background:#f3f4f6;display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem}.toolbar{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;padding:.5rem}.toolbar,.workspace{display:flex;gap:1rem}.workspace{flex:1 1;min-height:0}.slides-preview{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem;width:280px}.slide-preview{cursor:pointer;transition:all .2s ease}.slide-preview.active{border-radius:.5rem;outline:2px solid #4f46e5}.delete-slide{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.5rem;justify-content:center;opacity:0;padding:0;position:absolute;right:-.5rem;top:-.5rem;transition:opacity .2s ease;width:1.5rem}.slide-preview:hover .delete-slide{opacity:1}.delete-slide:hover{background:#dc2626}.main-editor{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;flex:1 1;overflow:auto}.presentation-mode{background:#111827;flex:1 1;padding:2rem}.presentation-controls button{background:#ffffff1a}.presentation-controls button:hover{background:#fff3}.presentation-slide .slide-editor-container{aspect-ratio:16/9;background:#fff;border-radius:.5rem;max-width:1280px;overflow:hidden;width:100%}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;overflow-x:hidden}.app{flex-direction:column;min-height:100vh}.app,button{display:flex}button{align-items:center;background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}button:hover{background-color:#4338ca}button:disabled{background-color:#a5a5a5;cursor:not-allowed}input,textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}input:focus,textarea:focus{border-color:#4f46e5;outline:none}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:16px;max-width:500px;padding:32px;width:90%}.modal h2{color:#2d3748;font-size:24px}.modal p{color:#4a5568;margin-bottom:16px}.modal button,.modal input{font-size:16px;padding:12px;width:100%}.modal button{margin-top:8px}.presentations-list{margin:0 auto;max-width:1200px;padding:24px;width:100%}.presentations-list .header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.presentations-list h1{color:#2d3748;font-size:32px}.presentations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.new-presentation-card,.presentation-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;height:240px;overflow:hidden;transition:all .3s ease}.new-presentation-card{align-items:center;background-color:#f7fafc;border:2px dashed #cbd5e0;display:flex;justify-content:center}.new-presentation-card .card-content{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:16px}.presentation-card .thumbnail{background-color:#f1f5f9;height:150px;overflow:hidden;position:relative}.slide-preview{background-color:#fff;height:100%;position:relative;width:100%}.presentation-card .card-info{padding:12px}.presentation-card h3{color:#2d3748;font-size:16px;margin-bottom:4px}.presentation-card p{color:#64748b;font-size:12px;margin-bottom:2px}.editor-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-toolbar{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.5rem}.left-group,.right-group,.top-toolbar{align-items:center;display:flex;gap:1rem}.shape-tools{align-items:center;display:flex;gap:4px}.shape-tools button{background-color:#f1f5f9;color:#64748b;padding:6px}.shape-tools button.active{background-color:#4f46e5;color:#fff}.color-picker{align-items:center;display:flex}.color-picker input{border:none;cursor:pointer;height:32px;padding:0;width:32px}.main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.slides-panel{background-color:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem;width:280px}.slide-thumbnail{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:160px;padding:.5rem;position:relative;transition:all .2s ease}.slide-thumbnail.active{border:2px solid #4f46e5;transform:scale(1.02)}.slide-thumbnail:hover{box-shadow:0 4px 6px #0000001a;transform:scale(1.02)}.slide-number{background-color:#00000080;left:.5rem;padding:.25rem .5rem}.remove-slide,.slide-number{border-radius:.25rem;color:#fff;font-size:.75rem;position:absolute;top:.5rem}.remove-slide{background-color:#ef4444;opacity:0;padding:.25rem;right:.5rem;transition:opacity .2s ease}.slide-thumbnail:hover .remove-slide{opacity:1}.add-slide{align-items:center;background-color:#f1f5f9;border:2px dashed #cbd5e0;border-radius:.5rem;cursor:pointer;display:flex;height:160px;justify-content:center;transition:all .2s ease}.add-slide:hover{background-color:#e2e8f0;border-color:#94a3b8}.slide-editor{background-color:#e2e8f0;flex:1 1;overflow:auto;padding:5rem 2rem 2rem}.slide-container{margin:0 auto;max-width:960px;transition:transform .3s ease}.slide{background-color:#fff;box-shadow:0 4px 6px #0000001a;height:540px;overflow:hidden;position:relative;width:960px}.users-panel{background-color:#f8fafc;border-left:1px solid #e2e8f0;overflow-y:auto;padding:1.5rem;width:280px}.users-panel h3{border-bottom:1px solid #e2e8f0;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem}.users-panel ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.users-panel li{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:.75rem}.users-panel li.creator{background-color:#4f46e51a}.users-panel li.editor{background-color:#10b9811a}.users-panel li.viewer{background-color:#f59e0b1a}.role-badge{align-items:center;background-color:#0000001a;border-radius:.25rem;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.users-panel button{font-size:12px;margin-top:4px;padding:4px 8px;width:100%}.element{background-color:initial;border:1px solid #0000;position:absolute}.element.selected{border:2px solid #4f46e5}.element.text .text-content{height:100%;overflow:auto;padding:4px;width:100%}.element.text .text-editor{height:100%;width:100%}.element.text .text-editor textarea{border:none;height:100%;padding:4px;resize:none;width:100%}.element.rectangle .rectangle{height:100%;width:100%}.element.circle .circle{border-radius:50%;height:100%;width:100%}.element.arrow .arrow,.element.image .image{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.element.image .image{overflow:hidden}.element.image img{height:100%;object-fit:cover;width:100%}.resize-handle{background-color:#fff;border:1px solid #4f46e5;border-radius:50%;height:10px;position:absolute;width:10px}.resize-handle.n{cursor:n-resize;left:50%;top:-5px;transform:translateX(-50%)}.resize-handle.ne{cursor:ne-resize;right:-5px;top:-5px}.resize-handle.e{cursor:e-resize;right:-5px;top:50%;transform:translateY(-50%)}.resize-handle.se{bottom:-5px;cursor:se-resize;right:-5px}.resize-handle.s{bottom:-5px;cursor:s-resize;left:50%;transform:translateX(-50%)}.resize-handle.sw{bottom:-5px;cursor:sw-resize;left:-5px}.resize-handle.w{cursor:w-resize;left:-5px;top:50%;transform:translateY(-50%)}.resize-handle.nw{cursor:nw-resize;left:-5px;top:-5px}.presentation-mode{background-color:#111827;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.presentation-controls{align-items:center;background-color:#00000080;display:flex;gap:1rem;height:60px;justify-content:center;padding:1rem}.presentation-controls button{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.presentation-controls button:hover:not(:disabled){background-color:#fff3}.presentation-controls button:disabled{cursor:not-allowed;opacity:.5}.presentation-slide{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.presentation-slide .slide{background-color:#fff;height:100%;max-height:720px;max-width:1280px;position:relative;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.presentations-list{animation:fadeIn .5s ease}.new-presentation-card,.presentation-card{animation:slideIn .3s ease}.slide-thumbnail{animation:fadeIn .3s ease}@media (max-width:1280px){.slides-panel,.users-panel{width:240px}}@media (max-width:1024px){.users-panel{display:none}}@media (max-width:768px){.slides-panel{width:200px}.editor-tools{flex-wrap:wrap;gap:.75rem;padding:.75rem;width:95%}}@media (max-width:640px){.slides-panel{display:none}.editor-tools{border-radius:0;bottom:0;left:0;position:sticky;top:auto;transform:none;width:100%}.drawing-tools,.text-formatting-tools{flex-wrap:wrap}}.element{transition:border .2s ease,transform .2s ease}.slide{transition:transform .5s ease}.text-editor{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;height:100%;position:relative;width:100%}.text-editor .tox.tox-tinymce{border:none!important;border-radius:4px!important}.text-content{background:#fff;border-radius:4px;height:100%;overflow:auto;padding:8px;width:100%}.text-content:hover{box-shadow:0 2px 8px #0000001a}.text-content *{margin:0}.slide-editor-container{background-color:#fff;box-shadow:0 4px 6px #0000001a;height:auto;margin-top:100px;overflow:hidden;position:relative;width:100%}.editor-tools{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:0 0 .5rem .5rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:.75rem;left:50%;padding:1rem;position:fixed;top:-160px;transform:translateX(-50%);width:960px;z-index:100}.editor-tools>*{flex-shrink:0}.text-formatting-tools{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;min-width:200px;padding:.5rem}.font-family-select,.font-size-select{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;font-size:.875rem;height:2.25rem;padding:0 .75rem;transition:all .2s ease}.font-family-select{min-width:180px}.font-size-select{width:100px}.font-family-select:hover,.font-size-select:hover{background-color:#f8fafc;border-color:#4f46e5}.format-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#4b5563;cursor:pointer;display:flex;font-weight:600;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.format-btn.active,.format-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.drawing-tools{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;min-width:200px;padding:.5rem}.drawing-tools input[type=color],.editor-tools input[type=color]{appearance:none;background:none;border:none;border-radius:50%;cursor:pointer;height:2.25rem;overflow:hidden;padding:0;position:relative;width:2.25rem}.drawing-tools input[type=color]::-webkit-color-swatch-wrapper,.editor-tools input[type=color]::-webkit-color-swatch-wrapper{padding:0}.drawing-tools input[type=color]::-webkit-color-swatch,.editor-tools input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;padding:0}.drawing-tools input[type=color]::-moz-color-swatch,.editor-tools input[type=color]::-moz-color-swatch{border:none;border-radius:50%;padding:0}.drawing-tools input[type=color]:hover,.editor-tools input[type=color]:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.1)}.drawing-tools input[type=color]:focus,.editor-tools input[type=color]:focus{box-shadow:0 0 0 2px #4f46e54d;outline:none}.drawing-tools input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:.125rem;height:.25rem;outline:none;width:120px}.drawing-tools input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4f46e5;border-radius:50%;cursor:pointer;height:1rem;-webkit-transition:all .2s ease;transition:all .2s ease;width:1rem}.drawing-tools input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.editor-tools button{align-items:center;background:#4f46e5;border:none;border-radius:.375rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:2.25rem;padding:0 1rem;transition:all .2s ease}.editor-tools button:hover{background:#4338ca;transform:translateY(-1px)}.editor-tools button.drawing-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4b5563}.editor-tools button.drawing-btn.active,.editor-tools button.drawing-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.editor-tools input[type=file]{border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;max-width:200px;padding:.375rem}.canvas-container,.canvas-container canvas{height:100%!important;width:100%!important}@media (max-width:1024px){.editor-tools{justify-content:center;max-width:960px;width:90%}.drawing-tools,.text-formatting-tools{flex:1 1;justify-content:center;max-width:400px;min-width:180px}}@media (max-width:768px){.editor-tools{gap:.5rem;padding:.75rem;width:95%}.font-family-select{max-width:160px;min-width:140px}.font-size-select{width:80px}.format-btn{height:2rem;width:2rem}.drawing-tools input[type=range]{width:80px}}@media (max-width:640px){.editor-tools{border-radius:0;bottom:0;left:0;max-height:160px;overflow-y:auto;padding:.5rem;position:fixed;top:auto;transform:none;width:100%}.drawing-tools,.text-formatting-tools{min-width:100%;padding:.375rem}.editor-tools button{font-size:.75rem;height:2rem;padding:0 .75rem}}@media (max-width:480px){.editor-tools{gap:.375rem;padding:.375rem}.drawing-tools,.text-formatting-tools{gap:.375rem}.font-family-select{min-width:120px}.font-size-select{width:70px}.format-btn{font-size:.75rem;height:1.75rem;width:1.75rem}}@media (max-width:360px){.editor-tools{max-height:200px}.drawing-tools,.text-formatting-tools{align-items:stretch;flex-direction:column}.font-family-select,.font-size-select{min-width:0;min-width:auto;width:100%}.format-btn{height:2rem;width:100%}.drawing-tools input[type=range]{width:100%}.drawing-tools input[type=color]{height:2rem;width:100%}}.right-group button{align-items:center;background-color:#4f46e5;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.right-group button:hover{background-color:#4338ca;transform:translateY(-1px)}.right-group button svg{height:1rem;width:1rem}.right-group button[title="Export to PDF"]{align-items:center;background-color:#059669;display:flex;gap:.5rem}.right-group button[title="Export to PDF"]:hover{background-color:#047857}
/*# sourceMappingURL=main.d2e94063.css.map*/