.arch-intro p,.arch-muted,.arch-box p{font-size:12px;line-height:1.7;color:var(--muted,#b8c4cc)}
.arch-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.arch-card{padding:16px;text-align:left;color:var(--text,#ebf4ef);background:#18312d;border:1px solid #36594d;border-radius:10px;cursor:pointer}.arch-card:hover{border-color:#94d3ac}.arch-card strong,.arch-card span{display:block}.arch-card span{font-size:12px;line-height:1.6;margin-top:8px;color:var(--muted,#b8c4cc)}
.arch-box{border:1px solid var(--line,#34464b);border-radius:10px;padding:14px;margin:14px 0;background:#15242c}.arch-box h3{font-size:14px;margin:0 0 8px}.arch-field{display:block;font-size:12px;margin:12px 0}.arch-field input,.arch-field select,.arch-field textarea,.arch-controls input,.arch-controls select{box-sizing:border-box;max-width:100%;padding:9px;border:1px solid var(--line,#34464b);border-radius:6px;background:#0e1b24;color:var(--text,#eaf1ed)}.arch-field input,.arch-field select,.arch-field textarea{display:block;width:100%;margin-top:6px}.arch-field textarea{min-height:230px;resize:vertical;font:12px/1.7 ui-monospace,monospace;tab-size:2}.arch-field input{max-width:220px}.arch-controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin:12px 0}.arch-controls button{border:1px solid #426556;background:#1a332c;color:#b5eaca;border-radius:6px;padding:9px 12px;cursor:pointer}.arch-controls label{font-size:11px}.arch-controls label input{display:block;width:105px;margin-top:4px}.arch-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font:12px/1.6 ui-monospace,monospace}.arch-live span{overflow-wrap:anywhere}.arch-source{max-height:280px;overflow:auto;border:1px solid var(--line,#34464b);border-radius:6px;background:#101b23;font:12px/1.75 ui-monospace,monospace}.arch-source>div{display:flex;white-space:pre}.arch-source>div>span{flex:none;min-width:36px;text-align:right;padding:0 9px;color:#899aa6;user-select:none}.arch-source code{padding-right:12px}.arch-source .current{background:#264734;color:#ceffd9}.arch-stops,.arch-message{font-size:12px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}.arch-message{color:#b6edcd}.arch-message[data-error="1"]{color:#ffb3a0}
@media(max-width:680px){.arch-cards{grid-template-columns:1fr}.arch-live{grid-template-columns:1fr}.arch-controls{gap:6px}.arch-controls button{font-size:11px;padding:8px}.arch-box{padding:10px}.arch-field textarea{min-height:200px}.arch-source{font-size:11px}.arch-controls label input{width:95px}}