*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 75% -20%,#0c403d 0%,#071f28 45%,#04131f 100%);color:#dcf4f1;font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.5}a{color:#8effe3}button,input,select,textarea{font:inherit}button,.importButton{cursor:pointer;background:#77e9d0;border:1px solid #99ffe7;color:#06262b;padding:10px 14px;border-radius:10px;font-weight:750}button:hover,.importButton:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #affff0;outline-offset:3px}.secondary{background:#10313b;color:#c7f6ed;border-color:#3c8589}.danger{background:#392528;color:#ffe0df;border-color:#ae7373}.mast{max-width:1540px;margin:auto;padding:14px clamp(16px,3vw,38px);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #47727344}.mast .brand{text-decoration:none;font-size:18px;font-weight:900;letter-spacing:.12em}.brand b{color:#91f7da}.brand small{font-size:10px;letter-spacing:.1em;color:#8caeae}.mast nav{display:flex;gap:clamp(10px,2vw,26px);flex-wrap:wrap}.mast nav a{text-decoration:none;font-size:13px}.main{max-width:1540px;margin:auto;padding:clamp(16px,3vw,34px)}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.heading h1{font-size:clamp(28px,3.8vw,52px);line-height:1.1;margin:8px 0}.heading p{margin:4px 0;color:#b5d4d4;max-width:850px}.eyebrow,.label{font-size:11px;letter-spacing:.18em;color:#8ef9d9}.state{text-align:right;border:1px solid #377b78;background:#0b2d34;padding:12px 18px;border-radius:14px;min-width:180px;display:grid;gap:3px}.state strong{color:#a3ffe7;font-size:20px}.state small{font-size:11px;color:#a4c2c1}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px}.panel,.auth{min-width:0;border:1px solid #315d62;background:#081e2ae8;border-radius:20px;padding:clamp(15px,2vw,26px);box-shadow:0 18px 80px #0003}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-header h2{font-size:clamp(19px,2vw,26px);margin:2px 0}.status,.hint{font-size:12px;color:#a6c1c4}.messages{height:clamp(280px,45dvh,570px);overflow-y:auto;background:#041725;border:1px solid #24515c;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px}.message{max-width:94%;white-space:pre-wrap;overflow-wrap:anywhere;background:#13343d;border:1px solid #2a6673;border-radius:12px;padding:12px}.message.user{align-self:flex-end;background:#144b46;border-color:#32917f}.message p{margin:4px 0}.message small{display:block;color:#9ac9c7;font-size:11px}.message button{padding:5px 8px;font-size:12px;margin-top:6px}.chatForm{display:flex;align-items:end;gap:10px;margin-top:14px}.chatForm textarea{flex:1}.conversationLabel{margin-bottom:10px}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#c4dedd;margin-bottom:12px}input,textarea,select{width:100%;min-width:0;border:1px solid #40747b;border-radius:9px;padding:9px 11px;background:#071822;color:#f2ffff}textarea{resize:vertical}fieldset{border:1px solid #315b61;border-radius:12px;padding:14px;margin:12px 0}legend{font-weight:bold;color:#aafce3;padding:0 7px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar button,.importButton{font-size:12px}.importButton{display:inline-flex;margin-bottom:0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback{margin:8px 0;color:#b2ecdf;white-space:pre-wrap}.diff,.previewResult{border:1px solid #305a62;background:#061b23;border-radius:10px;padding:12px;min-height:45px;white-space:pre-wrap;overflow-wrap:anywhere}.operations{margin-top:20px;border-top:1px solid #285663;padding-top:18px}.auth{max-width:760px}.auth form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}.tip{color:#a4c1c5;font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1050px){.layout{grid-template-columns:1fr}.messages{height:42dvh}}@media(max-width:650px){.heading{flex-direction:column;align-items:stretch}.state{text-align:left}.mast nav{gap:12px}.columns,.auth form{grid-template-columns:1fr}.chatForm{flex-direction:column;align-items:stretch}.chatForm button{align-self:flex-end}.messages{height:48dvh}.panel-header{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}