html, body { background: var(--paper); color: var(--ink); font-family: Inter, sans-serif !important; }
.top-bar { background: var(--paper) !important; border-bottom: 1px solid var(--line); }
.top-bar .logo, .top-bar .icons { display:none; }
.top-bar .input-wrapper { opacity:1 !important; pointer-events:auto !important; }
header, .article, .bg-white, .input-form, .input-wrapper, .dim { background-color: var(--paper) !important; color: var(--ink); }
input, [contenteditable], .text-gray-900, .text-gray-800, .text-gray-700, .label, .token-input { color: var(--ink) !important; }
.text-gray-600, .text-gray-500, .text-gray-400, .subtitle, .step > .title { color: var(--muted) !important; }
button, select, .example-dropdown, [role=tooltip] { background-color:var(--panel) !important; color:var(--ink) !important; border-color:var(--line) !important; }
.article { max-width: 900px; margin:0 auto; }
.article h1, .article h2, .article h3, .article p, .article li { color:var(--ink); }
.model-error { position:fixed; bottom:1rem; left:1rem; right:1rem; z-index:9999; background:var(--panel); color:var(--ink); border:1px solid var(--line); padding:1rem; border-radius:8px; }
:focus-visible { outline:2px solid var(--accent) !important; outline-offset:3px; }

.head-card { background-color:var(--paper) !important; border:1px solid var(--line); }
.temperature-input, .temperature-text, .parameters { color:var(--muted) !important; }

.text-card { background:var(--panel) !important; border:1px solid var(--line); color:var(--ink); }

header { min-width:0 !important; width:100vw !important; left:0; transform:none !important; }
.top-bar { width:100%; padding:12px !important; box-sizing:border-box; }
.top-bar .inputs, .input-area, .input-form, .input-btn-group { min-width:0; }
.input-area { padding:0 !important; gap:12px !important; }
.input-form { flex:1 1 auto !important; }
.input-btn-group { flex:1 1 auto !important; }
.input-container { min-width:0; }
.editable { justify-content:flex-start !important; }
@media(max-width:1100px) {
  .input-area { flex-direction:column; align-items:stretch; }
  .parameters { justify-content:flex-end; margin-top:12px; }
  .helper-text { font-size:11px !important; }
}

@media(max-width:1100px) {
  .input-form { position:relative; margin-bottom:24px; }
  .input-container { position:static; }
  .helper-text { top:100%; left:0; right:0; bottom:auto !important; transform:none !important; line-height:1.3; white-space:normal; }
}
@media(max-width:600px) { .input-form { margin-bottom:38px; } }