.native-app--low-poly-generator {
  --poly-bg:#06251c; --poly-panel:#0b3427; --poly-panel-2:#103c2f; --poly-ink:#fff8e8;
  --poly-muted:#a9bdb4; --poly-line:rgba(123,218,180,.24); --poly-mint:#7bdab4; --poly-gold:#ffc45b;
}
.native-app--low-poly-generator .native-package-body { padding:0; }
.native-app--low-poly-generator *, .native-app--low-poly-generator *::before, .native-app--low-poly-generator *::after { box-sizing:border-box; }
.native-app--low-poly-generator button, .native-app--low-poly-generator input, .native-app--low-poly-generator select { font:inherit; }
.native-app--low-poly-generator .poly-studio { color:var(--poly-ink); background:radial-gradient(circle at 90% 0,rgba(123,218,180,.12),transparent 25%),var(--poly-bg); font-family:Manrope,Arial,sans-serif; }
.native-app--low-poly-generator .poly-studio__hero { display:flex; align-items:flex-end; justify-content:space-between; gap:2.5rem; padding:clamp(1.5rem,4vw,3.6rem); border-bottom:1px solid var(--poly-line); }
.native-app--low-poly-generator .poly-studio__eyebrow, .native-app--low-poly-generator .poly-panel header small { display:block; margin-bottom:.5rem; color:var(--poly-gold); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.native-app--low-poly-generator .poly-studio__hero h2 { max-width:900px; margin:0 0 .8rem; color:var(--poly-ink); font:700 clamp(2.25rem,5vw,5rem)/.98 Fraunces,Georgia,serif; letter-spacing:-.04em; }
.native-app--low-poly-generator .poly-studio__hero p { max-width:790px; margin:0; color:var(--poly-muted); font-size:clamp(.98rem,1.5vw,1.17rem); line-height:1.7; }
.native-app--low-poly-generator .poly-studio__hero-stats { display:grid; grid-template-columns:repeat(3,1fr); min-width:350px; border:1px solid var(--poly-line); border-radius:22px; overflow:hidden; background:rgba(123,218,180,.05); }
.native-app--low-poly-generator .poly-studio__hero-stats span { display:grid; gap:.15rem; padding:1rem .8rem; text-align:center; }
.native-app--low-poly-generator .poly-studio__hero-stats span+span { border-left:1px solid var(--poly-line); }
.native-app--low-poly-generator .poly-studio__hero-stats b { color:var(--poly-ink); font-size:1.1rem; }
.native-app--low-poly-generator .poly-studio__hero-stats small { color:var(--poly-muted); font-size:.62rem; }
.native-app--low-poly-generator .poly-studio__layout { display:grid; grid-template-columns:minmax(330px,.78fr) minmax(500px,1.22fr); }
.native-app--low-poly-generator .poly-controls { padding:clamp(1.15rem,2.5vw,2rem); border-right:1px solid var(--poly-line); }
.native-app--low-poly-generator .poly-panel { padding:1.25rem; border:1px solid var(--poly-line); border-radius:20px; background:rgba(16,60,47,.58); }
.native-app--low-poly-generator .poly-panel+.poly-panel { margin-top:1rem; }
.native-app--low-poly-generator .poly-panel header { display:flex; align-items:center; gap:.8rem; margin-bottom:1.2rem; }
.native-app--low-poly-generator .poly-panel header>span { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; border:1px solid rgba(255,196,91,.5); border-radius:13px; color:var(--poly-gold); font-weight:800; font-size:.8rem; }
.native-app--low-poly-generator .poly-panel header small { margin:0 0 .12rem; font-size:.62rem; }
.native-app--low-poly-generator .poly-panel h3, .native-app--low-poly-generator .poly-preview-panel__header h3 { margin:0; color:var(--poly-ink); font:700 1.45rem/1.1 Fraunces,Georgia,serif; }
.native-app--low-poly-generator .poly-field { display:grid; gap:.45rem; margin-bottom:1rem; min-width:0; }
.native-app--low-poly-generator .poly-field>span, .native-app--low-poly-generator .poly-range>span { display:flex; justify-content:space-between; gap:.6rem; color:var(--poly-ink); font-size:.76rem; font-weight:750; }
.native-app--low-poly-generator select, .native-app--low-poly-generator input[type=number] { width:100%; min-height:46px; padding:.7rem .8rem; border:1px solid var(--poly-line); border-radius:12px; outline:0; background:#082b21; color:var(--poly-ink); font-weight:650; }
.native-app--low-poly-generator select { color-scheme:dark; }
.native-app--low-poly-generator select:focus, .native-app--low-poly-generator input:focus { border-color:var(--poly-mint); box-shadow:0 0 0 3px rgba(123,218,180,.12); }
.native-app--low-poly-generator .poly-size-grid { display:grid; grid-template-columns:1fr 44px 1fr; align-items:end; gap:.45rem; }
.native-app--low-poly-generator .poly-size-grid .poly-field { margin:0; }
.native-app--low-poly-generator .poly-size-grid .poly-field>div { display:flex; align-items:center; border:1px solid var(--poly-line); border-radius:12px; overflow:hidden; background:#082b21; }
.native-app--low-poly-generator .poly-size-grid input { border:0; border-radius:0; }
.native-app--low-poly-generator .poly-size-grid i { padding-right:.7rem; color:var(--poly-muted); font-size:.7rem; font-style:normal; }
.native-app--low-poly-generator .poly-icon-button { width:44px; height:46px; border:1px solid var(--poly-line); border-radius:12px; background:transparent; color:var(--poly-mint); cursor:pointer; }
.native-app--low-poly-generator .poly-tabs { display:grid; grid-template-columns:1fr 1fr; gap:.35rem; margin-bottom:1rem; padding:.3rem; border:1px solid var(--poly-line); border-radius:13px; background:#082b21; }
.native-app--low-poly-generator .poly-tabs button { min-height:40px; border:0; border-radius:9px; background:transparent; color:var(--poly-muted); font-weight:750; cursor:pointer; }
.native-app--low-poly-generator .poly-tabs button.is-active { background:var(--poly-mint); color:#082b21; }
.native-app--low-poly-generator .poly-palettes { display:grid; grid-template-columns:repeat(5,1fr); gap:.45rem; margin-bottom:.9rem; }
.native-app--low-poly-generator .poly-palettes button { display:flex; height:42px; padding:3px; border:1px solid var(--poly-line); border-radius:11px; overflow:hidden; background:transparent; cursor:pointer; }
.native-app--low-poly-generator .poly-palettes button.is-active { border-color:var(--poly-gold); box-shadow:0 0 0 2px rgba(255,196,91,.12); }
.native-app--low-poly-generator .poly-palettes i { flex:1; background:var(--c); }
.native-app--low-poly-generator .poly-palettes i:first-child { border-radius:7px 0 0 7px; }.native-app--low-poly-generator .poly-palettes i:last-child { border-radius:0 7px 7px 0; }
.native-app--low-poly-generator .poly-color-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.4rem; }
.native-app--low-poly-generator .poly-color-grid label { display:grid; place-items:center; gap:.3rem; padding:.35rem; border:1px solid var(--poly-line); border-radius:10px; background:#082b21; }
.native-app--low-poly-generator .poly-color-grid input { width:100%; height:30px; padding:0; border:0; border-radius:7px; overflow:hidden; background:transparent; }
.native-app--low-poly-generator .poly-color-grid span { color:var(--poly-muted); font-size:.53rem; }
.native-app--low-poly-generator .poly-upload { display:grid; min-height:145px; place-items:center; align-content:center; gap:.3rem; padding:1rem; border:1px dashed rgba(123,218,180,.48); border-radius:15px; background:rgba(123,218,180,.05); text-align:center; cursor:pointer; }
.native-app--low-poly-generator .poly-upload input { position:absolute; width:1px; height:1px; opacity:0; }
.native-app--low-poly-generator .poly-upload>span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--poly-gold); color:#163126; font-size:1.35rem; }
.native-app--low-poly-generator .poly-upload b { color:var(--poly-ink); font-size:.84rem; }.native-app--low-poly-generator .poly-upload small { color:var(--poly-muted); font-size:.66rem; }
.native-app--low-poly-generator .poly-upload.is-dragging { border-color:var(--poly-gold); background:rgba(255,196,91,.08); }
.native-app--low-poly-generator .poly-image-card { display:grid; grid-template-columns:52px 1fr 32px; align-items:center; gap:.7rem; margin-top:.75rem; padding:.55rem; border:1px solid var(--poly-line); border-radius:12px; }
.native-app--low-poly-generator .poly-image-card img { width:52px; height:42px; border-radius:8px; object-fit:cover; }.native-app--low-poly-generator .poly-image-card div { display:grid; min-width:0; }.native-app--low-poly-generator .poly-image-card b { overflow:hidden; color:var(--poly-ink); font-size:.73rem; text-overflow:ellipsis; white-space:nowrap; }.native-app--low-poly-generator .poly-image-card small { color:var(--poly-muted); font-size:.62rem; }.native-app--low-poly-generator .poly-image-card button { border:0; background:transparent; color:var(--poly-muted); font-size:1.2rem; cursor:pointer; }
.native-app--low-poly-generator .poly-text-button { width:100%; min-height:40px; margin-top:.65rem; border:1px solid var(--poly-line); border-radius:11px; background:transparent; color:var(--poly-ink); font-size:.72rem; font-weight:750; cursor:pointer; }.native-app--low-poly-generator .poly-text-button:disabled { opacity:.38; cursor:not-allowed; }
.native-app--low-poly-generator .poly-range-grid { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.native-app--low-poly-generator .poly-range { display:grid; gap:.5rem; min-width:0; }.native-app--low-poly-generator .poly-range output { color:var(--poly-mint); }.native-app--low-poly-generator input[type=range] { width:100%; accent-color:var(--poly-gold); }
.native-app--low-poly-generator .poly-preview-panel { position:sticky; top:1rem; align-self:start; min-width:0; padding:clamp(1.15rem,2.5vw,2rem); }
.native-app--low-poly-generator .poly-preview-panel__header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.native-app--low-poly-generator .poly-preview-panel__header .poly-studio__eyebrow { margin-bottom:.18rem; }
.native-app--low-poly-generator .poly-secondary-button { min-height:44px; padding:.65rem .85rem; border:1px solid var(--poly-line); border-radius:12px; background:transparent; color:var(--poly-ink); font-size:.74rem; font-weight:750; cursor:pointer; }.native-app--low-poly-generator .poly-secondary-button span { margin-right:.3rem; color:var(--poly-mint); }
.native-app--low-poly-generator .poly-canvas-wrap { position:relative; display:grid; min-height:520px; padding:clamp(.6rem,2vw,1.25rem); place-items:center; border:1px solid var(--poly-line); border-radius:22px; overflow:hidden; background:#031c15; }
.native-app--low-poly-generator .poly-canvas-wrap canvas { display:block; max-width:100%; max-height:min(68vh,760px); width:auto; height:auto; border-radius:12px; box-shadow:0 24px 65px rgba(0,0,0,.36); }
.native-app--low-poly-generator .poly-processing { position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:.7rem; background:rgba(3,28,21,.78); backdrop-filter:blur(4px); }.native-app--low-poly-generator .poly-processing[hidden] { display:none; }.native-app--low-poly-generator .poly-processing span { width:34px; height:34px; border:3px solid rgba(123,218,180,.22); border-top-color:var(--poly-gold); border-radius:50%; animation:poly-spin .8s linear infinite; }.native-app--low-poly-generator .poly-processing b { color:var(--poly-ink); font-size:.78rem; }
@keyframes poly-spin { to { transform:rotate(360deg); } }
.native-app--low-poly-generator .poly-preview-panel__footer { display:grid; grid-template-columns:1fr auto; align-items:center; gap:1rem; margin-top:1rem; }
.native-app--low-poly-generator .poly-output-meta { display:grid; gap:.2rem; color:var(--poly-muted); font-size:.68rem; }.native-app--low-poly-generator .poly-output-meta b { color:var(--poly-mint); }
.native-app--low-poly-generator .poly-download-button { display:flex; align-items:center; gap:.65rem; min-height:58px; padding:.7rem 1rem; border:1px solid var(--poly-gold); border-radius:14px; background:var(--poly-gold); color:#173126; cursor:pointer; box-shadow:0 14px 30px rgba(255,196,91,.14); }.native-app--low-poly-generator .poly-download-button>span:first-child { font-size:1.4rem; }.native-app--low-poly-generator .poly-download-button>span:last-child { display:grid; text-align:left; }.native-app--low-poly-generator .poly-download-button b { font-size:.8rem; }.native-app--low-poly-generator .poly-download-button small { font-size:.58rem; font-weight:650; opacity:.75; }
.native-app--low-poly-generator .poly-status { min-height:1.4em; margin:.55rem 0 0; color:var(--poly-muted); font-size:.67rem; text-align:right; }
.native-app--low-poly-generator button:hover:not(:disabled) { transform:translateY(-1px); }

@media (max-width:980px) { .native-app--low-poly-generator .poly-studio__layout { grid-template-columns:1fr; }.native-app--low-poly-generator .poly-controls { border-right:0; border-bottom:1px solid var(--poly-line); }.native-app--low-poly-generator .poly-preview-panel { position:static; }.native-app--low-poly-generator .poly-canvas-wrap { min-height:420px; } }
@media (max-width:720px) { .native-app--low-poly-generator .poly-studio__hero { align-items:flex-start; flex-direction:column; }.native-app--low-poly-generator .poly-studio__hero-stats { width:100%; min-width:0; }.native-app--low-poly-generator .poly-range-grid { grid-template-columns:1fr; }.native-app--low-poly-generator .poly-canvas-wrap { min-height:300px; }.native-app--low-poly-generator .poly-preview-panel__footer { grid-template-columns:1fr; }.native-app--low-poly-generator .poly-download-button { justify-content:center; }.native-app--low-poly-generator .poly-status { text-align:left; } }
@media (max-width:460px) { .native-app--low-poly-generator .poly-size-grid { grid-template-columns:1fr 40px 1fr; }.native-app--low-poly-generator .poly-palettes { grid-template-columns:repeat(3,1fr); }.native-app--low-poly-generator .poly-color-grid { grid-template-columns:repeat(3,1fr); }.native-app--low-poly-generator .poly-preview-panel__header { align-items:flex-start; flex-direction:column; }.native-app--low-poly-generator .poly-secondary-button { width:100%; }.native-app--low-poly-generator .poly-canvas-wrap { min-height:230px; } }
