.native-production { max-width:1000px; margin-inline:auto; padding:clamp(16px,3vw,32px); border:1px solid #42566c; border-radius:16px; background:#101823; color:#edf4fa; font-family:Inter,system-ui,sans-serif; line-height:1.55; overflow-wrap:anywhere; }
.native-production *, .native-production *::before, .native-production *::after { box-sizing:border-box; }
.native-production [hidden] { display:none !important; }
.native-production .native-production__header { max-width:760px; }
.native-production .native-production__brand { display:flex; align-items:center; gap:12px; }
.native-production .native-production__brand img { width:40px; height:40px; flex:0 0 40px; object-fit:contain; }
.native-production .native-production__brand p { color:#b6eaf1; margin:0; font-size:.9rem; }
.native-production h1 { font-family:'Space Grotesk',Inter,system-ui,sans-serif; font-size:clamp(1.5rem,4vw,2.15rem); line-height:1.2; margin:14px 0 10px; }
.native-production h3, .native-production h4 { font-size:1rem; margin:18px 0 7px; }
.native-production p { margin:8px 0 14px; }
.native-production .native-production__warning { background:#29251d; color:#f3dfab; border-inline-start:3px solid #dfbb69; padding:10px 12px; font-size:.9rem; }
.native-production button, .native-production summary, .native-production a { min-height:44px; }
.native-production button { padding:10px 15px; margin:4px 8px 8px 0; max-width:100%; border:1px solid #9ed5e0; border-radius:8px; background:#253547; color:#edf4fa; font:inherit; font-weight:650; cursor:pointer; white-space:normal; }
.native-production .native-production__primary { color:#08212a; background:#83e8eb; border-color:#a4f2f3; }
.native-production button:disabled { opacity:.65; cursor:default; }
.native-production a { display:inline-flex; align-items:center; color:#9be9ef; padding:8px 4px; text-underline-offset:4px; }
.native-production .native-production__header > a { display:flex; width:fit-content; }
.native-production .native-production__workspace { margin-top:24px; }
.native-production .native-production__hint { color:#c7d4e0; font-size:.9rem; }
.native-production .native-production__status { color:#d7ecf4; background:#192b3b; border-radius:8px; padding:10px 12px; }
.native-production .native-production__status:empty { display:none; }
.native-production details { border:1px solid #4c6177; padding:10px 12px; border-radius:9px; margin-block:14px; }
.native-production summary { padding:10px 2px; font-weight:650; cursor:pointer; }
.native-production .native-production__given { background:#1b2a3a; color:#e3edf6; padding:12px; border-radius:7px; white-space:pre-wrap; }
.native-production .native-production__navigation { display:flex; flex-wrap:wrap; gap:4px 16px; margin-block:20px; }
.native-production fieldset { min-width:0; border:1px solid #4c6177; border-radius:10px; padding:clamp(12px,2vw,22px); margin:0 0 24px; }
.native-production legend { max-width:100%; padding-inline:6px; font-family:'Space Grotesk',Inter,system-ui,sans-serif; font-weight:700; }
.native-production .native-production__section > legend { font-size:1.2rem; }
.native-production .native-production__trial { margin-top:22px; }
.native-production .native-production__field { margin-block:18px; }
.native-production .native-production__field > label { display:block; margin-bottom:7px; font-weight:650; }
.native-production textarea { display:block; width:100%; max-width:100%; min-width:0; min-height:112px; padding:12px; border:1px solid #7b92a7; border-radius:8px; background:#0c131e; color:#f1f6fa; font:inherit; font-size:1rem; resize:vertical; }
.native-production textarea[readonly] { background:#202b37; color:#cbd8e2; border-style:dashed; }
.native-production textarea[aria-invalid='true'] { border:2px solid #ffbd8c; }
.native-production .native-production__radio { display:flex; gap:12px; align-items:start; min-height:44px; padding-block:10px; cursor:pointer; }
.native-production input[type='radio'] { width:20px; height:20px; flex:0 0 20px; margin:3px 0 0; accent-color:#83e8eb; }
.native-production :focus-visible { outline:3px solid #ffdc83; outline-offset:4px; }
@media (max-width:420px) { .native-production { padding:14px; border-radius:12px; } .native-production h1 { font-size:1.5rem; } .native-production .native-production__header p { margin-bottom:10px; } .native-production .native-production__warning { font-size:.85rem; line-height:1.45; } .native-production fieldset { padding:10px; } }
@media (prefers-reduced-motion:reduce) { .native-production *, .native-production *::before, .native-production *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }