:root{--g-bg: #f5f7f2;--g-surface: #ffffff;--g-surface-alt: #eef1e9;--g-text: #1e241f;--g-text-muted: #5f6b62;--g-border: #d8ded2;--g-primary: #2f9e58;--g-primary-dark: #237a44;--g-primary-contrast: #ffffff;--g-accent: #f2a63d;--g-accent-contrast: #25201a;--g-danger: #d2553f;--g-warn: #d99100;--g-success: #2f9e58;--g-info: #3b7bd1;--g-radius: 16px;--g-radius-sm: 10px;--g-shadow: 0 8px 24px rgba(30, 36, 31, .09);--g-shadow-sm: 0 2px 8px rgba(30, 36, 31, .08);--g-font: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--g-bg);color:var(--g-text);font-family:var(--g-font);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:var(--g-primary-dark)}h1,h2,h3{margin:0 0 .4em;line-height:1.15}.page{max-width:880px;margin:0 auto;padding:32px 20px 80px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.spread{justify-content:space-between}.muted{color:var(--g-text-muted)}.card{background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--g-radius);box-shadow:var(--g-shadow-sm);padding:20px}.btn{font:inherit;font-weight:600;border:1px solid var(--g-border);background:var(--g-surface);color:var(--g-text);padding:10px 18px;border-radius:var(--g-radius-sm);cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease}.btn:hover{box-shadow:var(--g-shadow-sm)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--g-primary);border-color:var(--g-primary);color:var(--g-primary-contrast)}.btn-primary:hover{background:var(--g-primary-dark)}.btn-accent{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-contrast)}.btn-lg{padding:16px 26px;font-size:1.1rem;border-radius:var(--g-radius)}.btn-ghost{background:transparent;border-color:transparent;color:var(--g-primary-dark)}.input,.textarea{font:inherit;width:100%;padding:11px 14px;border:1px solid var(--g-border);border-radius:var(--g-radius-sm);background:var(--g-surface);color:var(--g-text)}.input:focus,.textarea:focus{outline:2px solid var(--g-primary);outline-offset:1px}.label{font-size:.85rem;font-weight:600;color:var(--g-text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--g-surface-alt);color:var(--g-text-muted)}.badge-warn{background:#fff3d6;color:#8a6500}.badge-success{background:#ddf3e4;color:var(--g-primary-dark)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em}.goblins-cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;color:var(--g-accent-contrast);background:var(--g-accent);padding:12px 20px;border-radius:999px;box-shadow:var(--g-shadow-sm)}.goblins-cta:hover{filter:brightness(1.03)}.wb-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff}.wb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;cursor:crosshair;touch-action:none}.wb-topbar{position:absolute;top:0;left:0;right:0;padding:14px 20px;background:#ffffffed;border-bottom:1px solid var(--g-border);z-index:2}.wb-bottombar{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:#ffffffed;border-top:1px solid var(--g-border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;z-index:2}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#f5f7f2d9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:28px;height:28px;border:3px solid var(--g-surface-alt);border-top-color:var(--g-primary);border-radius:50%;animation:g-spin .8s linear infinite}@keyframes g-spin{to{transform:rotate(360deg)}}