.werkstatt-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:20px 0; }
.werkstatt-card { display:block; background:var(--card); border:1px solid var(--border); border-radius:10px; padding:20px; text-decoration:none; color:var(--text); }
.werkstatt-card:hover { border-color:var(--accent); background:var(--card-hover); }
.werkstatt-card h2 { margin:8px 0 6px; font-size:1.15rem; }
.werkstatt-card p { color:var(--muted); font-size:0.9rem; margin:0 0 12px; }
.wk-icon { font-size:1.6rem; }
.wk-cta { color:var(--accent); font-weight:600; font-size:0.9rem; }
.wk-books { margin:0; padding-left:18px; line-height:1.7; }
.wk-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0 16px; }
.wk-btn { background:var(--accent); color:#fff; border:none; border-radius:8px; padding:8px 14px; font-weight:600; cursor:pointer; font-family:inherit; }
.wk-btn:hover { filter:brightness(1.08); }
.wk-btn:disabled { opacity:0.5; cursor:wait; }
.wk-btn-ghost { background:transparent; color:var(--text); border:1px solid var(--border); }
.wk-code { display:block; width:100%; box-sizing:border-box; margin-top:6px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:0.85rem; line-height:1.45; background:#0d1117; color:#e6edf3; border:1px solid var(--border); border-radius:8px; padding:10px; resize:vertical; tab-size:2; }
.wk-web-layout { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:900px){ .wk-web-layout { grid-template-columns:1fr; } }
.wk-editors label { display:block; margin-bottom:10px; font-size:0.85rem; color:var(--muted); }
.wk-pane-title { font-size:0.8rem; color:var(--muted); margin:8px 0 4px; text-transform:uppercase; letter-spacing:0.04em; }
.wk-frame { width:100%; height:320px; border:1px solid var(--border); border-radius:8px; background:#fff; }
.wk-console { min-height:100px; max-height:280px; overflow:auto; background:#0d1117; color:#e6edf3; border:1px solid var(--border); border-radius:8px; padding:10px; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:0.82rem; white-space:pre-wrap; word-break:break-word; margin:0; }
.wk-console .err { color:#ff6b6b; }
.wk-console .ok { color:#51cf66; }
.wk-console .meta { color:#8b949e; }

@media (max-width: 900px) {
  .wk-web-layout { grid-template-columns: 1fr; }
  .wk-toolbar { flex-direction: column; align-items: stretch; }
  .wk-btn { width: 100%; min-height: 44px; }
  .wk-code { font-size: 15px; }
}