html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:#f0f2f5;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}#root{width:100%}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:max(env(safe-area-inset-bottom), 0px)}}@media (width<=360px){html{font-size:14px}}@media (width>=1200px){html{font-size:17px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#4f46e526}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--surface:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#4f46e514;--border:#e5e7eb;--border-focus:#4f46e5;--error:#ef4444;--error-bg:#ef44440f;--success:#10b981;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-lg:0 4px 24px #00000014;--transition:.15s ease;--max-width:640px;--spacing-xs:4px;--spacing-sm:8px;--spacing:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}.theme-dark{--bg:#0f0f14;--surface:#1a1a24;--text:#e4e4e7;--text-secondary:#a1a1aa;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#818cf81f;--border:#2a2a35;--border-focus:#818cf8;--error:#f87171;--error-bg:#f8717114;--shadow:0 1px 3px #0003, 0 4px 12px #00000026;--shadow-lg:0 4px 24px #0000004d}.theme-dark .badge--required{background:#f871711f}.theme-dark .badge--optional{background:#a1a1aa1a}.theme-dark .field__input::placeholder{color:#52525b}.theme-dark .toggle__track{background:#3f3f46}.theme-dark .upload-area__text strong{color:var(--primary)}.theme-dark .toast{background:#27272a}.theme-dark .icon-preview__img{border-color:var(--border)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Inter,Segoe UI,sans-serif;line-height:1.5}.app{min-height:100dvh;padding:var(--spacing-xl) var(--spacing);flex-direction:column;align-items:center;display:flex}@media (width<=480px){.app{padding:var(--spacing) var(--spacing-sm)}}.header{text-align:center;margin-bottom:var(--spacing-lg);max-width:480px}.header__logo{width:56px;height:56px;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 16px #4f46e540}.header__logo-icon{width:30px;height:30px}.header__title{letter-spacing:-.02em;color:var(--text);margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}@media (width<=480px){.header__title{font-size:1.25rem}}.header__subtitle{color:var(--text-secondary);font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg);width:100%;max-width:var(--max-width);margin-bottom:var(--spacing)}@media (width<=480px){.card{padding:var(--spacing);border-radius:var(--radius)}}.card__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--spacing);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.form{gap:var(--spacing);flex-direction:column;display:flex}.form__row{gap:var(--spacing);display:grid}@media (width>=540px){.form__row--2col{grid-template-columns:1fr 1fr}}.field{gap:var(--spacing-xs);flex-direction:column;display:flex}.field__label{color:var(--text);align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:500;display:flex}.field__label .badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:600}.badge--required{color:var(--error);background:#fef2f2}.badge--optional{color:var(--text-secondary);text-transform:none;letter-spacing:0;background:#f8fafc;font-style:italic;font-weight:400}.field__input{width:100%;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem}.field__input::placeholder{color:#c0c5cc}.field__input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.field__input--error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.field__error{color:var(--error);min-height:16px;font-size:.75rem}.upload-area{border:1.5px dashed var(--border);border-radius:var(--radius-sm);padding:var(--spacing) var(--spacing-sm);cursor:pointer;transition:border-color var(--transition), background var(--transition);align-items:center;gap:var(--spacing-sm);min-height:48px;display:flex}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.upload-area--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-area__icon{color:var(--text-secondary);flex-shrink:0}.upload-area__text{color:var(--text-secondary);font-size:.8125rem}.upload-area__text strong{color:var(--primary)}.file-input{display:none}.icon-preview{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;flex-wrap:wrap;display:flex}.icon-preview__img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:40px;height:40px}.icon-preview__info{color:var(--text-secondary);font-size:.75rem}.icon-preview__change{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:underline}.toggle-group{gap:var(--spacing);flex-direction:column;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:var(--spacing);padding:var(--spacing-sm) 0;display:flex}.toggle-row__info{flex-direction:column;display:flex}.toggle-row__label{color:var(--text);font-size:.875rem;font-weight:500}.toggle-row__desc{color:var(--text-secondary);font-size:.75rem}.toggle{flex-shrink:0;width:44px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{cursor:pointer;transition:background var(--transition);background:#d1d5db;border-radius:13px;position:absolute;inset:0}.toggle__track:after{content:"";width:22px;height:22px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 3px var(--primary-light)}.generate-btn{color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;transition:transform var(--transition), box-shadow var(--transition), opacity var(--transition);justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;min-height:48px;padding:12px 20px;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex;box-shadow:0 2px 8px #4f46e54d}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4f46e566}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.toast{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-sm);opacity:0;pointer-events:none;z-index:100;background:#111827;max-width:calc(100vw - 48px);padding:12px 20px;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.toast__icon{flex-shrink:0}.footer{text-align:center;color:#9ca3af;margin-top:var(--spacing);font-size:.6875rem}@media (width<=480px){.footer{font-size:.625rem}}.theme-toggle{top:var(--spacing);right:var(--spacing);z-index:10;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--primary-light)}@media (width<=480px){.theme-toggle{top:env(safe-area-inset-top,8px);right:env(safe-area-inset-right,8px);width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}}