.workspace{max-width:980px;margin:auto}.panel{background:white;border:1px solid #dce7ec;padding:28px;border-radius:12px}.panel label{display:block;font-size:14px;font-weight:700;margin:15px 0 8px}.panel textarea,.panel input,.panel select{width:100%;font:inherit;border:1px solid #cbdce3;border-radius:7px;padding:12px;color:#18303e;background:#fff}.panel textarea{resize:vertical;min-height:100px}.panel #output{background:#f7fafb;min-height:220px;font:14px/1.6 ui-monospace,SFMono-Regular,monospace}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.actions button{padding:10px 18px;border:1px solid #bacbd2;border-radius:7px;background:#f3f8fa;cursor:pointer}.actions button:first-child{background:#153b47;color:white;border-color:#153b47}.actions button:hover{filter:brightness(.96)}#message{color:#287a65;min-height:1.4em;font-size:13px}.fine{color:#738995;font-size:13px;margin-top:20px}@media(max-width:700px){.panel{padding:17px}}