*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a2e;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.color-picker{position:absolute;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:12px;z-index:1000;width:200px}.color-picker-title{font-size:13px;font-weight:700;color:#374151;margin-bottom:12px;text-align:center}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-picker-btn{width:28px;height:28px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.color-picker-btn:hover{transform:scale(1.15);border-color:#667eea4d;box-shadow:0 2px 8px #0003}.icon-btn{width:32px;height:32px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.icon-btn-xs{width:24px;height:24px}.icon-btn-sm{width:28px;height:28px}.icon-btn:hover{transform:scale(1.1) translateY(-2px);background:#fff;box-shadow:0 8px 25px #00000040}.icon-btn:active{transform:scale(.95)}.icon-btn svg{width:18px;height:18px;color:#374151}.context-menu{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:8px 0;min-width:180px;z-index:9999;animation:fadeIn .15s ease}.context-menu-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;transition:background .15s ease;border-radius:6px;margin:0 4px}.context-menu-item:hover{background:#667eea1a}.context-menu-item svg{width:18px;height:18px;color:#666;flex-shrink:0}.container{position:absolute;border-radius:12px;box-shadow:0 10px 40px #0000004d;cursor:move;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,opacity .15s ease;border:1px solid rgba(255,255,255,.2);user-select:none;-webkit-user-select:none;touch-action:none}.container:hover{box-shadow:0 15px 50px #0006;border-color:#ffffff4d}.container.dragging{transform:scale(1.05) rotate(1deg);box-shadow:0 25px 60px #00000080;z-index:1000}.container.resizing{z-index:1000}.container.resizing .resize-handle{transform:scale(1.5);background:#fff;box-shadow:0 2px 8px #0000004d}.container-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;opacity:.7;pointer-events:none;display:block}.resize-handle{position:absolute;width:12px;height:12px;background:#fffc;border:2px solid rgba(102,126,234,.8);border-radius:50%;z-index:100;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:none}.resize-handle:hover{background:#fff;transform:scale(1.2);box-shadow:0 2px 8px #0003}.resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize}.resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.resize-handle.w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.resize-handle.n{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.container-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;padding:12px 12px 44px}.container-label{font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);text-align:center;margin-bottom:6px;background:#00000040;padding:3px 8px;border-radius:6px;cursor:text;user-select:none;-webkit-user-select:none}.container-label.input-field{background:#fffffff2;color:#1a1a2e;font-size:13px;padding:4px 8px;text-align:center}.container-stats{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);font-size:28px;font-weight:800;user-select:none;-webkit-user-select:none}.container-delete-btn{width:28px;height:28px;border-radius:50%;background:#ef4444d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700;color:#fff;border:none}.container-delete-btn:hover{transform:scale(1.15);background:#dc2626f2;box-shadow:0 4px 12px #0006}.container-actions{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:6px;align-items:center}.btn-page{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;cursor:pointer}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.btn-page-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-page-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-page-primary:hover:not(:disabled):before{left:100%}.btn-page-secondary{background:#fffffff2;color:#1a1a2e;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(255,255,255,.2)}.btn-page-secondary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.card{background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.input-field{padding:10px 14px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;transition:all .2s ease;outline:none;background:#fffffff2;color:#1a1a2e}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#fff}