*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient-start:#1e3a8a;--bg-gradient-mid:#1e40af;--bg-gradient-end:#3b82f6;--card-bg:#fffffff2;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#fff;--border-color:#cbd5e180;--hover-bg:#e2e8f0cc;--primary-color:#1e40af;--primary-light:#3b82f6;--primary-shadow:#1e40af4d;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 15px #00000026;--shadow-lg:0 10px 30px #0003;--input-bg:#fff;--input-border:#e0e0e0;--placeholder-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--qr-preview-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--qr-preview-border:#bfdbfe}[data-theme=dark]{--bg-gradient-start:#0a0e27;--bg-gradient-mid:#16213e;--bg-gradient-end:#1a1f3a;--card-bg:#19233ce6;--text-primary:#fff;--text-secondary:#e2e8f0;--text-light:#fff;--border-color:#64748b4d;--hover-bg:#33415599;--primary-color:#60a5fa;--primary-light:#93c5fd;--primary-shadow:#60a5fa66;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 15px #00000080;--shadow-lg:0 10px 30px #0009;--input-bg:#1e293bcc;--input-border:#475569;--placeholder-bg:linear-gradient(135deg,#1e293b99,#33415599);--qr-preview-bg:linear-gradient(135deg,#1e293bcc,#334155cc);--qr-preview-border:#64748b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#3b82f6);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);font-family:Noto Sans Thai,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;transition:background .3s ease}[data-theme=dark] body{font-weight:400}[data-theme=dark] .category-name,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] label{font-weight:600;text-shadow:0 1px 2px #00000080}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-compact{margin-bottom:20px;width:100%}.stats-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;box-shadow:var(--shadow-md);display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:500px;padding:15px 25px;transition:all .3s ease}[data-theme=dark] .stats-compact{background:#60a5fa26;border:1px solid #93c5fd4d;box-shadow:0 4px 20px #60a5fa33}.stat-item-compact{align-items:center;color:var(--text-light);display:flex;gap:10px}.stat-icon-compact{font-size:1.2rem;opacity:.9}.stat-number{animation:countUp .5s ease-out;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px #0003}[data-theme=dark] .stat-number{font-weight:700;text-shadow:0 2px 4px #00000080}.stat-label-compact{font-size:.85rem;font-weight:500;opacity:.9}[data-theme=dark] .stat-label-compact{font-weight:600;opacity:1}.stat-divider{background:linear-gradient(180deg,#ffffff1a,#ffffff80 50%,#ffffff1a);height:35px;width:2px}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.stats-compact{flex-wrap:wrap;gap:20px;padding:12px 20px}.stat-number{font-size:1.2rem}.stat-label-compact{font-size:.75rem}.stat-icon-compact{font-size:1rem}.stat-divider{height:30px}}@media (max-width:480px){.stats-compact{border-radius:30px;gap:15px;padding:10px 15px}.stat-item-compact{gap:8px}.stat-number{font-size:1.1rem}.stat-label-compact{font-size:.7rem}.stat-divider{height:25px}}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;box-shadow:var(--shadow-lg);gap:8px;padding:8px;position:fixed;right:20px;top:20px;z-index:1000}.theme-btn,.theme-toggle{display:flex;transition:all .3s ease}.theme-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;height:40px;justify-content:center;position:relative;width:40px}.theme-btn:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.1)}.theme-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:0 4px 15px var(--primary-shadow);color:#fff}.theme-btn.active:hover{filter:brightness(1.1);transform:scale(1.05)}@media (max-width:768px){.theme-toggle{gap:6px;padding:6px;right:15px;top:15px}.theme-btn{font-size:1rem;height:36px;width:36px}}@media (max-width:480px){.theme-toggle{gap:5px;padding:5px;right:10px;top:10px}.theme-btn{font-size:.9rem;height:32px;width:32px}}.App{min-height:100vh;padding:20px;transition:all .3s ease}.container{margin:0 auto;max-width:1400px}.header{color:var(--text-light);margin-bottom:30px;padding:20px;text-align:center}.header h1{align-items:center;display:flex;font-size:3rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.header-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header p{font-size:1.1rem;margin:0 auto;max-width:700px;opacity:.95}.header-features{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.feature-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.feature-badge:hover{background:#ffffff4d;box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.main-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:50px;margin-top:30px}.footer{border-top:3px solid #fff3;margin-top:60px;padding-top:40px}.footer-credit{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:var(--shadow-md);color:var(--text-light);margin-top:30px;padding:25px;text-align:center;transition:all .3s ease}[data-theme=dark] .footer-credit{background:#60a5fa1a;border:1px solid #93c5fd33}.footer-credit p{font-size:1rem;margin:8px 0}.footer-credit a{color:#60a5fa;font-size:1.2rem;font-weight:700;text-decoration:none;text-shadow:0 2px 4px #0003;transition:all .3s ease}.footer-credit a:hover{color:#93c5fd;display:inline-block;text-shadow:0 0 15px #93c5fdcc;transform:scale(1.05)}[data-theme=dark] .footer-credit a{color:#93c5fd}[data-theme=dark] .footer-credit a:hover{color:#bfdbfe;text-shadow:0 0 20px #bfdbfecc}.footer-year{font-size:.9rem!important;margin-top:10px!important;opacity:.9}.card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:25px}.card,.card h2{margin-bottom:20px}.card h2{align-items:center;border-bottom:3px solid #3b82f6;color:#1e40af;display:flex;font-size:1.5rem;gap:10px;padding-bottom:10px}.category-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:10px;padding:20px 10px;transition:all .3s ease}[data-theme=dark] .category-btn{color:#fff;font-weight:600}.category-btn:hover{background:var(--hover-bg);border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-5px)}.category-btn.active{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-color:var(--primary-color);box-shadow:0 8px 25px var(--primary-shadow);color:#fff;transform:scale(1.05)}.category-icon{font-size:1.8rem}.category-name{font-size:.9rem;font-weight:600;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}[data-theme=dark] .form-group label{color:#0a0a0a;font-weight:600}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-family:Noto Sans Thai,sans-serif;font-size:1rem;font-weight:400;padding:12px;transition:border-color .3s ease;width:100%}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#33415599;border-color:#64748b;color:#fff;font-weight:500}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#cbd5e1;opacity:.9}[data-theme=dark] .form-group select option{background:#1e293b;color:#fff;font-weight:500}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:5px;height:8px;outline:none;width:100%}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:22px;width:22px}.form-group input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:22px;width:22px}.color-picker{align-items:center;display:flex;gap:10px}.color-picker input[type=color]{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:40px;width:60px}.color-picker input[type=text]{flex:1 1}[data-theme=dark] .color-picker input[type=text]{background:#334155cc;color:#fff;font-family:Courier New,monospace;font-weight:600}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px;-webkit-user-select:none;user-select:none}[data-theme=dark] .checkbox-label{color:#fff;font-weight:600}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.download-btn,.generate-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.generate-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);box-shadow:0 4px 15px var(--primary-shadow);color:#fff;display:flex;gap:10px;justify-content:center;margin-top:10px}.generate-btn:hover{box-shadow:0 8px 20px var(--primary-shadow);filter:brightness(1.1);transform:translateY(-2px)}.download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 15px #10b9814d;color:#fff;display:flex;gap:10px;justify-content:center;margin-top:20px}.download-btn:hover{box-shadow:0 8px 20px #10b98166;filter:brightness(1.1);transform:translateY(-2px)}.qr-display{position:-webkit-sticky;position:sticky;top:20px}.qr-code-wrapper{align-items:center;background:var(--qr-preview-bg);border:2px solid var(--qr-preview-border);border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;padding:30px}.qr-placeholder{color:var(--text-secondary);padding:60px 20px;text-align:center}.placeholder-icon{color:var(--primary-light);font-size:5rem;margin-bottom:20px;opacity:.3}.qr-placeholder p{font-size:1.1rem;margin:10px 0}.qr-info{background:var(--placeholder-bg);border:1px solid var(--qr-preview-border);border-radius:8px;margin-top:15px;padding:15px}.qr-info p{color:var(--text-primary);font-weight:500;margin:5px 0}[data-theme=dark] .qr-info p{color:#fff;font-weight:500}.qr-value{background:var(--input-bg);border:1px solid var(--qr-preview-border);border-radius:6px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;font-weight:500;margin-top:10px;padding:12px;word-break:break-all}[data-theme=dark] .qr-value{color:#93c5fd;font-weight:500}.save-status{animation:slideIn .3s ease-out;background:var(--placeholder-bg);border:2px solid var(--primary-light);border-radius:8px;color:var(--primary-color);font-weight:600;margin-top:15px;padding:12px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.main-content{grid-template-columns:1fr}.qr-display{position:static}.footer{margin-top:40px}}@media (max-width:768px){.header h1{font-size:2rem}.header p{font-size:.95rem}.header-features{gap:10px}.feature-badge{font-size:.8rem;padding:6px 15px}.category-grid{grid-template-columns:repeat(2,1fr)}.card,.footer-credit{padding:20px}.footer-credit a{font-size:1.1rem}}@media (max-width:480px){.App{padding:10px}.header h1{font-size:1.5rem}.header p{font-size:.9rem}.header-features{gap:8px}.feature-badge{font-size:.75rem;padding:5px 12px}.category-grid{grid-template-columns:1fr}.footer{margin-top:30px;padding-top:30px}.footer-credit{padding:15px}.footer-credit a{font-size:1rem}}
/*# sourceMappingURL=main.523698f6.css.map*/