*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#121212;--bg-secondary:#1e1e1e;--text:#fff;--text-secondary:#b0b0b0;--card-bg:#2d2d2d;--border:#333;--btn-primary-bg:linear-gradient(135deg,#bb86fc,#64b5f6);--btn-primary-hover:linear-gradient(135deg,#9b6bd4,#53a3e5);--btn-secondary:#333;--btn-secondary-hover:#444;--input-border:#555;--input-focus-shadow:0 0 0 3px #bb86fc33;--tab-active-bg:#2a2a2a;--tab-active-border:#bb86fc;--tab-text:#b0b0b0;--tab-text-active:#bb86fc;--qr-placeholder:#555;--qr-help:#888;--qr-data-bg:#1e1e1e;--footer-text:#777;--gradient-bg:linear-gradient(135deg,#1e1e2e,#1a1a2a 50%,#1c1c2c)}body.light{--bg:#f3f4f6;--bg-secondary:#f9fafb;--text:#111827;--text-secondary:#4b5563;--card-bg:#fff;--border:#e5e7eb;--btn-primary-bg:linear-gradient(135deg,#9333ea,#2563eb);--btn-primary-hover:linear-gradient(135deg,#7e22ce,#1d4ed8);--btn-secondary:#f9fafb;--btn-secondary-hover:#e5e7eb;--input-border:#d1d5da;--input-focus-shadow:0 0 0 3px #9333ea1a;--tab-active-bg:#faf5ff;--tab-active-border:#9333ea;--tab-text:#6b7280;--tab-text-active:#9333ea;--qr-placeholder:#e5e7eb;--qr-help:#6b7280;--qr-data-bg:#f9fafb;--footer-text:#6b7280;--gradient-bg:linear-gradient(135deg,#f3f4f6,#e5e7eb)}body{background:linear-gradient(135deg,#1e1e2e,#1a1a2a 50%,#1c1c2c);background:var(--gradient-bg);color:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease}.app-container{min-height:100vh;padding:16px}.max-w-container{margin:0 auto;max-width:64rem}.header-container{margin-bottom:32px;text-align:center}.header-icon{align-items:center;border-radius:16px;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.header-icon,.header-title{background:linear-gradient(135deg,#bb86fc,#64b5f6);background:var(--btn-primary-bg)}.header-title{-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.25rem;font-weight:700;margin-bottom:8px}.header-description{color:#b0b0b0;color:var(--text-secondary);font-size:1.125rem}.main-card{background:#2d2d2d;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #0000004d;overflow:hidden}.tab-container{border-bottom:1px solid #333;border-bottom:1px solid var(--border)}.tab-button,.tab-nav{display:flex}.tab-button{align-items:center;background:#0000;border:none;color:#b0b0b0;color:var(--tab-text);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s}.tab-button.active{background-color:#2a2a2a;background-color:var(--tab-active-bg);border-bottom:2px solid #bb86fc;border-bottom:2px solid var(--tab-active-border);color:#bb86fc;color:var(--tab-text-active)}.tab-button:not(.active):hover{background-color:#1e1e1e;background-color:var(--bg-secondary);color:#fff;color:var(--text)}.content-container{padding:32px}.content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}@media (min-width:1024px){.content-grid{grid-template-columns:1fr 1fr}}.form-section{display:flex;flex-direction:column;gap:24px}.section-title{color:#fff;color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column}.input-label{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:8px}.input-field{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #555;border:1px solid var(--input-border);border-radius:12px;color:#fff;color:var(--text);font-size:16px;padding:12px 16px;transition:all .2s;width:100%}.input-field:focus{border-color:#bb86fc;box-shadow:0 0 0 3px #bb86fc33;box-shadow:var(--input-focus-shadow);outline:none}.textarea-field{min-height:100px;resize:none}.input-help{color:#b0b0b0;color:var(--text-secondary);font-size:.75rem;margin-top:4px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#bb86fc,#64b5f6);background:var(--btn-primary-bg);box-shadow:0 10px 15px -3px #0000001a;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#9b6bd4,#53a3e5);background:var(--btn-primary-hover)}.btn-secondary{background:#333;background:var(--btn-secondary);color:#fff;color:var(--text)}.btn-secondary:hover{background:#444;background:var(--btn-secondary-hover)}.btn-full{width:100%}.btn-flex{flex:1 1}.btn-group{display:flex;gap:16px;max-width:384px;width:100%}.qr-section{align-items:center;display:flex;flex-direction:column;gap:24px}.qr-container{background:#1e1e1e;background:var(--bg-secondary);border-radius:16px;max-width:384px;padding:32px;width:100%}.qr-placeholder{padding:64px 0;text-align:center}.qr-placeholder-icon{color:#555;color:var(--qr-placeholder);height:64px;margin:0 auto 16px;width:64px}.qr-placeholder-text{color:#b0b0b0;color:var(--text-secondary)}.qr-display{text-align:center}.qr-image{background:#2d2d2d;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;height:auto;margin:0 auto;max-width:300px;padding:16px;width:100%}.qr-help-text{color:#888;color:var(--qr-help);font-size:.875rem;margin-top:16px}.qr-data-section{max-width:384px;width:100%}.qr-data-title{font-size:.875rem;font-weight:500;margin-bottom:8px}.qr-data-content,.qr-data-title{color:#b0b0b0;color:var(--text-secondary)}.qr-data-content{background:#1e1e1e;background:var(--qr-data-bg);border-radius:8px;font-family:monospace;font-size:.75rem;max-height:128px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-words}.footer{color:#777;color:var(--footer-text);font-size:.875rem;margin-top:32px;text-align:center}.success-icon{color:#22c55e}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2d;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border);border-radius:50px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;height:35px;padding:4px;position:relative;transition:all .3s ease;width:70px}.theme-toggle:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.toggle-slider{align-items:center;background:linear-gradient(135deg,#bb86fc,#64b5f6);background:var(--btn-primary-bg);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:12px;font-weight:700;height:25px;justify-content:center;left:4px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:25px}body.light .theme-toggle .toggle-slider{transform:translateX(31px)}body.dark .theme-toggle .toggle-slider{transform:translateX(0)}.contact-message{background:#2d2d2d;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#b0b0b0;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:16px;padding:16px 20px;text-align:center;transition:all .3s ease}.contact-message:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-message a{color:#bb86fc;font-weight:500;text-decoration:none;transition:color .2s ease}body.light .contact-message a{color:#9333ea}.contact-message a:hover{text-decoration:underline}.related-products-main{background:#2d2d2d;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:32px;padding:20px 24px;transition:all .3s ease}.related-products-main:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.related-products{background:#2d2d2d;background:var(--card-bg);border:1px solid #333;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-top:24px;padding:24px;transition:all .3s ease}.related-products-title{background:linear-gradient(135deg,#bb86fc,#64b5f6);background:var(--btn-primary-bg);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text);color:#0000;font-size:1.125rem;font-weight:600;margin-bottom:16px;margin-top:0;text-align:center}.product-card{background:#1e1e1e;background:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.product-card:hover{border-color:#bb86fc;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}body.light .product-card:hover{border-color:#9333ea}.product-description{color:#b0b0b0;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:16px}.product-link{align-items:center;background:linear-gradient(135deg,#bb86fc,#64b5f6);background:var(--btn-primary-bg);border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.product-link:hover{background:linear-gradient(135deg,#9b6bd4,#53a3e5);background:var(--btn-primary-hover);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.product-link:before{content:"📄→🖼️";font-size:1.1em}@media (max-width:768px){.app-container{padding:8px}.header-container{margin-bottom:24px;position:relative}.header-title{font-size:1.875rem}.header-description{font-size:1rem;padding:0 16px}.header-controls{align-items:flex-end!important;display:flex!important;flex-direction:column!important;gap:8px!important;position:absolute!important;right:0!important;top:-10px!important}.header-controls .btn{font-size:.75rem!important;min-width:auto!important;padding:6px 12px!important}.theme-toggle{height:30px!important;width:60px!important}.toggle-slider{font-size:10px!important;height:22px!important;width:22px!important}body.light .theme-toggle .toggle-slider{transform:translateX(26px)!important}.tab-button{flex-direction:column;font-size:.8125rem;gap:4px;padding:12px 8px}.content-container{padding:24px 16px}.form-row{gap:12px;grid-template-columns:1fr}.input-field{font-size:16px!important;padding:12px 14px}.btn-group{flex-direction:column;gap:12px}.btn-flex{width:100%}.qr-container{padding:24px 16px}.qr-image{max-width:280px;padding:12px}.qr-placeholder{padding:48px 0}.qr-placeholder-icon{height:48px!important;width:48px!important}.section-title{font-size:1.25rem}.contact-message{font-size:.875rem;margin-top:12px;padding:12px 16px}.related-products{margin-top:20px;padding:20px 16px}.product-card{padding:16px}.product-description{font-size:.875rem}.product-link{font-size:.85rem;padding:10px 16px}}@media (max-width:480px){.header-title{font-size:1.5rem}.header-description{font-size:.9375rem}.content-container{padding:20px 12px}.main-card{border-radius:16px}.tab-button{font-size:.75rem;padding:10px 4px}.qr-image{max-width:250px}.header-controls .btn{font-size:.7rem!important;padding:4px 8px!important}}@media (min-width:769px) and (max-width:1023px){.content-grid{grid-template-columns:1fr;margin:0 auto;max-width:600px}}
/*# sourceMappingURL=main.8649a3a4.css.map*/