.App{font-family:sans-serif;text-align:center}body,html{background:linear-gradient(135deg,#2c3e50,#4a5568);margin:0;padding:0;min-height:100vh}#root{min-height:100vh}@media print{@page{margin:12.7mm!important;size:A4;@top-left{content:none}@top-center{content:none}@top-right{content:none}@bottom-left{content:none}@bottom-center{content:none}@bottom-right{content:none}}html,body{margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body *{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}.MuiButton-root,.MuiDialog-root,.MuiDialog-paper,[role=button]:not(.panel-button),button:not(.panel-button){display:none!important}.page-break{page-break-before:always}.page-break-after{page-break-after:always}.no-break{page-break-inside:avoid;break-inside:avoid}#root{margin:0!important;padding:0!important;border:none!important;outline:none!important}}@keyframes confetti{0%{transform:translateY(-10px) rotate(0);opacity:1}50%{transform:translateY(20px) rotate(180deg);opacity:.8}to{transform:translateY(40px) rotate(360deg);opacity:0}}.customizer-container{text-align:center;padding:30px;position:relative;background-color:#f6f8fa;max-width:1200px;margin:0 auto}.icon-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px}.icon-option{width:40px;height:40px;cursor:pointer;transition:all .2s ease;padding:8px;border-radius:6px}.icon-option:hover{background-color:#007bff1a;transform:translateY(-2px)}.grid-cell-text{font-size:12px;margin-top:5px;color:#2c3e50;word-wrap:break-word}.panel-template{position:relative;display:inline-block;width:300px;height:300px;margin-bottom:20px}.panel-background{width:100%;height:100%;object-fit:contain}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-cell{display:flex;justify-content:center;align-items:center;position:relative;height:100%;border:none;background:transparent}.icon-wrapper{display:flex;flex-direction:column;align-items:center;pointer-events:all;position:relative}.icon-image{width:50px;height:50px;margin-bottom:5px}.label-input{width:60px;text-align:center;font-size:12px;padding:5px;margin-top:5px;border:1px solid #ffffff;font-family:Arial,sans-serif}.delete-icon{position:absolute;top:-5px;right:-5px;background-color:red;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;cursor:pointer;padding:0}.delete-icon:hover{background-color:#8b0000}.icon-options{margin-top:20px}button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:14px;letter-spacing:.3px}button.primary{background-color:#0056b3;color:#fff;box-shadow:0 2px 4px #0056b333}button.primary:hover{background-color:#004494;transform:translateY(-1px);box-shadow:0 4px 8px #0056b34d}button.secondary{background-color:#6c757d;color:#fff;box-shadow:0 2px 4px #6c757d33}button.secondary:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}button.category{background-color:#e9ecef;color:#495057;border:1px solid #dee2e6;padding:8px 16px;font-size:13px;transition:all .2s ease}button.category:hover{background-color:#dee2e6;color:#212529}button.category.active{background-color:#0056b3;color:#fff;border-color:#0056b3}input[type=text]{width:90%;padding:8px 12px;font-size:13px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease;background-color:#fff;color:#495057}input[type=text]:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px #0056b31a}input[type=text]::placeholder{color:#adb5bd}button.delete{position:absolute;top:0;right:0;background-color:#dc3545;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0;box-shadow:0 2px 4px #dc354533}button.delete:hover{background-color:#c82333;transform:scale(1.1)}.grid-container{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;margin:20px auto;max-width:400px}h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px;letter-spacing:.5px}.MuiButton-contained{background-color:#1976d2!important}.MuiButton-contained:hover{background-color:#1565c0!important}.MuiButton-outlined{border-color:#1976d2!important;color:#1976d2!important}.MuiButton-outlined:hover{background-color:#1976d20a!important}.MuiTextField-root .MuiOutlinedInput-root{border-radius:4px}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.MuiIconButton-root{color:#666}.MuiIconButton-root:hover{background-color:#0000000a}.MuiPaper-root{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}