@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Quicksand:wght@500;600;700&display=swap";.melron-builder-wrapper{color:#4a5568;background:0 0;width:100%;margin:0 auto;padding:0;font-family:Quicksand,sans-serif}.melron-builder-header{text-align:center;margin-bottom:24px}.melron-builder-header h2{color:#d53f8c;margin:0 0 8px;font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:600}.melron-subtitle{color:#718096;margin:0;font-size:.95rem;font-weight:500}.melron-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:24px;margin-bottom:24px;padding:30px 16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #ffb6c126}.melron-canvas{justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.melron-string-line{z-index:1;background:#e2e8f0;border-radius:2px;height:4px;position:absolute;top:35px;left:5%;right:5%}.melron-flags-list{z-index:2;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px 6px;width:100%;display:flex;position:relative}.melron-flag-wrapper{cursor:pointer;width:72px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.melron-flag-wrapper:hover{transform:translateY(-5px)scale(1.05)}.melron-flag-wrapper.active{transform:translateY(-8px)scale(1.08)}.melron-flag-wrapper.active:after{content:"";background:#d53f8c;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ff69b4}@keyframes pulse{0%{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.5;transform:translate(-50%)scale(1.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.melron-flag-svg{filter:drop-shadow(0 4px 6px #00000014);width:100%;height:auto;transition:filter .3s}.melron-flag-wrapper.active .melron-flag-svg{filter:drop-shadow(0 6px 12px #d53f8c4d)}.melron-flag-path{transition:fill .3s}.melron-flag-text-only{letter-spacing:-.5px;paint-order:stroke fill;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-family:Fredoka,sans-serif;font-size:76px;font-weight:700}.letter-only-svg{filter:drop-shadow(0 6px 10px #0000001f);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s}.melron-flag-wrapper.active .letter-only-svg{filter:drop-shadow(0 8px 16px #d53f8c40);transform:scale(1.05)}.flag-index-dot{color:#fff;background:#718096;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-4px}.melron-flag-wrapper.active .flag-index-dot{background:#d53f8c}.melron-empty-preview{color:#a0aec0;font-size:.95rem;font-style:italic}.melron-bib-svg,.melron-crown-svg,.melron-keychain-svg{width:auto;height:200px;transition:all .4s}.melron-svg-shadow{filter:drop-shadow(0 6px 12px #0000001a)}.melron-embroidered-text{letter-spacing:.5px;paint-order:stroke fill;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;font-family:Fredoka,sans-serif;font-weight:700}.melron-embroidered-text-single{paint-order:stroke fill;stroke:#fff;stroke-width:2px;stroke-linejoin:round;font-family:Fredoka,sans-serif;font-size:26px;font-weight:700}.melron-keychain-big-letter{paint-order:stroke fill;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-family:Fredoka,sans-serif;font-size:52px;font-weight:700}.animate-bounce-slow{animation:4s ease-in-out infinite bounceSlow}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.melron-controls-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;margin-bottom:24px;padding:30px;box-shadow:0 4px 15px #00000008}.melron-control-group{margin-bottom:24px}.melron-control-group:last-child{margin-bottom:0}.melron-label{color:#2d3748;margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;display:block}.melron-material-toggle{background:#edf2f7;border-radius:12px;gap:4px;padding:4px;display:flex}.melron-material-toggle button{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.melron-material-toggle button:hover{color:#4a5568}.melron-material-toggle button.active{color:#d53f8c;background:#fff;box-shadow:0 2px 8px #0000000d}.melron-input-text{box-sizing:border-box;text-align:center;letter-spacing:2px;border:2px solid #fed7d7;border-radius:16px;outline:none;width:100%;padding:14px 18px;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:500;transition:border-color .3s,box-shadow .3s,background-color .3s;color:#2d3748!important;background-color:#fff5f7!important}.melron-input-text:focus{border-color:#f687b3;box-shadow:0 0 0 4px #f687b333;background-color:#fff!important}.melron-help-text{color:#a0aec0;text-align:center;margin-top:8px;font-size:.85rem;display:block}.melron-color-section{background:#f7fafc;border:1px solid #edf2f7;border-radius:16px;padding:16px}.melron-palette-wrapper{margin-bottom:16px}.melron-color-grid{flex-wrap:wrap;gap:12px;display:flex}.melron-color-grid.mini{gap:8px}.melron-color-btn{cursor:pointer;background-image:linear-gradient(135deg,#fff3 0%,#fff0 100%);border:2px solid #0000;border-radius:12px;width:44px;height:44px;padding:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:inset 0 0 0 2px #fff3,0 4px 6px #0000000f}.melron-color-btn:hover{transform:translateY(-3px)scale(1.1);box-shadow:inset 0 0 0 2px #ffffff4d,0 6px 12px #0000001a}.melron-color-btn.selected{z-index:2;border-color:#d53f8c;transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #d53f8c}.melron-color-btn:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23000000' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:10px;position:absolute;inset:0}.melron-color-btn.mini{border-radius:8px;width:28px;height:28px}.color-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#2d3748;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(5px)}.melron-color-btn:hover .color-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.melron-bulk-actions{border-top:1px dashed #e2e8f0;align-items:center;gap:12px;padding-top:16px;display:flex}.melron-mini-label{color:#718096;font-size:.85rem;font-weight:600}.melron-footer-card{background:#fff;border:2px solid #fed7d7;border-radius:24px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 10px 25px #fed7d766}.melron-price-box{flex-direction:column;display:flex}.price-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.price-value{color:#d53f8c;font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:600;line-height:1.2}.price-detail{color:#a0aec0;font-size:.8rem}.melron-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ed64a6 0%,#d53f8c 100%);border:none;border-radius:16px;padding:16px 32px;font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #d53f8c4d}.melron-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #d53f8c66}.melron-submit-btn:active:not(:disabled){transform:translateY(1px)}.melron-submit-btn:disabled{color:#a0aec0;cursor:not-allowed;box-shadow:none;background:#e2e8f0;transform:none}.melron-feedback-banner{text-align:center;border-radius:16px;margin-bottom:20px;padding:16px;font-weight:600;animation:.3s ease-out slideDown}.melron-feedback-banner.success{color:#2f855a;background:#f0fff4;border:1px solid #c6f6d5}.melron-feedback-banner.error{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.melron-footer-card{text-align:center;flex-direction:column;gap:16px}.melron-submit-btn{width:100%}.melron-flags-list{gap:8px 4px}.melron-flag-wrapper{width:55px}.melron-flag-text-only{stroke-width:4px;font-size:58px}.melron-color-btn{width:38px;height:38px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}