
.ascii-studio{padding-top:70px;padding-bottom:36px;max-width:1120px}.ascii-studio h1{font-size:clamp(32px,5vw,58px);letter-spacing:-2px;margin:14px 0}.ascii-studio h1 span{color:#80e8d2}.ascii-panel{margin-top:26px;padding:26px;border:1px solid #29404c;border-radius:18px;background:rgba(10,21,29,.94);box-shadow:0 16px 50px #0003}.ascii-panel label{display:block;font-size:14px;color:#b8cbd5}.ascii-panel textarea{display:block;width:100%;box-sizing:border-box;margin-top:12px;resize:vertical;min-height:94px;background:#080e14;color:#edf9ff;border:1px solid #38505e;border-radius:10px;padding:16px;font:22px ui-monospace,Consolas,monospace}.input-meta,.output-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#92a9b7;margin-top:12px}.controls{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px;align-items:center}.controls select{display:block;margin-top:9px;border:1px solid #38505e;border-radius:8px;background:#101f29;color:#eef8ff;padding:10px 36px 10px 12px;font:inherit}.controls input{display:block;margin-top:17px;accent-color:#80e8d2}.output-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.output-heading .eyebrow{margin:0}.actions{display:flex;gap:10px}.actions button{border:1px solid #38505e;border-radius:9px;background:#142732;color:#dceef8;padding:11px 16px;font:inherit;cursor:pointer}.actions .primary{background:#80e8d2;color:#08231d;border-color:#80e8d2;font-weight:650}.actions button:disabled{opacity:.4;cursor:default}.terminal{overflow:auto;background:#060c10;border:1px solid #223642;border-radius:11px;padding:25px;min-height:165px}.terminal pre{font-family:'Courier New',Consolas,monospace;font-size:14px;line-height:1.15;letter-spacing:0;font-variant-ligatures:none;white-space:pre;color:#80e8d2;margin:0;width:max-content;min-height:110px}.ascii-note{color:#94a9b5;font-size:13px;line-height:1.8;max-width:820px;margin-top:24px}#warning{color:#ffc785;font-size:13px;margin-bottom:0}#warning:empty{display:none}#status{color:#80e8d2;font-size:13px;min-height:18px;margin:14px 0 0}:is(textarea,select,button,input,.terminal):focus-visible{outline:2px solid #80e8d2;outline-offset:4px}@media(max-width:600px){.ascii-studio{padding-top:35px}.ascii-panel{padding:18px}.output-heading{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions button{flex:1;font-size:13px}.input-meta,.output-meta{flex-wrap:wrap;gap:8px}.controls{gap:18px}.terminal{padding:16px}.ascii-studio h1{letter-spacing:-1px}}
