*{margin:0;padding:0}body{background:#020617;color:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif}#root,body{min-height:100vh}*{box-sizing:border-box}.app-shell{background:radial-gradient(circle at top,#3b82f62e,#0000 45%),radial-gradient(circle at bottom right,#10b98126,#0000 52%),#020617;display:flex;flex-direction:column;gap:12px;min-height:100vh;min-height:100dvh;padding:12px;position:relative}.canvas-wrapper{background:#0f172a;border:2px dashed #94a3b880;border-radius:16px;flex:1 1;min-height:250px;overflow:hidden;position:relative}.canvas-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center}.canvas-empty .emoji{font-size:2rem}.canvas-piece{cursor:move;position:absolute;touch-action:none}.canvas-piece img{border:3px solid #ffffff73;border-radius:12px;box-shadow:0 10px 30px #0f172acc;display:block;height:100%;object-fit:cover;width:100%}.canvas-piece button{background:#0f172a99;border:none;border-radius:999px;color:#f8fafc;padding:5px;right:6px;top:6px}.canvas-piece .resize-handle,.canvas-piece button{align-items:center;display:flex;justify-content:center;position:absolute}.canvas-piece .resize-handle{background:#fff6;border-radius:50%;bottom:-8px;box-shadow:0 3px 10px #0f172a4d;color:#fff;cursor:nwse-resize;height:24px;right:-8px;width:24px}.gallery{background:#0f172a;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 10px 30px #0f172a66;padding:12px}.gallery-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.gallery-header h2{font-size:1.1rem;margin:0}.gallery-header p{color:#94a3b8;font-size:.85rem;margin:0}.gallery-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.gallery-header-right span{color:#94a3b8;font-size:.8rem}.pdf-btn,.upload-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.pdf-btn{background:#10b981e6;color:#020617}.upload-btn{background:#3b82f6e6;color:#fff}.pdf-btn:hover,.upload-btn:hover{transform:scale(1.03)}.carousel-container{height:200px;overflow:hidden;width:100%}.carousel-container,.carousel-track{align-items:center;display:flex;justify-content:center;position:relative}.carousel-track{height:100%;width:200px}.carousel-card{border:2px solid #0000;border-radius:12px;height:120px;overflow:hidden;position:absolute;transition:all .4s ease;width:180px}.carousel-card.active{border-color:#3b82f6cc}.carousel-card img{display:block;height:100%;object-fit:cover;width:100%}.carousel-card .overlay{background:linear-gradient(180deg,#02061700,#020617d9);color:#f8fafc;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:8px;position:absolute}.carousel-card .overlay span{align-self:flex-start;background:#02061799;border-radius:999px;font-size:.75rem;padding:3px 6px}.carousel-card .overlay button{align-self:flex-end;background:#10b981e6;border:none;border-radius:999px;color:#020617;cursor:pointer;font-weight:600;padding:5px 10px}.carousel-card .overlay button:disabled{background:#94a3b880;cursor:not-allowed}.carousel-arrow{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;transition:all .2s ease;width:40px;z-index:20}.carousel-arrow:hover{background:#ffffff40;color:#fff}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.modal{align-items:center;background:#020617e6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal img{border-radius:12px;box-shadow:0 25px 60px #0f172acc;max-height:85vh;max-width:95vw}.modal button{background:#0f172acc;border:none;border-radius:50%;color:#f8fafc;cursor:pointer;padding:10px;position:absolute;right:16px;top:16px}@media (min-width:768px){.app-shell{gap:16px;padding:20px}.canvas-wrapper{border-radius:20px;min-height:350px}.gallery{border-radius:20px;padding:16px}.gallery-header{align-items:center;flex-direction:row;justify-content:space-between}.carousel-container{height:260px}.carousel-track{width:280px}.carousel-card{height:170px;width:260px}.carousel-arrow{height:50px;width:50px}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}}@media (min-width:1024px){.app-shell{gap:20px;padding:24px}.canvas-wrapper{border-radius:24px;min-height:450px}.gallery{border-radius:24px;padding:20px}.carousel-container{height:300px}.carousel-track{width:320px}.carousel-card{border-radius:16px;height:200px;width:300px}}.fullscreen-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:transform .2s ease,box-shadow .2s ease;z-index:100}.fullscreen-btn:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.fullscreen-btn svg{color:#0f172a}
/*# sourceMappingURL=main.c5284841.css.map*/