.tabs-container{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:16px}.tabs-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;background:var(--bg-card);border-radius:14px;box-shadow:0 2px 12px var(--shadow);flex:1;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs-list::-webkit-scrollbar{display:none}.tab-button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;user-select:none;-webkit-tap-highlight-color:transparent}.tab-button:hover{background:var(--accent-light);color:var(--accent);transform:translateY(-1px)}.tab-button:active{transform:translateY(0)}.tab-button--active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab-button--active:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.tab-icon{font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.tab-label{text-transform:capitalize}.tabs-scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px var(--shadow-lg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tabs-scroll-button:hover{background:var(--accent);color:#fff;transform:translateY(-50%) scale(1.05)}.tabs-scroll-button:active{transform:translateY(-50%) scale(.95)}.tabs-scroll-button--left{left:-8px}.tabs-scroll-button--right{right:-8px}.tabs-scroll-button svg{width:20px;height:20px}@media (max-width: 480px){.tabs-container{gap:4px}.tabs-list{padding:6px 10px;gap:6px}.tab-button{padding:8px 12px;font-size:.8rem}.tabs-scroll-button{width:32px;height:32px}.tabs-scroll-button--left{left:-4px}.tabs-scroll-button--right{right:-4px}}@media (max-width: 360px){.tab-button{padding:8px 10px;gap:4px}.tab-icon{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--bg-primary: #f0f4f8;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-input: #f8fafc;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe;--accent-secondary: #06b6d4;--text-primary: #1e293b;--text-secondary: #64748b;--border: #cbd5e1;--border-light: #e2e8f0;--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #334155;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59, 130, 246, .2);--accent-secondary: #06b6d4;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #475569;--border-light: #334155;--danger: #f87171;--warning: #fbbf24;--success: #4ade80;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}body.tg-webapp{background:var(--bg-primary);color:var(--text-primary)}body.tg-webapp[style*=--tg-theme-bg-color]{background:var(--tg-theme-bg-color)}body.tg-webapp[style*=--tg-theme-text-color]{color:var(--tg-theme-text-color)}#root{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,20px)}.app{max-width:100%;margin:0 auto;padding:12px 12px 100px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:16px;background:var(--bg-card);border-radius:16px;box-shadow:0 2px 12px var(--shadow)}.header h1{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.header h1 svg{width:28px;height:28px;color:var(--accent)}.header-controls{display:flex;align-items:center;gap:12px}.theme-toggle{width:42px;height:42px;border-radius:12px;border:2px solid var(--border-light);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.theme-toggle svg{width:22px;height:22px}.lang-switch{display:flex;gap:4px;background:var(--bg-input);padding:4px;border-radius:10px;border:1px solid var(--border-light)}.lang-btn{padding:8px 14px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b82f64d}.card{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border-light)}.card-title{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.card-title svg{width:22px;height:22px;color:var(--accent)}.tab-content-animate{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tab-button,.tab-button--active{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg-card);border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-light)}.section-header:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--shadow-lg)}.section-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary)}.section-header .arrow{transition:transform .5s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-size:.8rem}.section-header.open .arrow{transform:rotate(180deg)}.section-content{max-height:0!important;overflow:hidden!important;background:var(--bg-card);margin-top:0!important;border-radius:14px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-light);opacity:0!important;padding:0 16px!important;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s}.section-content.open{max-height:5000px!important;opacity:1!important;margin-top:8px!important;padding:16px!important;overflow:visible!important}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:600}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],textarea,select{width:100%;padding:14px 16px;background:var(--bg-input);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .2s}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.6}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #3b82f626;background:var(--bg-card)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text-primary);background:var(--bg-input)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary);opacity:.7}textarea{min-height:100px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.color-picker-group{display:flex;align-items:center;gap:12px}.color-picker{width:50px;height:50px;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;padding:0;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:10px}.color-value{flex:1;padding:14px 16px;background:var(--bg-input);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:.9rem}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.toggle-label{font-size:.95rem;color:var(--text-primary);font-weight:500}.toggle{position:relative;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px;padding:8px;background:var(--bg-input);border-radius:12px;border:1px solid var(--border-light);touch-action:manipulation}.body-shape-grid,.eye-shape-grid,.eyeball-shape-grid{grid-template-columns:repeat(10,1fr)}.shape-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s;padding:6px;color:var(--text-secondary);min-width:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shape-option:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-card);transform:scale(1.05)}.shape-option.selected{border-color:var(--accent);border-width:2px;background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.shape-icon{position:relative;width:36px;height:36px;overflow:hidden}.sprite{background-repeat:no-repeat;display:block}[data-theme=light] .sprite,:root .sprite{background-image:url(/spritesheet-alpha.png)}[data-theme=dark] .sprite{background-image:url(/spritesheet.png)}.shape-icon .sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--shape-sprite-scale-body, .34));transform-origin:center}.shape-icon .sprite.sprite-kind-eye,.shape-icon .sprite.sprite-kind-eyeball{transform:translate(-50%,-50%) scale(var(--shape-sprite-scale-eye, .62))}[data-theme=light] .shape-icon,:root .shape-icon{width:47px;height:47px}[data-theme=dark] .shape-icon{width:43px;height:43px}[data-theme=light],:root{--shape-sprite-scale-body: .442;--shape-sprite-scale-eye: .806}[data-theme=dark]{--shape-sprite-scale-body: .408;--shape-sprite-scale-eye: .744}[data-theme=light] .shape-option{background:transparent}[data-theme=dark] .shape-option{background:#ffffff59;border-color:#fff6;border-radius:14px;padding:8px}[data-theme=dark] .shape-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 2px var(--accent)}@media (max-width: 600px){.shape-grid{gap:4px;padding:6px}.body-shape-grid,.eye-shape-grid,.eyeball-shape-grid{grid-template-columns:repeat(5,1fr)}.shape-option{padding:4px;border-radius:6px}.shape-icon{width:40px;height:40px}}@media (max-width: 400px){.body-shape-grid,.eye-shape-grid,.eyeball-shape-grid{grid-template-columns:repeat(4,1fr)}.shape-option{padding:3px;border-width:1.5px}.shape-icon{width:38px;height:38px}}@media (max-width: 340px){.body-shape-grid,.eye-shape-grid,.eyeball-shape-grid{grid-template-columns:repeat(3,1fr)}}.sprite-square{width:90px;height:80px;background-position:-505px -455px}.sprite-mosaic{width:90px;height:80px;background-position:-5px -455px}.sprite-dot{width:90px;height:80px;background-position:-105px -215px}.sprite-circle{width:90px;height:80px;background-position:-125px -125px}.sprite-circle-zebra{width:90px;height:80px;background-position:-225px -125px}.sprite-circle-zebra-vertical{width:90px;height:80px;background-position:-325px -125px}.sprite-circular{width:90px;height:80px;background-position:-425px -125px}.sprite-edge-cut{width:90px;height:80px;background-position:-205px -215px}.sprite-edge-cut-smooth{width:90px;height:80px;background-position:-305px -215px}.sprite-japnese{width:90px;height:80px;background-position:-185px -365px}.sprite-leaf{width:90px;height:80px;background-position:-485px -365px}.sprite-pointed{width:90px;height:80px;background-position:-105px -455px}.sprite-pointed-edge-cut{width:90px;height:80px;background-position:-205px -455px}.sprite-pointed-in{width:90px;height:80px;background-position:-305px -455px}.sprite-pointed-in-smooth{width:90px;height:80px;background-position:-405px -455px}.sprite-pointed-smooth{width:90px;height:80px;background-position:-545px -5px}.sprite-round{width:90px;height:80px;background-position:-585px -95px}.sprite-rounded-in{width:90px;height:80px;background-position:-585px -185px}.sprite-rounded-in-smooth{width:90px;height:80px;background-position:-585px -275px}.sprite-rounded-pointed{width:90px;height:80px;background-position:-585px -365px}.sprite-star{width:90px;height:80px;background-position:-5px -545px}.sprite-diamond{width:90px;height:80px;background-position:-5px -215px}.sprite-frame0{width:50px;height:50px;background-position:-525px -125px}.sprite-frame1{width:50px;height:50px;background-position:-525px -185px}.sprite-frame2{width:50px;height:50px;background-position:-245px -305px}.sprite-frame3{width:50px;height:50px;background-position:-305px -305px}.sprite-frame4{width:50px;height:50px;background-position:-365px -305px}.sprite-frame5{width:50px;height:50px;background-position:-425px -305px}.sprite-frame6{width:50px;height:50px;background-position:-485px -305px}.sprite-frame7{width:50px;height:50px;background-position:-5px -365px}.sprite-frame8{width:50px;height:50px;background-position:-65px -365px}.sprite-frame10{width:50px;height:50px;background-position:-405px -245px}.sprite-frame11{width:50px;height:50px;background-position:-465px -245px}.sprite-frame12{width:50px;height:50px;background-position:-525px -245px}.sprite-frame13{width:50px;height:50px;background-position:-5px -305px}.sprite-frame14{width:50px;height:50px;background-position:-65px -305px}.sprite-frame16{width:50px;height:50px;background-position:-185px -305px}.sprite-ball0{width:50px;height:50px;background-position:-5px -5px}.sprite-ball1{width:50px;height:50px;background-position:-65px -5px}.sprite-ball2{width:50px;height:50px;background-position:-185px -65px}.sprite-ball3{width:50px;height:50px;background-position:-245px -65px}.sprite-ball5{width:50px;height:50px;background-position:-365px -65px}.sprite-ball6{width:50px;height:50px;background-position:-425px -65px}.sprite-ball7{width:50px;height:50px;background-position:-485px -65px}.sprite-ball8{width:50px;height:50px;background-position:-5px -125px}.sprite-ball10{width:50px;height:50px;background-position:-125px -5px}.sprite-ball11{width:50px;height:50px;background-position:-185px -5px}.sprite-ball12{width:50px;height:50px;background-position:-245px -5px}.sprite-ball13{width:50px;height:50px;background-position:-305px -5px}.sprite-ball14{width:50px;height:50px;background-position:-365px -5px}.sprite-ball15{width:50px;height:50px;background-position:-425px -5px}.sprite-ball16{width:50px;height:50px;background-position:-485px -5px}.sprite-ball17{width:50px;height:50px;background-position:-5px -65px}.sprite-ball18{width:50px;height:50px;background-position:-65px -65px}.sprite-ball19{width:50px;height:50px;background-position:-125px -65px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border-light)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-small{padding:10px 16px;font-size:.9rem}.btn-icon{padding:10px;width:auto}.btn-group{display:flex;gap:12px;margin-top:16px}.btn-group .btn{flex:1}.qr-preview-actions.btn-group{display:flex;gap:12px}.qr-preview-actions .btn{flex:1 1 0;min-width:0}.btn-download-png-svg.btn--loading{font-size:.875rem}.qr-preview{background:var(--bg-card);border-radius:20px;padding:24px;text-align:center;margin-bottom:16px;box-shadow:0 4px 20px var(--shadow-lg);border:1px solid var(--border-light)}.qr-preview img{max-width:100%;height:auto;border-radius:16px;background:#fff;padding:16px;box-shadow:0 4px 16px var(--shadow)}.qr-placeholder{padding:60px 20px;color:var(--text-secondary);font-size:1rem}.qr-placeholder svg{width:80px;height:80px;margin-bottom:16px;opacity:.5}.templates-list{display:flex;flex-direction:column;gap:12px}.template-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-input);border-radius:12px;gap:12px;border:1px solid var(--border-light)}.template-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.template-actions{display:flex;gap:8px}.template-btn{padding:8px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.template-btn.apply{background:var(--accent);color:#fff}.template-btn.apply:hover{background:var(--accent-hover)}.template-btn.delete{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:var(--bg-card);border-radius:20px;padding:24px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal h2{margin-bottom:20px;font-size:1.2rem;color:var(--text-primary)}.toast{position:fixed;bottom:100px;left:50%;width:fit-content;max-width:calc(100vw - 40px);min-width:200px;background:var(--bg-card);color:var(--text-primary);padding:16px 24px;border-radius:16px;box-shadow:0 8px 32px #0003;z-index:1001;border:1px solid var(--border-light);backdrop-filter:blur(10px);text-align:center;font-weight:500;font-size:.95rem;pointer-events:none;opacity:0;transform:translate3d(-50%,28px,0) scale(.98);filter:blur(.5px);will-change:transform,opacity;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1)}.toast.show{opacity:.88;transform:translate3d(-50%,0,0) scale(1);filter:blur(0)}.toast.success{background:linear-gradient(135deg,var(--success) 0%,#10b981 100%);color:#fff;border:none;box-shadow:0 8px 32px #22c55e66}.toast.error{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;border:none;box-shadow:0 8px 32px #ef444466}.toast.hiding{opacity:0;transform:translate3d(-50%,24px,0) scale(.985);filter:blur(.5px)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.app{padding:8px}.header h1{font-size:1rem}.tab{padding:10px 14px;font-size:.85rem}.section-content.open{padding:12px}.form-group label{font-size:.8rem}}.shape-grid{overflow:hidden}@media (max-width: 320px){.app{padding:6px}.header{padding:12px;flex-wrap:wrap;gap:8px}.header h1{font-size:.9rem}.lang-btn{padding:6px 10px;font-size:.8rem}.theme-toggle{width:36px;height:36px}.card{padding:14px}.btn{padding:12px 16px;font-size:.9rem}}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.color-row{grid-template-columns:1fr}}input[type=range]{width:100%;height:8px;background:var(--border);border-radius:4px;outline:none;-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f666}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-light);display:flex;gap:12px;z-index:100;box-shadow:0 -4px 16px var(--shadow)}.bottom-nav .btn{flex:1}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state svg{width:60px;height:60px;margin-bottom:16px;opacity:.5;color:var(--accent)}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (min-width: 400px){.preset-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 500px){.preset-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 340px){.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.preset-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--bg-input);border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .2s}.preset-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.preset-item.active{border-color:var(--accent);background:var(--accent-light)}.preset-preview{width:56px;height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026;padding:3px}.preset-preview-img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:transparent;user-select:none;-webkit-user-drag:none}.preset-preview svg{width:100%;height:100%}.preset-name{font-size:.75rem;color:var(--text-secondary);text-align:center;font-weight:600;line-height:1.2}.error-box{background:#fef2f2;border:1px solid var(--danger);border-radius:12px;padding:16px;margin:16px 0;color:var(--danger);font-size:.9rem}.error-box strong{display:block;margin-bottom:4px}.file-upload{display:flex;flex-direction:column;gap:12px}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--bg-input);border:2px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-weight:500;font-size:.9rem}.file-upload-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.file-upload input[type=file]{display:none}.logo-preview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-input);border-radius:12px;border:1px solid var(--border-light)}.logo-preview img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff}.logo-preview span{flex:1;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-preview button{padding:6px 12px;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.map-container{margin-top:16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.map-container iframe{display:block}.location-btn{display:flex;align-items:center;justify-content:center;gap:10px}.location-btn svg{flex-shrink:0}.card,.section-header,.header,.bottom-nav,.modal,.toast{transition:background-color .3s,border-color .3s,color .3s}.map-section{margin-bottom:16px}.map-container-interactive{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px var(--shadow);margin-bottom:12px}.map-container-interactive:hover .map-overlay{background:#0006}.map-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28%;transition:background .2s;pointer-events:none}.map-hint{background:var(--bg-card);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-primary);box-shadow:0 2px 8px #0003}.map-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);font-size:32px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.location-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.location-buttons .btn{font-size:.85rem;padding:12px}.coordinates-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-picker-modal{max-width:500px}.map-picker-container{position:relative;border-radius:12px;overflow:hidden;margin-bottom:16px;isolation:isolate}.map-picker-leaflet{width:100%;height:280px;position:relative;z-index:0}.map-loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:12px}.map-loading-overlay p{color:#fff;font-size:.9rem;margin:0}.map-error-overlay{position:absolute;inset:0;background:#ef44441a;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.map-error-content{text-align:center;padding:20px;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 12px #00000026}.map-error-message{color:var(--error);font-size:.95rem;margin:0 0 16px;font-weight:500}.map-error-content .btn{min-width:120px}.map-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;pointer-events:none;z-index:9999}.map-picker-leaflet .leaflet-control-container{display:none}.map-picker-coords{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;margin-bottom:12px;font-size:.9rem;color:var(--text-primary)}.map-picker-coords strong{font-weight:700}.map-picker-hint{font-size:.85rem;color:var(--text-secondary);text-align:center;margin-bottom:16px;line-height:1.4}.address-search-group{display:flex;gap:8px}.address-search-group input{flex:1;min-width:0}.address-search-group .search-btn{width:50px;min-width:50px;padding:12px;flex-shrink:0}.address-search-group .search-btn svg{width:20px;height:20px}.modal-address-search{display:flex;gap:8px;margin-bottom:12px}.modal-address-search input{flex:1;padding:10px 14px;background:var(--bg-input);border:2px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:.9rem}.modal-address-search input:focus{outline:none;border-color:var(--accent)}.modal-address-search button{width:44px;min-width:44px;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:background .2s}.modal-address-search button:hover{background:var(--accent-hover)}.modal-address-search button:disabled{background:var(--border);cursor:not-allowed}.map-crosshair svg{width:100%;height:100%;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px rgba(0,0,0,.8))}@media (max-width: 380px){.location-buttons{grid-template-columns:1fr}.location-buttons .btn{font-size:.8rem;padding:10px}.coordinates-inputs{grid-template-columns:1fr}}