/* v1.1.6.292 (REV46, CANON-STEP-9): нейтральні тіні зведено до канонних
   чотирьох (lg×1).
   Смуга за радіусом розмиття: <5 → sm(2), <20 → md(12), <46 → lg(32),
   решта → overlay(64) — межі геометрично посередині між кроками канону.
   Кольорові світіння, ring-обводки, inset і none НЕ чіпано: це не висота
   поверхні. Перелік: _meta/REV46_shadows.json. */
/* v1.1.6.291 (REV46, CANON-STEP-8): значення, які ВЖЕ дорівнювали кроку
   канонної шкали, отримали її ім'я: радіус 0, pill 1,
   відступи 10, вага 1. Жодне число не змінено — це
   перейменування, не редизайн. Значення поза шкалою лишились літералами
   свідомо: прев'ю канону саме вживає 10/14/6px для падінгів компонентів,
   тож стягувати їх до шкали означало б відійти ВІД прев'ю, а не до нього. */
/* v1.1.6.290 (REV46, CANON-STEP-7): 11 значень font-size переведено на
   канонну шкалу (--kp-text-xs/sm/md/lg/xl/2xl). Правило: найближчий крок,
   і лише коли зміна ≤12%%. Все, що далі (герой-цифри 3-5rem, мікропідписи
   <0.6rem), лишилось літералом — це не текстова шкала. Перелік: _meta/. */
/* v1.1.6.289 (REV46, CANON-STEP-6): дві правки, обидві безпечні для попередження
   вище (файл несучий — не видаляти класи, що вживаються).
   1) 4 селекторів мали `html[data-theme='light']` НАЩАДКОМ :is(...) — тобто не
      збігались ніколи. Порядок виправлено, правило нарешті працює.
   2) З 6 списків селекторів прибрано 7 імен-аліасів, яких немає в жодному
      php/js/html усього деплою: .primary-btn .button-primary .danger-btn
      .attack-btn .btn-success .success-btn .button-secondary. ЖОДНЕ правило не
      видалено — у кожному з цих списків поруч стоїть живий клас (.btn-primary,
      .kp-btn--danger тощо). Тому «роздягнути сторінку» ця правка не може: набір
      правил той самий, коротший лише перелік імен. */
/* nova-bridge.css · v1.1.5.182
 * SCOPED порт nova SOFT-UI примітивів (base.css + cyber-components.css) ЛИШЕ для
 * перенесених nova-сторінок: account (kp-page--account) і порталованих модалок
 * (kp-media-picker, kp-crop-modal). Auth-сторінки самодостатні (auth.css).
 * НЕ глобально: селектори префіксовані — решта сайту (default-стиль) не зачеплена.
 * Джерело правил: nova v317. Токен-аліаси під скоупом. */

:is(.kp-page--account,.kp-media-picker,.kp-crop-modal){--kp-page-max:1440px;--muted-color:var(--n-text-soft);--accent-color:var(--n-accent)}

:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) button,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea{font:inherit}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) button{color:inherit}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=text],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=email],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=password],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=number],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=search],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=url],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea{width:100%;min-height:44px;border:1px solid var(--n-line-strong);border-radius:var(--n-r-sm);background:linear-gradient(180deg,rgba(var(--n-hi),.03),transparent 55%),rgba(var(--n-ink),.28);color:var(--n-text);padding:0 13px;font-family:var(--n-font-body);font-weight:800}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea{min-height:100px;padding-top:var(--kp-space-3);resize:vertical}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input::placeholder,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea::placeholder{color:var(--n-text-dim)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) select:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea:focus{outline:none;border-color:var(--n-accent);box-shadow:0 0 0 3px var(--n-accent-ring)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) button,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .button,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=submit],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=button],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border:1px solid var(--n-line-strong);border-radius:var(--n-r-sm);color:var(--n-text);background:linear-gradient(180deg,rgba(var(--n-hi),.055),transparent 45%),rgba(var(--n-hi),.035);box-shadow:inset 0 1px 0 rgba(var(--n-hi),.05);font-family:var(--n-font-display);font-size:var(--kp-text-xs);font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,color .15s ease}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) button:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .button:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn:hover{color:var(--n-text-strong);border-color:var(--n-line-strong)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) button:active,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn:active,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .button:active,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn:active{transform:translateY(1px)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn-primary,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--brand,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--primary{border:0;color:var(--n-text-on-accent);background:linear-gradient(135deg,var(--n-accent),var(--n-accent-deep));box-shadow:0 10px 24px color-mix(in srgb,var(--n-accent) 28%, transparent)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn-danger,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--danger{color:#fff4f0;background:repeating-linear-gradient(-55deg,var(--n-danger) 0 12px,#8f1715 12px 24px);box-shadow:0 0 18px rgba(225,58,50,.18)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--success{color:#dff6c2;background:linear-gradient(135deg,var(--n-hp-dim),#15240f)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--ghost,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--secondary,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn-secondary{border:0;background:var(--n-bg-soft);box-shadow:none}
html[data-theme='light'] :is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .btn-danger,
html[data-theme='light'] :is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-btn--danger{box-shadow:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input:-webkit-autofill,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input:-webkit-autofill:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input:-webkit-autofill:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input:-webkit-autofill:active,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) textarea:-webkit-autofill,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) select:-webkit-autofill{-webkit-text-fill-color:var(--n-text);
  -webkit-box-shadow:0 0 0 1000px rgba(var(--n-ink),.55) inset,0 0 0 3px var(--n-accent-soft);
  box-shadow:0 0 0 1000px rgba(var(--n-ink),.55) inset;
  border-color:var(--n-accent);
  caret-color:var(--n-text);
  transition:background-color 9999s ease 0s;}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-alert,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .alert{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--kp-space-3);padding:13px 14px;border:1px solid var(--n-line-strong);border-radius:var(--n-r-sm);background:linear-gradient(90deg,var(--n-info-soft),rgba(var(--n-ink),.18));color:var(--n-text-soft)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-alert--success,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .alert-success{border-color:rgba(123,163,72,.38);background:linear-gradient(90deg,var(--n-ok-soft),rgba(var(--n-ink),.18))}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-alert--danger,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .alert-danger{border-color:rgba(225,58,50,.38);background:linear-gradient(90deg,var(--n-danger-soft),rgba(var(--n-ink),.18))}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-alert--warning,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .alert-warning{border-color:rgba(196,145,53,.38);background:linear-gradient(90deg,var(--n-warn-soft),rgba(var(--n-ink),.18))}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-alert__title{display:block;color:var(--n-text-strong);font-family:var(--n-font-display);font-size:var(--kp-text-xs);text-transform:uppercase;letter-spacing:.08em}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-textarea,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .admin-input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-textarea,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-totp-input{width:100%;min-height:var(--kp-input-min-h);padding:var(--kp-space-2) 2px;border:0;border-bottom:1.5px solid var(--n-line-strong);border-radius:0;background:transparent;color:var(--n-text);font-family:var(--n-font-body);font-size:var(--kp-input-fs);font-weight:600;line-height:1.4;transition:border-color .18s ease,background .18s ease;appearance:none;-webkit-appearance:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-input:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-select:hover,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-textarea:hover{border-bottom-color:color-mix(in srgb,var(--n-text-soft) 60%, transparent)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-select:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-textarea:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .admin-input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-input:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-select:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-textarea:focus,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-totp-input:focus{outline:none;border-bottom-color:var(--n-accent);box-shadow:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input:disabled,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select:disabled,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea:disabled,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input[readonly],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea[readonly]{opacity:.55;cursor:not-allowed}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input.is-error,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select.is-error,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea.is-error,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-error .kp-input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-error .kp-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-error .kp-textarea{border-bottom-color:var(--n-danger);box-shadow:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input.is-ok,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select.is-ok,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-textarea.is-ok,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-ok .kp-input{border-bottom-color:var(--n-ok);box-shadow:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .form-select,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-account-select{padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--n-text-mute) 50%),linear-gradient(135deg,var(--n-text-mute) 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-input--sm,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-select--sm{--kp-input-min-h:36px;--kp-input-fs:.85rem}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-form-field{display:grid;gap:6px;min-width:0}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field__label,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-label{color:var(--n-text-soft);font-family:var(--n-font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field__hint,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-hint{color:var(--n-text-mute);font-size:var(--kp-text-xs);line-height:1.4}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-error .kp-field__hint,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-hint.is-error{color:var(--n-danger);font-weight:800}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field.is-ok .kp-field__hint{color:var(--n-ok);font-weight:800}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-field-row{display:grid;gap:14px}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-actions-center{justify-content:center}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-actions-between-12{justify-content:space-between;gap:var(--kp-space-3)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-actions-10-mt14{gap:10px;margin-top:14px}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-radio,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-switch{display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none;color:var(--n-text);font-weight:800;font-size:var(--kp-text-sm)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-radio input,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-switch input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check__box,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-radio__box{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--n-line-strong);border-radius:7px;background:rgba(var(--n-ink),.28);color:transparent;font-size:var(--kp-text-xs);font-weight:900;transition:all .15s ease}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check input:checked + .kp-check__box{background:linear-gradient(135deg,var(--n-accent),var(--n-accent-deep));border-color:transparent;color:var(--n-text-on-accent)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check input:checked + .kp-check__box::after{content:"✓"}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check input:focus-visible + .kp-check__box,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-radio input:focus-visible + .kp-radio__box{box-shadow:0 0 0 3px var(--n-accent-soft)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-check input:disabled ~ *,
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-radio input:disabled ~ *{opacity:.5}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=checkbox],
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) input[type=radio]{accent-color:var(--n-accent)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-600{font-weight:600}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0;padding:18px;border:0;border-radius:var(--n-r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--n-accent) 4%,transparent),transparent 24%),color-mix(in srgb,var(--n-bg-2) 94%,transparent);box-shadow:var(--kp-shadow-lg)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--kp-space-3)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--n-accent-soft);font-size:var(--kp-text-lg)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__title{margin:0;color:var(--n-text-strong);font-family:var(--n-font-display);font-size:var(--kp-text-sm);font-weight:800;line-height:1.25}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__sub{display:block;margin-top:2px;color:var(--n-text-mute);font-size:var(--kp-text-xs);line-height:1.4;font-weight:600}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__state{align-self:start;padding:var(--kp-space-1) 10px;border-radius:var(--kp-radius-pill);background:var(--n-warn-soft);color:var(--n-text-soft);font-family:var(--n-font-display);font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__state--done{background:var(--n-ok-soft);color:var(--n-ok)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__form{display:grid;gap:var(--kp-space-3);align-content:start}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__more{color:var(--n-text-mute);font-size:var(--kp-text-xs);font-weight:var(--kp-weight-bold);text-decoration:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw__more:hover{color:var(--n-accent)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw-grid{display:grid;gap:var(--kp-space-4);grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}

@media(max-width:560px){
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw{padding:15px}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw-grid{grid-template-columns:1fr}
}

:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-seg{display:grid;gap:10px;grid-template-columns:1fr 1fr}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-seg--3{grid-template-columns:1fr 1fr 1fr}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-seg--col{grid-template-columns:1fr}

@media(max-width:420px){
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-seg--3{grid-template-columns:1fr}
}

:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt{position:relative;display:block;cursor:pointer;min-width:0}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt input{position:absolute;opacity:0;pointer-events:none}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt>span{display:flex;align-items:center;justify-content:center;gap:var(--kp-space-2);min-height:44px;padding:0 var(--kp-space-3);border:1.5px solid var(--n-line-strong);border-radius:var(--n-r-sm);background:transparent;color:var(--n-text-soft);font-family:var(--n-font-body);font-weight:800;font-size:var(--kp-text-sm);line-height:1.25;text-align:center;transition:border-color .15s ease,background .15s ease,color .15s ease}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt input:checked+span{border-color:var(--n-accent);background:var(--n-accent-soft);color:var(--n-text-strong)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt input:focus-visible+span{outline:none;box-shadow:0 0 0 3px var(--n-accent-ring)}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-opt input:disabled+span{opacity:.5;cursor:not-allowed}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--n-text-soft);font-size:var(--kp-text-sm);line-height:1.45;font-weight:600}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-check input{margin:2px 0 0;width:18px;height:18px;flex:0 0 auto;accent-color:var(--n-accent);cursor:pointer}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-check>span{min-width:0}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-fw-check strong{display:block;color:var(--n-text-strong);font-weight:800}
:is(.kp-page--account,.kp-media-picker,.kp-crop-modal) .kp-aw--fw [hidden]{display:none!important}