.login-page{min-height:100vh;background:var(--page-bg);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;padding:1rem}.login-page__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;width:100%;max-width:380px;box-shadow:0 8px 40px #0006}.login-page__logo{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.login-page__logo-icon{width:34px;height:34px;border-radius:9px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 16px #8b5cf666}.login-page__title{font-size:1.1rem;font-weight:800;color:var(--heading);margin:0}.login-page__label{display:block;font-size:.7rem;font-weight:700;color:var(--label);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.login-page__input{margin-bottom:1rem;padding:10px 13px;font-size:.9rem}.login-page__input--has-error{margin-bottom:.5rem}.login-page__error{margin:0 0 1rem;font-size:.8rem;color:var(--danger-text)}.login-page__submit{width:100%;font-size:.88rem;font-weight:700;padding:10px 0;border-radius:8px;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 0 10px #8b5cf64d;margin-top:.5rem}.login-page__submit--loading{background:#4b4870;cursor:not-allowed;box-shadow:none}.copycat{position:fixed;bottom:24px;right:24px;z-index:200;opacity:0;transform:translateY(12px) scale(.85);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.copycat--visible{opacity:1;transform:translateY(0) scale(1)}.copycat__icon{font-size:2.4rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(139,92,246,.4))}.copycat__label{font-size:.6rem;text-align:center;color:#a78bfa;font-weight:700;letter-spacing:.05em;margin-top:2px}.milestone{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(16px);z-index:200;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .4s ease}.milestone--visible{opacity:1;transform:translate(-50%) translateY(0)}.milestone__content{background:linear-gradient(135deg,#1e1a3a,#110e1e);border:1.5px solid #7c3aed;border-radius:14px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:12px;box-shadow:0 4px 30px #8b5cf666;white-space:nowrap}.milestone__emoji{font-size:1.6rem}.milestone__count{font-size:.75rem;font-weight:800;color:#f0eeff;margin-bottom:1px}.milestone__msg{font-size:.7rem;color:#b8b5e0}.dropdown{position:relative;margin-bottom:.65rem}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;border-radius:9px;border:1.5px solid var(--dropdown-border);background:var(--dropdown-bg);color:var(--dropdown-text);padding:10px 13px;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s;font-family:inherit}.dropdown__trigger--open,.dropdown__trigger:hover{border-color:var(--accent)}.dropdown__arrow{font-size:.6rem;color:var(--optional);margin-left:8px}.dropdown__panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--dropdown-bg);border:1.5px solid var(--accent);border-radius:9px;box-shadow:0 8px 24px #00000040;overflow:hidden}.dropdown__search{padding:8px 10px;border-bottom:1px solid var(--divider)}.dropdown__search-input{font-size:.82rem;padding:7px 10px;border-radius:7px}.dropdown__list{max-height:220px;overflow-y:auto}.dropdown__empty{padding:10px 13px;font-size:.82rem;color:var(--optional)}.dropdown__item{padding:9px 13px;font-size:.88rem;cursor:pointer;color:var(--dropdown-text);transition:background .1s}.dropdown__item:hover{background:var(--badge-bg)}.dropdown__item--selected{color:var(--placeholder-text);background:var(--placeholder-bg);font-weight:600}.dropdown__item--selected:hover{background:var(--placeholder-bg)}.field{margin-bottom:1.1rem}.field__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.field__label{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--label);letter-spacing:.06em;text-transform:uppercase}.field__badge{color:var(--accent-indigo);background:var(--badge-bg);border-radius:4px;padding:1px 6px;font-size:.62rem}.field__optional{color:var(--optional);font-weight:400;text-transform:none;font-size:.72rem;letter-spacing:0}.field__hint-btn{font-size:.68rem;font-weight:600;color:var(--placeholder-text);background:none;border:none;cursor:pointer;padding:0;opacity:.7}.field__hint-btn--clear{color:var(--danger-text)}.field__input{padding:9px 13px;font-size:.875rem}.field__textarea{font-family:Fira Mono,Courier New,monospace;font-size:.8rem;line-height:1.7;resize:vertical;background:var(--textarea-bg)}.prompt-preview{border-radius:10px;border:1.5px solid var(--preview-border);background:var(--preview-bg);padding:12px 14px;font-size:.78rem;font-family:Fira Mono,Courier New,monospace;line-height:1.8;color:var(--preview-text);white-space:pre-wrap;min-height:80px;overflow:auto}.prompt-preview__placeholder{color:var(--placeholder-text);background:var(--placeholder-bg);border-radius:4px;padding:1px 4px;font-weight:700}.field-row{background:var(--field-card-bg);border:1px solid var(--field-card-border);border-radius:10px;padding:.9rem;margin-bottom:.6rem}.field-row__header{display:flex;align-items:center;gap:8px;margin-bottom:.6rem}.field-row__key-badge{font-family:Fira Mono,monospace;font-size:.72rem;color:var(--placeholder-text);background:var(--placeholder-bg);border-radius:4px;padding:2px 7px;font-weight:700}.field-row__checkbox-label{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--subtext);cursor:pointer;-webkit-user-select:none;user-select:none}.field-row__checkbox-label:not(:first-of-type){margin-left:4px}.field-row__checkbox{accent-color:var(--accent);width:13px;height:13px}.field-row__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row__prop-label{display:block;font-size:.67rem;font-weight:700;color:var(--label);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.field-row__textarea{font-family:Fira Mono,Courier New,monospace;line-height:1.6;resize:vertical;background:var(--textarea-bg)}.prompt-modal__name-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.1rem}.prompt-modal__template-section{margin-bottom:1.1rem}.prompt-modal__field-label{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;color:var(--label);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.prompt-modal__required-badge{color:var(--accent-indigo);background:var(--badge-bg);border-radius:4px;padding:1px 5px;font-size:.6rem}.prompt-modal__template-textarea{font-family:Fira Mono,Courier New,monospace;font-size:.78rem;line-height:1.7;resize:vertical;background:var(--textarea-bg);padding:9px 13px}.prompt-modal__template-hint{margin:5px 0 0;font-size:.7rem;color:var(--hint)}.prompt-modal__code{color:var(--placeholder-text);font-family:monospace}.prompt-modal__fields-section{margin-bottom:1.1rem}.prompt-modal__section-header{display:flex;align-items:center;gap:8px;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--section-divider)}.prompt-modal__field-count{font-size:.68rem;color:var(--subtext)}.export-modal__description{margin:0 0 .75rem;font-size:.8rem;color:var(--description-text)}.export-modal__textarea{font-family:Fira Mono,Courier New,monospace;font-size:.75rem;line-height:1.6;resize:vertical;background:var(--textarea-bg);color:var(--preview-text);padding:10px 13px}.export-modal__copy-btn{font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:8px;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 0 10px #8b5cf64d;transition:all .2s}.export-modal__copy-btn--copied{background:var(--accent-success-gradient);box-shadow:0 0 10px #10b98159}.import-modal__description{margin:0 0 .75rem;font-size:.8rem;color:var(--description-text)}.import-modal__textarea{font-family:Fira Mono,Courier New,monospace;font-size:.75rem;line-height:1.6;resize:vertical;background:var(--textarea-bg);color:var(--preview-text);padding:10px 13px}.import-modal__textarea--error{border-color:var(--danger-text)}.import-modal__textarea--error:focus{border-color:var(--danger-text)}.import-modal__error{margin:6px 0 0;font-size:.78rem;color:var(--danger-text)}.import-modal__success{margin:6px 0 0;font-size:.78rem;color:var(--success)}.catalog{font-family:Inter,sans-serif;min-height:100vh;background:var(--page-bg);display:flex;justify-content:center;padding:2.5rem 1rem;transition:background .2s}.catalog__content{width:100%;max-width:640px}.catalog__header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.catalog__brand{display:flex;align-items:center;gap:10px}.catalog__logo-icon{width:34px;height:34px;border-radius:9px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 16px #8b5cf666}.catalog__title{font-size:1.2rem;font-weight:800;color:var(--heading);margin:0}.catalog__version{font-size:.65rem;font-weight:600;color:var(--optional);align-self:flex-end;margin-bottom:2px}.catalog__actions{display:flex;align-items:center;gap:8px}.catalog__section-label{font-size:.7rem;font-weight:700;color:var(--section-label);letter-spacing:.07em;text-transform:uppercase}.catalog__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--divider)}.catalog__btn{font-size:.78rem;font-weight:600;border-radius:8px;cursor:pointer;border:none;background:none;font-family:inherit}.catalog__btn:disabled{opacity:.5;cursor:not-allowed}.catalog__btn--toggle{font-size:.75rem;padding:6px 12px;border-radius:20px;border:1.5px solid var(--toggle-border);background:var(--toggle-bg);color:var(--toggle-text);white-space:nowrap}.catalog__btn--edit{padding:6px 13px;border:1.5px solid var(--reset-border);background:var(--reset-bg);color:var(--reset-text)}.catalog__btn--danger{padding:6px 13px;border:1.5px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.catalog__btn--new{font-size:.8rem;font-weight:700;padding:7px 14px;background:var(--accent-gradient);color:#fff;white-space:nowrap;box-shadow:0 0 10px #8b5cf64d;margin-left:auto}.catalog__btn--reset{font-size:.75rem;padding:5px 13px;border-radius:7px;border:1.5px solid var(--reset-border);background:var(--reset-bg);color:var(--reset-text)}.catalog__btn--copy{font-size:.75rem;font-weight:600;padding:5px 13px;border-radius:7px;background:var(--accent-gradient);color:#fff;box-shadow:0 0 12px #8b5cf659;transition:all .2s}.catalog__btn--copy-success{background:var(--accent-success-gradient);box-shadow:0 0 12px #10b98159}.catalog__btn--ghost-sm{font-size:.72rem;padding:4px 10px;border-radius:6px;border:1px solid var(--reset-border);background:var(--reset-bg);color:var(--reset-text)}.catalog__btn--danger-confirm{font-size:.72rem;padding:4px 10px;border-radius:6px;background:#dc2626;color:#fff}.catalog__selector-label{display:block;margin-bottom:8px}.catalog__selector-actions{display:flex;gap:8px;margin-bottom:1rem}.catalog__description{border-radius:9px;border:1px solid var(--description-border);background:var(--description-bg);padding:10px 13px}.catalog__description-text{margin:0;font-size:.8rem;color:var(--description-text);line-height:1.6}.catalog__confirm-delete{margin-top:.75rem;border-radius:9px;border:1px solid var(--danger-border);padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog__confirm-delete-msg{font-size:.8rem;color:var(--danger-text)}.catalog__confirm-delete-actions{display:flex;gap:6px}.catalog__output-card{margin-bottom:0}.catalog__placeholder-hint{font-size:.72rem;color:var(--hint);margin-top:8px;margin-bottom:0}.catalog__placeholder-example{color:var(--placeholder-text)}.catalog-loading{min-height:100vh;background:var(--page-bg, #06040f);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.catalog-loading__text{font-size:.8rem;color:var(--subtext, #8a87b0)}:root{--accent: #7c3aed;--accent-indigo: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--accent-success-gradient: linear-gradient(135deg, #10b981, #059669)}:root[data-theme=dark]{--page-bg: #06040f;--card-bg: #110e1e;--card-border: #2e2a4a;--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--divider: #1e1a30;--heading: #f0eeff;--subtext: #8a87b0;--section-label: #a78bfa;--label: #b8b5e0;--optional: #6b6890;--badge-bg: #1e1a3a;--input-bg: #13101f;--input-border: #2e2a4a;--input-text: #f0eeff;--preview-bg: #0f0d1a;--preview-border: #2e2a4a;--preview-text: #ddd9ff;--placeholder-text: #c4b5fd;--placeholder-bg: #1e1a3a;--reset-border: #2e2a4a;--reset-text: #9d9abf;--reset-bg: transparent;--hint: #4b4870;--toggle-bg: #1e1a3a;--toggle-border: #3d3a60;--toggle-text: #9d9abf;--dropdown-bg: #13101f;--dropdown-border: #2e2a4a;--dropdown-text: #f0eeff;--description-bg: #0f0d1a;--description-border: #2e2a4a;--description-text: #8a87b0;--danger-text: #f87171;--danger-border: #3b1f1f;--danger-bg: transparent;--modal-overlay: rgba(0, 0, 0, .75);--modal-bg: #110e1e;--modal-border: #2e2a4a;--textarea-bg: #0f0d1a;--field-card-bg: #0f0d1a;--field-card-border: #2e2a4a;--section-divider: #1e1a30;--success: #34d399}:root[data-theme=light]{--page-bg: #f5f3ff;--card-bg: #ffffff;--card-border: #ede9fe;--card-shadow: 0 2px 12px rgba(99, 102, 241, .08);--divider: #f3f4f6;--heading: #1e1b4b;--subtext: #6b7280;--section-label: #6366f1;--label: #4b5563;--optional: #9ca3af;--badge-bg: #eef2ff;--input-bg: #ffffff;--input-border: #e5e7eb;--input-text: #111827;--preview-bg: #faf5ff;--preview-border: #ede9fe;--preview-text: #1f2937;--placeholder-text: #7c3aed;--placeholder-bg: #ede9fe;--reset-border: #e5e7eb;--reset-text: #6b7280;--reset-bg: white;--hint: #9ca3af;--toggle-bg: #ede9fe;--toggle-border: #ddd6fe;--toggle-text: #6366f1;--dropdown-bg: #ffffff;--dropdown-border: #e5e7eb;--dropdown-text: #111827;--description-bg: #faf5ff;--description-border: #ede9fe;--description-text: #6b7280;--danger-text: #dc2626;--danger-border: #fecaca;--danger-bg: transparent;--modal-overlay: rgba(0, 0, 0, .35);--modal-bg: #ffffff;--modal-border: #ede9fe;--textarea-bg: #faf5ff;--field-card-bg: #faf5ff;--field-card-border: #ede9fe;--section-divider: #f3f4f6;--success: #16a34a}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}input::placeholder,textarea::placeholder{opacity:.35}.input-base{width:100%;box-sizing:border-box;border-radius:8px;border:1.5px solid var(--input-border);background:var(--input-bg);padding:8px 11px;font-size:.82rem;outline:none;color:var(--input-text);font-family:inherit;transition:border-color .15s}.input-base:focus{border-color:var(--accent)}.card{background:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:var(--card-shadow);margin-bottom:1.25rem;border:1px solid var(--card-border);transition:background .2s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-dialog{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:16px;width:100%;max-width:680px;box-shadow:0 8px 40px #00000059;display:flex;flex-direction:column;max-height:92vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid var(--section-divider);flex-shrink:0}.modal-title{margin:0;font-size:1rem;font-weight:700;color:var(--heading)}.modal-close{background:none;border:none;color:var(--subtext);font-size:1.3rem;cursor:pointer;line-height:1;padding:0}.modal-body{overflow-y:auto;padding:1.25rem 1.5rem;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:1rem 1.5rem;border-top:1px solid var(--section-divider);flex-shrink:0}.section-label{font-size:.68rem;font-weight:700;color:var(--section-label);letter-spacing:.07em;text-transform:uppercase}.btn-primary{font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:8px;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 0 10px #8b5cf64d}.btn-primary:disabled{background:#4b4870;cursor:not-allowed;box-shadow:none}.btn-ghost{font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:8px;border:1.5px solid var(--reset-border);background:var(--reset-bg);color:var(--reset-text);cursor:pointer}.app-loading{min-height:100vh;background:#06040f;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.app-loading__text{font-size:.8rem;color:#8a87b0}