*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg-secondary: var(--tg-theme-secondary-bg-color, #f4f4f5);--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #8c8c8c);--btn: var(--tg-theme-button-color, #2481cc);--btn-text: var(--tg-theme-button-text-color, #ffffff);--destructive: #e53935;--radius: 12px;--radius-sm: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding-bottom:100px}.header{background:var(--bg);text-align:center;padding:24px 20px 20px;border-bottom:1px solid color-mix(in srgb,var(--hint) 20%,transparent)}.header__icon{font-size:36px;margin-bottom:8px}.header__title{font-size:20px;font-weight:700;color:var(--text)}.header__subtitle{margin-top:4px;font-size:14px;color:var(--hint)}.ad-form{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.field{background:var(--bg);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.field__label{font-size:13px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.field__input,.field__select,.field__textarea{width:100%;background:transparent;border:none;outline:none;font-size:16px;color:var(--text);font-family:inherit;resize:none;padding:0 0 6px;border-bottom:1.5px solid color-mix(in srgb,var(--hint) 25%,transparent);transition:border-color .15s}.field__input:focus,.field__select:focus,.field__textarea:focus{border-bottom-color:var(--btn)}.field__input--error{border-bottom-color:var(--destructive)!important}.field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238c8c8c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:20px}.field__textarea{min-height:100px}.field__counter{font-size:12px;color:var(--hint);text-align:right;margin-top:-4px}.field__error{font-size:12px;color:var(--destructive)}.image-upload{display:flex;flex-direction:column;gap:8px}.image-upload__previews{display:flex;flex-wrap:wrap;gap:8px}.image-upload__thumb{position:relative;width:76px;height:76px;border-radius:var(--radius-sm);overflow:hidden}.image-upload__thumb img{width:100%;height:100%;object-fit:cover}.image-upload__remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1}.image-upload__add{width:76px;height:76px;border-radius:var(--radius-sm);border:1.5px dashed color-mix(in srgb,var(--hint) 50%,transparent);background:var(--bg-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--hint);transition:border-color .15s,background .15s}.image-upload__add:hover{border-color:var(--btn);color:var(--btn)}.image-upload__add span{font-size:24px;line-height:1}.image-upload__add small{font-size:11px}.image-upload__hint{font-size:12px;color:var(--hint)}.submit-btn{width:100%;padding:15px;border-radius:var(--radius);background:var(--btn);color:var(--btn-text);font-size:16px;font-weight:600;border:none;cursor:pointer;margin-top:4px;transition:opacity .15s}.submit-btn:disabled{opacity:.55;cursor:not-allowed}@media (display-mode: standalone){.submit-btn{display:none}}.success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;padding:40px 24px;text-align:center;gap:12px}.success__icon{width:72px;height:72px;border-radius:50%;background:#4caf50;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center}.success__title{font-size:22px;font-weight:700}.success__text{font-size:15px;color:var(--hint);max-width:280px}
