*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--wg-font-body);background:var(--wg-bg);color:var(--wg-text);line-height:1.6}
a{color:var(--wg-accent);text-decoration:none}
a:hover{color:var(--wg-primary)}
img{max-width:100%;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}
.wg-header{background:#fff;border-bottom:1px solid var(--wg-border);position:sticky;top:0;z-index:50}
.wg-header__inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem;flex-wrap:wrap}
.wg-header__brand{display:flex;align-items:center;gap:.6rem}
.wg-header__brand svg{width:32px;height:32px}
.wg-header__name{font-family:var(--wg-font-heading);font-weight:700;font-size:1.2rem;color:var(--wg-primary)}
.wg-header__tag{font-size:.65rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--wg-text-2)}
.wg-header__nav{display:flex;gap:.6rem;align-items:center}
.wg-pill{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--wg-border);background:#fff;color:var(--wg-text-2)}
.wg-layout{display:grid;grid-template-columns:420px 1fr;gap:1rem;padding:1rem 0}
.wg-layout--fullscreen{grid-template-columns:1fr}
.wg-layout--fullscreen #wg-panel{display:none}
.wg-layout--fullscreen #wg-preview{grid-column:1/-1}
.wg-layout--fullscreen .wg-iframe-wrap iframe{height:calc(100vh - 110px)}
@media(max-width:980px){.wg-layout{grid-template-columns:1fr}}
.wg-card{background:var(--wg-surface);border:1px solid var(--wg-border);border-radius:var(--wg-radius);box-shadow:var(--wg-shadow);overflow:hidden}
.wg-card__head{padding:1rem 1rem .6rem;border-bottom:1px solid var(--wg-border)}
.wg-card__head h2{font-family:var(--wg-font-heading);font-size:1rem}
.wg-card__head p{font-size:.8rem;color:var(--wg-text-2)}
.wg-card__body{padding:1rem}
.wg-form{display:grid;gap:.8rem}
.wg-field{display:grid;gap:.3rem}
.wg-field label{font-size:.78rem;font-weight:600;color:var(--wg-text)}
.wg-field input,.wg-field select,.wg-field textarea{width:100%;border:1px solid var(--wg-border);border-radius:var(--wg-radius-sm);padding:.6rem .75rem;font:inherit;font-size:.85rem;background:#fff}
.wg-field textarea{min-height:72px;resize:vertical}
.wg-field small{font-size:.72rem;color:var(--wg-text-2)}
.wg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
@media(max-width:520px){.wg-grid2{grid-template-columns:1fr}}
.wg-presets{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.wg-preset{border:1px solid var(--wg-border);border-radius:10px;padding:.6rem;background:#fff;cursor:pointer;text-align:left}
.wg-preset--active{border-color:var(--wg-accent);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.wg-preset__sw{display:flex;gap:.35rem;margin-bottom:.4rem}
.wg-preset__sw span{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}
.wg-preset__name{font-size:.8rem;font-weight:700}
.wg-preset__niche{font-size:.7rem;color:var(--wg-text-2)}
.wg-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.wg-btn{border:1px solid transparent;border-radius:999px;padding:.6rem 1rem;font-weight:700;font-size:.82rem;cursor:pointer}
.wg-btn--primary{background:var(--wg-primary);color:#fff}
.wg-btn--primary:disabled{opacity:.5;cursor:not-allowed}
.wg-btn--ghost{background:#fff;border-color:var(--wg-border);color:var(--wg-text)}
.wg-btn--accent{background:var(--wg-accent);color:#fff}
.wg-preview{display:grid;gap:.6rem}
.wg-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.wg-preview__bar h3{font-family:var(--wg-font-heading);font-size:.95rem}
.wg-iframe-wrap{background:#fff;border:1px solid var(--wg-border);border-radius:12px;overflow:hidden;box-shadow:var(--wg-shadow)}
.wg-iframe-wrap iframe{width:100%;height:560px;border:0;background:#fff}
.wg-log{background:#0b1220;color:#cbd5e1;border-radius:12px;padding:.8rem;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:.72rem;line-height:1.5;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.wg-log__line{opacity:.95}
.wg-kv{display:flex;gap:.4rem;flex-wrap:wrap}
.wg-kv span{font-size:.7rem;background:var(--wg-muted);border:1px solid var(--wg-border);padding:.25rem .5rem;border-radius:999px}
.wg-status{font-size:.78rem;padding:.5rem .7rem;border-radius:10px;border:1px solid var(--wg-border);background:#fff}
.wg-status--ok{border-color:#86efac;background:#f0fdf4}
.wg-status--warn{border-color:#fde68a;background:#fffbeb}
.wg-status--err{border-color:#fecaca;background:#fef2f2}
.wg-toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:var(--wg-primary);color:#fff;padding:.7rem 1rem;border-radius:999px;font-size:.8rem;box-shadow:var(--wg-shadow-lg);display:none;z-index:80}
.wg-toast--show{display:block}
.wg-footer{padding:1.2rem 0;color:var(--wg-text-2);font-size:.78rem;text-align:center}
.wg-field--error input,.wg-field--error select{border-color:#ef4444}
.wg-help{font-size:.72rem;color:var(--wg-text-2)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}