*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#c9d1d9;min-height:100vh}.app{max-width:960px;margin:0 auto;padding:24px}.app-header{text-align:center;margin-bottom:32px}.app-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#58a6ff,#bc8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#8b949e;margin-top:4px;font-size:.95rem}.tabs{display:flex;gap:8px;justify-content:center;margin-top:20px}.tab{padding:8px 24px;border:1px solid #30363d;border-radius:6px;background:#161b22;color:#c9d1d9;cursor:pointer;font-size:.9rem;transition:all .15s}.tab:hover{background:#1c2333;border-color:#58a6ff}.tab.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.panel{display:none}.panel.visible{display:block}.panel.hidden{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-section{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px}.form-section.full-width{grid-column:1 / -1}.form-section h2{font-size:1rem;color:#58a6ff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #30363d}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.85rem;color:#8b949e;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#c9d1d9;font-size:.9rem;font-family:inherit}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#58a6ff}.vocab-input{display:flex;gap:8px;margin-bottom:8px}.vocab-input input{flex:1}.vocab-tags{display:flex;flex-wrap:wrap;gap:6px}.vocab-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#1f2937;border:1px solid #30363d;border-radius:12px;font-size:.8rem;color:#c9d1d9}.vocab-tag button{background:none;border:none;color:#f85149;cursor:pointer;font-size:.9rem;padding:0 2px;line-height:1}.knowledge-item{border:1px solid #30363d;border-radius:6px;padding:12px;margin-bottom:10px;background:#0d1117}.knowledge-item-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.knowledge-item-header input{flex:1}.knowledge-item-header button{background:none;border:1px solid #f85149;color:#f85149;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.knowledge-item textarea{min-height:100px}.btn{padding:8px 16px;border:1px solid #30363d;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-primary{background:#1f6feb;color:#fff;border-color:#1f6feb}.btn-primary:hover{background:#388bfd}.btn-secondary{background:#21262d;color:#c9d1d9}.btn-secondary:hover{background:#30363d;border-color:#8b949e}.btn-danger{background:transparent;color:#f85149;border-color:#f85149}.btn-danger:hover{background:#f8514911}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chat-box{background:#161b22;border:1px solid #30363d;border-radius:8px;display:flex;flex-direction:column;height:500px}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:85%;padding:10px 14px;border-radius:8px;font-size:.9rem;line-height:1.4}.chat-message.user{align-self:flex-end;background:#1f6feb;color:#fff}.chat-message.assistant{align-self:flex-start;background:#21262d;color:#c9d1d9;border:1px solid #30363d}.chat-message.system{align-self:center;background:#1c2333;color:#8b949e;font-size:.8rem;border:1px dashed #30363d;max-width:100%}.chat-input-area{padding:12px;border-top:1px solid #30363d;display:flex;gap:8px}.chat-input-area input{flex:1;padding:8px 12px;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#c9d1d9;font-size:.9rem}.chat-input-area input:focus{outline:none;border-color:#58a6ff}.export-section{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}.export-section h2{font-size:1rem;color:#58a6ff}.export-section label{font-size:.85rem;color:#8b949e}.export-section input{width:100%;padding:8px 12px;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#c9d1d9;font-size:.9rem}.export-section input:focus{outline:none;border-color:#58a6ff}.range-group{display:flex;align-items:center;gap:12px}.range-group input[type=range]{flex:1;accent-color:#58a6ff}.range-value{min-width:32px;text-align:center;font-size:.85rem;color:#58a6ff}.model-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}