:root{
  --bg:#fff;
  --fg:#111;
  --muted:#555;
  --line:#e6e6e6;
  --card:#fff;
  --shadow:0 1px 10px rgba(0,0,0,.04);
  --radius:14px;
  --pad:16px;
  --max:960px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";}
a{color:inherit}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:12px;top:12px;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:10px;z-index:9999}

.nw-header{border-bottom:1px solid var(--line)}
.nw-header__inner{max-width:var(--max);margin:0 auto;padding:18px var(--pad);display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.nw-title{margin:0;font-size:20px;line-height:1.2}
.nw-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}
.nw-lang{display:flex;gap:8px}
.nw-lang__btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;cursor:pointer}
.nw-lang__btn.is-active{border-color:#bbb}

.nw-main{max-width:var(--max);margin:0 auto;padding:14px var(--pad) 30px}
.nw-intro{margin:10px 0 14px;color:var(--muted);font-size:13px;line-height:1.5}
.nw-section-title{margin:0 0 8px;font-size:14px;letter-spacing:.02em}
.nw-steps{margin:14px 0 16px}
.nw-steps__list{margin:0 0 0 18px;color:var(--muted);font-size:13px;line-height:1.6}

.nw-freepro{margin:12px 0 16px}
.nw-freepro__grid{display:grid;gap:12px}
.nw-freepro__col{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafafa}
.nw-freepro__label{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.nw-freepro__list{margin:0 0 0 18px;color:var(--muted);font-size:13px;line-height:1.6}
@media (min-width:768px){ .nw-freepro__grid{grid-template-columns:1fr 1fr;} }

.ad-slot{border:1px dashed var(--line);border-radius:12px;padding:10px;margin:12px 0;background:#fafafa}
.ad-placeholder{color:#888;font-size:12px;text-align:center}
.is-pro .ad-top,
.is-pro .ad-bottom{display:none}

.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:14px;margin:14px 0}
.card__grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:900px){ .card__grid{grid-template-columns:1.1fr .9fr;} }

.panel__title{margin:0 0 10px;font-size:15px}
.textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;line-height:1.5;resize:vertical;min-height:160px}
.input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px}
.meta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:8px}
.meta{color:var(--muted);font-size:12px}

.field{margin:12px 0}
.field__label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}

.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg__btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;cursor:pointer}
.seg__btn.is-active{border-color:#bbb}

.actions{margin-top:12px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn-primary{border-color:#111;background:#111;color:#fff}
.btn-ghost{background:#fff;border-style:dashed}
.btn-small{padding:8px 10px;font-size:12px}

.checks{margin-top:14px}
.checks__title{margin:12px 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.checks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.check{border:1px solid var(--line);border-radius:12px;padding:10px}
.check__k{font-size:11px;color:var(--muted)}
.check__v{font-size:14px;margin-top:4px}

.checks__list{display:flex;flex-direction:column;gap:8px}
.warn{border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px}
.warn.is-on{border-color:#c9c9c9;background:#fcfcfc}

.progress-wrap{margin:10px 0 12px}
.progress-label{font-size:12px;color:var(--muted);margin-bottom:6px}
.progress-bar{height:10px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fafafa}
.progress-bar__inner{height:100%;width:60%;background:#111}

.error{border:1px solid #d33;background:#fff5f5;color:#611;padding:10px;border-radius:12px;margin:10px 0;font-size:13px}
.toast{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;background:#fafafa}

.preview{margin-top:14px}
.preview__title{font-size:12px;color:var(--muted);margin-bottom:8px}
.preview__box{border:1px solid var(--line);border-radius:12px;padding:10px;height:calc(1.5em * 2 + 20px);overflow:auto;background:#fff;font-size:14px;line-height:1.5;white-space:pre-wrap}
.pro-tools{margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
.pro-tools__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
.pro-tools__title{margin:0;font-size:13px;letter-spacing:.02em}
.pro-tools__grid{display:grid;gap:12px}
.pro-tools.is-locked{opacity:.65}
.pro-block{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafafa}
.pro-block__title{font-size:12px;font-weight:600;margin:0 0 6px}
.template-row{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:8px}
.template-label{font-size:12px;color:var(--muted)}
.history-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.history-item{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:8px}
.history-item__meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:11px;color:var(--muted)}
.history-item__snippet{font-size:12px;color:#333}
@media (min-width:900px){ .pro-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr));} }

.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}
.pro-head{display:flex;gap:10px;align-items:center;justify-content:space-between}
.muted{color:var(--muted);font-size:13px;line-height:1.5}
.pro-list{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.5}

.nw-note{margin:14px 0;color:var(--muted);font-size:12px}
.nw-donate{margin:16px 0 0}
.nw-donate__text{margin:0 0 10px;color:var(--muted);font-size:13px}

.nw-faq{margin:48px 0 12px}
.nw-faq__item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.nw-faq__item + .nw-faq__item{margin-top:10px}
.nw-faq__item summary{cursor:pointer;font-size:13px;font-weight:600}
.nw-faq__answer{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}

.nw-help{margin:12px 0 48px}
.nw-help__links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
.nw-help__links a{text-decoration:underline}

.nw-footer{border-top:1px solid var(--line)}
.nw-footer__inner{max-width:var(--max);margin:0 auto;padding:18px var(--pad);color:var(--muted);font-size:12px;line-height:1.5}
.nw-footer__home{display:inline-block;margin-top:8px}