:root {
    --na-bg:#fff8fb;
    --na-surface:#ffffff;
    --na-soft:#fff1f6;
    --na-ink:#211722;
    --na-muted:#706275;
    --na-line:#f1dce5;
    --na-pink:#ff5da2;
    --na-rose:#f884b8;
    --na-purple:#9b67f7;
    --na-gold:#e8b35c;
    --na-shadow:0 24px 70px rgba(233,83,139,.10)
}
* { box-sizing:border-box }
html,body { max-width:100%; overflow-x:hidden }
body {
    margin:0;
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    background:radial-gradient(circle at top left,rgba(255,93,162,.10),transparent 20%),radial-gradient(circle at top right,rgba(155,103,247,.10),transparent 18%),linear-gradient(180deg,#fff8fb,#fffdfd 60%,#fff8fb);
    color:var(--na-ink)
}
img { display:block; max-width:100% }
.na-wrap,.na-hero,.na-section,.na-cta { width:min(1230px,calc(100% - 36px)); margin:0 auto }
.na-tag {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--na-line);
    color:var(--na-purple);
    font-size:11px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
    box-shadow:0 8px 24px rgba(155,103,247,.06)
}
.na-head { text-align:center; max-width:880px; margin:0 auto 40px }
.na-head h2 { margin:14px 0 10px; font-size:clamp(34px,5vw,58px); line-height:1.03; letter-spacing:-.05em }
.na-head p { margin:0; color:var(--na-muted); font-size:15px; line-height:1.85 }
.na-hero { display:grid; grid-template-columns:1.02fr .98fr; gap:44px; align-items:center; padding:74px 0 68px }
.na-copy h1 { margin:0; font-size:clamp(44px,6vw,78px); line-height:.96; letter-spacing:-.06em }
.na-copy h1 span { display:block }
.na-copy p { margin:20px 0 0; max-width:700px; color:var(--na-muted); font-size:16px; line-height:1.92 }
.na-chip-row { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 }
.na-chip-row span { padding:9px 13px; border-radius:999px; background:#fff; border:1px solid var(--na-line); font-size:12px; font-weight:850 }
.na-actions { display:flex; flex-wrap:wrap; gap:12px }
.na-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border-radius:15px;
    text-decoration:none;
    font-size:13px;
    font-weight:900
}
.na-actions .primary { background:linear-gradient(100deg,var(--na-purple),var(--na-pink)); color:#fff; box-shadow:0 18px 40px rgba(155,103,247,.22) }
.na-actions .ghost { background:#fff; border:1px solid var(--na-line); color:var(--na-ink) }
.na-stage {
    position:relative;
    min-height:620px;
    padding:20px;
    border-radius:34px;
    border:1px solid var(--na-line);
    background:linear-gradient(145deg,#fff,#fff5f9);
    box-shadow:var(--na-shadow);
    overflow:hidden
}
.na-stage:before {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 16%,rgba(255,93,162,.12),transparent 16%),radial-gradient(circle at 84% 18%,rgba(155,103,247,.12),transparent 16%),radial-gradient(circle at 55% 84%,rgba(232,179,92,.10),transparent 16%)
}
.na-card { position:absolute; overflow:hidden; border-radius:28px; background:#fff; border:1px solid rgba(255,255,255,.85); box-shadow:0 24px 50px rgba(76,31,57,.14) }
.na-card img { width:100%; height:100%; object-fit:cover }
.na-card.a { left:20px; top:24px; width:210px; height:260px; transform:rotate(-7deg) }
.na-card.b { right:20px; top:32px; width:220px; height:272px; transform:rotate(8deg) }
.na-card.c { left:118px; bottom:96px; width:290px; height:354px; transform:rotate(-2deg); z-index:2 }
.na-card.d { right:46px; bottom:30px; width:184px; height:226px; transform:rotate(7deg) }
.na-float {
    position:absolute;
    padding:14px 15px;
    border-radius:18px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(241,220,229,.95);
    box-shadow:0 16px 32px rgba(0,0,0,.08)
}
.na-float strong { display:block; font-size:14px }
.na-float span { display:block; margin-top:5px; color:var(--na-muted); font-size:12px; line-height:1.55 }
.na-float.one { left:22px; bottom:18px; max-width:240px }
.na-float.two { right:20px; top:402px; max-width:228px }
.na-section { padding:92px 0 }
.na-builder { padding:28px; border-radius:32px; border:1px solid var(--na-line); background:#fff; box-shadow:var(--na-shadow) }
.na-builder-grid { display:grid; grid-template-columns:380px 1fr; gap:26px }
.na-upload {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:325px;
    border:1.5px dashed #e1c7d3;
    border-radius:28px;
    background:linear-gradient(145deg,#fff,#fff7fb);
    overflow:hidden;
    cursor:pointer;
    transition:.24s
}
.na-upload:hover,.na-upload.drag { transform:translateY(-3px); border-color:#b685ff; box-shadow:0 18px 36px rgba(155,103,247,.12) }
.na-upload input { display:none }
.na-upload-empty { padding:24px; text-align:center }
.na-upload-icon { display:grid; place-items:center; width:76px; height:76px; margin:0 auto 14px; border-radius:24px; background:#fff; box-shadow:0 14px 35px rgba(40,28,35,.11) }
.na-upload-empty strong { font-size:19px }
.na-upload-empty span { display:block; margin-top:7px; color:var(--na-pink); font-size:12px; font-weight:900 }
.na-upload-empty small { display:block; max-width:270px; margin:12px auto 0; color:#8d7b88; font-size:11px; line-height:1.65 }
.na-upload-preview { position:absolute; inset:0; padding:12px }
.na-upload-preview[hidden] { display:none }
.na-upload-preview img { width:100%; height:100%; object-fit:contain; border-radius:18px }
.na-change {
    position:absolute;
    right:14px;
    bottom:14px;
    min-height:38px;
    padding:0 14px;
    border:0;
    border-radius:999px;
    background:rgba(16,18,27,.82);
    color:#fff;
    font-size:11px;
    font-weight:800;
    cursor:pointer
}
.na-upload-tip { margin-top:16px; padding:16px 18px; border-radius:18px; background:var(--na-soft) }
.na-upload-tip b { font-size:12px }
.na-upload-tip ul { margin:10px 0 0; padding-left:18px; color:var(--na-muted); font-size:12px; line-height:1.8 }
.na-builder-main h3 { margin:0; font-size:32px; letter-spacing:-.03em }
.na-builder-main p { margin:10px 0 0; color:var(--na-muted); font-size:14px; line-height:1.86 }
.na-field { margin-top:18px }
.na-field label { display:block; margin-bottom:10px; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase }
.na-chips { display:flex; flex-wrap:wrap; gap:8px }
.na-chips button,.na-filter-tabs button,.na-color-tabs button {
    min-height:40px;
    padding:0 13px;
    border:1px solid var(--na-line);
    border-radius:999px;
    background:#fff;
    color:#5a4f59;
    font-size:12px;
    font-weight:850;
    cursor:pointer
}
.na-chips button.active,.na-filter-tabs button.active,.na-color-tabs button.active {
    border-color:#b685ff;
    background:#f5efff;
    color:var(--na-purple);
    box-shadow:0 0 0 2px rgba(155,103,247,.06)
}
.na-select-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
.na-select-grid label { display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:800 }
.na-select-grid select,.na-builder textarea { width:100%; border:1px solid var(--na-line); background:#fff; color:var(--na-ink); font:inherit; outline:none }
.na-select-grid select { min-height:46px; padding:0 12px; border-radius:12px }
.na-builder textarea { min-height:136px; padding:15px; border-radius:18px; resize:vertical; line-height:1.7 }
.na-select-grid select:focus,.na-builder textarea:focus { border-color:#b685ff; box-shadow:0 0 0 3px rgba(155,103,247,.1) }
.na-prompt-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
.na-prompt-card { padding:16px; border-radius:18px; background:#fff8fc; border:1px solid var(--na-line); cursor:pointer; transition:.2s }
.na-prompt-card:hover { transform:translateY(-2px); border-color:#d7befa; box-shadow:0 14px 30px rgba(233,83,139,.08) }
.na-prompt-card strong { display:block; font-size:14px }
.na-prompt-card span { display:block; margin-top:6px; color:var(--na-muted); font-size:12px; line-height:1.7 }
.na-actions-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px }
.na-actions-row button,.na-actions-row a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border-radius:15px;
    font-size:13px;
    font-weight:900;
    text-decoration:none
}
.na-actions-row button { border:0; background:linear-gradient(100deg,var(--na-purple),var(--na-pink)); color:#fff; cursor:pointer; box-shadow:0 16px 36px rgba(155,103,247,.2) }
.na-actions-row a { border:1px solid var(--na-line); background:#fff; color:var(--na-ink) }
.na-helper { margin-top:12px; color:var(--na-muted); font-size:12px; line-height:1.75 }
.na-filter-wrap { display:grid; gap:16px }
.na-filter-tabs,.na-color-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:10px }
.na-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px }
.na-style-card { overflow:hidden; border-radius:22px; border:1px solid var(--na-line); background:#fff; box-shadow:0 12px 28px rgba(76,31,57,.06) }
.na-style-media { position:relative; aspect-ratio:1; background:#faf1f5 }
.na-style-media img { width:100%; height:100%; object-fit:cover }
.na-style-overlay {
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:12px;
    background:linear-gradient(transparent 34%,rgba(16,18,27,.78));
    opacity:0;
    transition:.22s
}
.na-style-card:hover .na-style-overlay { opacity:1 }
.na-style-overlay a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    background:#fff;
    color:#111827;
    text-decoration:none;
    font-size:11px;
    font-weight:900
}
.na-style-copy { padding:12px; text-align:center }
.na-style-copy strong { display:block; font-size:12px; line-height:1.45 }
.na-style-copy span { display:block; margin-top:3px; color:var(--na-muted); font-size:11px }
.na-use-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px }
.na-use-card,.na-why-card { padding:22px; border:1px solid var(--na-line); border-radius:24px; background:#fff; box-shadow:0 10px 26px rgba(76,31,57,.05) }
.na-use-num {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--na-purple),var(--na-pink));
    color:#fff;
    font-size:18px;
    font-weight:900
}
.na-use-card h3,.na-why-card h3 { margin:14px 0 8px; font-size:22px; letter-spacing:-.02em }
.na-use-card p,.na-why-card p,.na-faq p { margin:0; color:var(--na-muted); font-size:14px; line-height:1.84 }
.na-why-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px }
.na-faq { max-width:980px; margin:0 auto; border-top:1px solid var(--na-line) }
.na-faq details { border-bottom:1px solid var(--na-line) }
.na-faq summary { display:flex; align-items:center; justify-content:space-between; padding:22px 0; list-style:none; cursor:pointer; font-weight:900 }
.na-faq summary::-webkit-details-marker { display:none }
.na-faq p { margin:-4px 0 22px }
.na-cta { padding:88px 0 106px; text-align:center }
.na-cta-box { padding:50px 24px; border-radius:34px; background:linear-gradient(130deg,#fff,#fff0f6); border:1px solid #efd9e5 }
.na-cta-box h2 { margin:14px 0 12px; font-size:clamp(36px,5vw,64px); letter-spacing:-.05em }
.na-cta-box p { max-width:800px; margin:0 auto 26px; color:var(--na-muted); line-height:1.85; font-size:15px }
.na-cta-box a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border-radius:15px;
    background:linear-gradient(100deg,var(--na-purple),var(--na-pink));
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    box-shadow:0 16px 38px rgba(155,103,247,.22)
}
@media(max-width:1100px) {
    .na-hero { grid-template-columns:1fr }
    .na-copy { text-align:center }
    .na-copy p { margin-left:auto; margin-right:auto }
    .na-chip-row,.na-actions { justify-content:center }
    .na-stage { max-width:760px; margin:auto }
    .na-builder-grid { grid-template-columns:1fr }
    .na-select-grid { grid-template-columns:repeat(2,1fr) }
    .na-grid { grid-template-columns:repeat(4,1fr) }
    .na-use-grid,.na-why-grid { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:680px) {
    .na-wrap,.na-hero,.na-section,.na-cta { width:calc(100% - 20px) }
    .na-hero { padding:46px 0 52px; gap:30px }
    .na-copy h1 { font-size:44px }
    .na-copy p { font-size:14px }
    .na-stage { min-height:500px; padding:14px; border-radius:24px }
    .na-card.a { left:10px; top:16px; width:138px; height:172px }
    .na-card.b { right:12px; top:36px; width:144px; height:178px }
    .na-card.c { left:70px; bottom:90px; width:180px; height:220px }
    .na-card.d { right:16px; bottom:44px; width:116px; height:144px }
    .na-float { padding:10px 11px; border-radius:14px }
    .na-float strong { font-size:13px }
    .na-float span { font-size:11px }
    .na-float.one { left:10px; bottom:12px; right:140px; max-width:none }
    .na-float.two { top:auto; right:10px; bottom:14px; width:126px; max-width:none }
    .na-builder { padding:14px; border-radius:22px }
    .na-upload { min-height:240px }
    .na-select-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
    .na-select-grid label span { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .na-select-grid select { padding:0 6px; font-size:10px }
    .na-prompt-grid,.na-use-grid,.na-why-grid { grid-template-columns:1fr }
    .na-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px }
    .na-head h2,.na-cta-box h2 { font-size:34px }
}

/* T67_MOBILE_HERO_FIX_V3 */
@media (max-width:680px){
  .na-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-height:0!important;height:auto!important;padding:12px!important;overflow:hidden!important;isolation:isolate}
  .na-stage:before{z-index:0!important;pointer-events:none}
  .na-card,.na-card.a,.na-card.b,.na-card.c,.na-card.d{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-width:0!important;aspect-ratio:4/5!important;transform:none!important;border-radius:16px!important;z-index:1!important}
  .na-card img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;object-fit:cover!important}
  .na-float{display:none!important}
}


/* ===== Nail art direct workbench ===== */
:root{
  --na-work-card:#ffffff;
  --na-work-soft:#f8efe8;
  --na-work-line:#e6d4c9;
  --na-work-line-strong:#d8b89d;
  --na-work-text:#231815;
  --na-work-muted:#72645b;
  --na-work-accent:#9b506c;
  --na-work-accent-2:#6e3b50;
  --na-work-shadow:0 18px 48px rgba(79,38,53,.08);
}
html[data-theme='dark']{
  --na-work-card:#241a1f;
  --na-work-soft:#2b2026;
  --na-work-line:#4b3740;
  --na-work-line-strong:#705260;
  --na-work-text:#f6eef2;
  --na-work-muted:#c4b3bc;
  --na-work-accent:#ef8fb2;
  --na-work-accent-2:#f6b9cf;
  --na-work-shadow:0 18px 48px rgba(0,0,0,.26);
}
.na-direct-studio{display:flex;flex-direction:column;gap:22px}
.na-work-grid{display:grid;grid-template-columns:2fr 2fr 3fr;gap:18px;align-items:stretch}
.na-upload-panel,.na-control-panel{
  display:flex;flex-direction:column;height:100%;padding:20px;
  border:1px solid var(--na-work-line);border-radius:0;
  background:var(--na-work-card);box-shadow:var(--na-work-shadow);
}
.na-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.na-panel-head span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--na-work-soft);color:var(--na-work-accent-2);font-size:12px;font-weight:900}
.na-panel-head h3{margin:0;font-size:20px;letter-spacing:-.02em;color:var(--na-work-text)}
.na-panel-copy{margin:0 0 14px;color:var(--na-work-muted);font-size:14px;line-height:1.7}
.na-upload-zone{
  position:relative;display:flex;flex:1;min-height:440px;align-items:center;justify-content:center;
  border:1.5px dashed var(--na-work-line-strong);border-radius:0;
  background:linear-gradient(135deg,#fdf9f6,#f4e8e0);
  overflow:hidden;cursor:pointer;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;
}
html[data-theme='dark'] .na-upload-zone{background:linear-gradient(135deg,#302329,#261c21)}
.na-upload-zone:hover,.na-upload-zone.drag{border-color:var(--na-work-accent);box-shadow:0 14px 34px rgba(155,80,108,.14);transform:translateY(-1px)}
.na-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.na-upload-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;color:var(--na-work-text)}
.na-upload-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--na-work-card);border:1px solid var(--na-work-line);color:var(--na-work-accent)}
.na-upload-icon svg{width:32px;height:32px}
.na-upload-empty strong{font-size:18px;line-height:1.3}
.na-upload-empty span{max-width:240px;color:var(--na-work-muted);font-size:14px;line-height:1.7}
.na-upload-empty small{color:var(--na-work-muted);font-size:12px;line-height:1.7}
.na-upload-preview{position:absolute;inset:0;background:linear-gradient(180deg,rgba(253,249,246,.8),rgba(253,249,246,.9))}
html[data-theme='dark'] .na-upload-preview{background:linear-gradient(180deg,rgba(36,26,31,.82),rgba(36,26,31,.92))}
.na-upload-preview img{width:100%;height:100%;object-fit:contain;padding:18px}
.na-clear-btn{
  position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;
  background:rgba(28,23,25,.82);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.18)
}
.na-clear-btn:hover{background:#111}
.na-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.na-select-field{display:flex;flex-direction:column;gap:6px}
.na-select-field span{color:var(--na-work-text);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.na-select-field select{
  width:100%;height:42px;padding:0 10px;border:1px solid var(--na-work-line);border-radius:10px;
  background:var(--na-work-card);color:var(--na-work-text);font-size:14px;outline:none;
}
.na-select-field select:focus{border-color:var(--na-work-accent);box-shadow:0 0 0 3px rgba(155,80,108,.12)}
.na-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;color:var(--na-work-text)}
.na-prompt-head strong{font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.na-sample-btn,.na-secondary-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;
  border:1px solid var(--na-work-line);background:var(--na-work-card);color:var(--na-work-text);font-size:13px;font-weight:900;cursor:pointer;text-decoration:none
}
.na-sample-btn:hover,.na-secondary-btn:hover{transform:translateY(-1px)}
.na-prompt-box{
  width:100%;min-height:148px;padding:16px 18px;border:1px solid var(--na-work-line);border-radius:16px;background:var(--na-work-card);
  color:var(--na-work-text);font:inherit;line-height:1.75;resize:vertical;outline:none;
}
.na-prompt-box:focus{border-color:var(--na-work-accent);box-shadow:0 0 0 3px rgba(155,80,108,.12)}
.na-action-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:16px}
.na-credits-block{display:flex;flex-direction:column;gap:6px;min-width:0}
#naCreditsText{font-size:14px;font-weight:900;color:var(--na-work-text);line-height:1.45}
#naCreditsText a{color:var(--na-work-accent);text-decoration:none}
.na-status-line{color:var(--na-work-muted);font-size:13px;line-height:1.55}
.na-status-line.success{color:#2f7a4a}.na-status-line.error{color:#c83a4f}.na-status-line.queue{color:var(--na-work-accent)}
.na-button-stack{display:flex;align-items:center;justify-content:flex-end}
.na-generate-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:0;border-radius:16px;
  background:linear-gradient(135deg,var(--na-work-accent),#ea5e9b);color:#fff;font-size:16px;font-weight:900;cursor:pointer;
  box-shadow:0 18px 36px rgba(155,80,108,.24)
}
.na-generate-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}
.na-results{padding:24px;border:1px solid var(--na-work-line);border-radius:0;background:var(--na-work-card);box-shadow:var(--na-work-shadow)}
.na-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.na-results-head h3{margin:12px 0 0;font-size:26px;letter-spacing:-.03em;color:var(--na-work-text)}
.na-results-actions{display:flex;flex-wrap:wrap;gap:10px}
.na-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.na-result-card{position:relative;min-height:280px;max-height:500px;border:1px solid var(--na-work-line);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(17,20,29,.96),rgba(17,20,29,.88))}
.na-result-card img{width:100%;height:100%;min-height:280px;max-height:500px;object-fit:contain;background:#11151d}
.na-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:#fff;text-align:center;background:rgba(12,15,24,.68)}
.na-result-overlay strong{font-size:16px}.na-result-overlay span{max-width:280px;color:rgba(255,255,255,.8);font-size:13px;line-height:1.6}
.na-result-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:999px;animation:naSpin 1s linear infinite}
@keyframes naSpin{to{transform:rotate(360deg)}}
.na-result-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:2}
.na-download-one{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:rgba(17,20,29,.82);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.na-result-card.is-error{background:linear-gradient(180deg,rgba(53,19,28,.98),rgba(40,16,22,.96))}
.na-style-card.is-active{outline:2px solid var(--na-work-accent);outline-offset:2px}
#naGallery .na-style-copy span{color:var(--na-muted)}
@media(max-width:1100px){
  .na-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .na-control-panel{grid-column:1 / -1}
}
@media(max-width:760px){
  .na-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .na-upload-panel,.na-control-panel{padding:14px}
  .na-upload-zone{min-height:260px}
  .na-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .na-action-row,.na-results-head{flex-direction:column;align-items:stretch}
  .na-button-stack{justify-content:stretch}.na-generate-btn{width:100%}
  .na-results-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .na-upload-zone{min-height:220px}
  .na-upload-empty{padding:20px 14px}.na-upload-empty strong{font-size:16px}.na-upload-empty span{font-size:13px}
  .na-panel-head h3{font-size:18px}
  .na-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}