:root{color:#17211c;background:#f7f8f7;font-family:PingFang SC,Microsoft YaHei UI,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:100vh;background:#fff}.settings-rail{display:flex;flex-direction:column;min-height:100vh;padding:42px 34px 28px;border-right:1px solid #dce2de;background:#fbfcfb}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:50px;height:50px;place-items:center;border-radius:8px;background:#087a54;color:#fff;font-size:17px;font-weight:800}h1,h2,p{margin:0}h1{font-size:25px;letter-spacing:0}.brand-block p,.workspace-head p,.history-panel p{margin-top:5px;color:#69756e;font-size:14px;line-height:1.5}.connection-status{display:flex;align-items:center;gap:8px;margin:30px 0 36px;color:#5e6a63;font-size:14px}.connection-status:before{width:8px;height:8px;border-radius:50%;background:#087a54;content:""}.settings-form{display:grid;gap:24px}.settings-form>label,.credential-fields label{display:grid;gap:9px;color:#3f4c44;font-size:14px;font-weight:700}input,select{width:100%;min-height:48px;padding:0 13px;border:1px solid #d5ddd8;border-radius:7px;outline:none;background:#fff;color:#19221d}input:focus,select:focus{border-color:#087a54;box-shadow:0 0 0 3px #087a541f}.credentials{border-top:1px solid #dce2de;border-bottom:1px solid #dce2de}.disclosure{display:flex;justify-content:space-between;width:100%;min-height:48px;padding:0;border:0;background:transparent;color:#27342c;font-weight:800;text-align:left}.disclosure span:last-child{color:#69756e;font-size:13px}.credential-fields{display:grid;gap:16px;padding-bottom:18px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #dce2de;border-bottom:1px solid #dce2de}.toggle-row b{display:block;color:#27342c;font-size:15px}.toggle-row small{display:block;margin-top:4px;color:#69756e;font-size:13px;font-weight:400}.toggle-row input{width:48px;min-height:28px;accent-color:#087a54}.primary-button,.clear-button{min-height:48px;border-radius:7px;font-weight:800}.primary-button{border:1px solid #087a54;background:#087a54;color:#fff}.primary-button:hover:not(:disabled){background:#056544}.clear-button{border:1px solid #d5ddd8;background:#fff;color:#55625a}.clear-button:hover{border-color:#aebbb4;color:#1c2921}.session-note{margin-top:auto;padding-top:30px;color:#7b857f;font-size:12px;line-height:1.6}.workspace{min-width:0;padding:48px min(7vw,108px) 58px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.workspace-head h2,.history-panel h2{font-size:22px;letter-spacing:0}.refresh-state{color:#69756e;font-size:13px;white-space:nowrap}.refresh-state:before{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#087a54;content:""}.latest-code{display:grid;min-height:270px;margin-top:44px;place-items:center;border-bottom:1px solid #dce2de;text-align:center}.latest-code p{color:#6d7871;font-size:16px}.latest-code.has-code{grid-template-rows:1fr auto;padding:28px 0 34px}.latest-code strong{color:#087a54;font-family:Cascadia Mono,Consolas,monospace;font-size:clamp(66px,9vw,136px);letter-spacing:0;line-height:1}.copy-action{border:0;background:transparent;color:#38463e;font-weight:750}.copy-action:hover{color:#087a54}.message-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-bottom:1px solid #dce2de}.message-meta>div{min-width:0;padding:16px 18px;border-right:1px solid #dce2de}.message-meta>div:last-child{border-right:0}dt{margin-bottom:5px;color:#77817b;font-size:12px}dd{margin:0;overflow:hidden;color:#344139;font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.notice{margin-top:18px;color:#985b09;font-size:14px}.history-panel{margin-top:42px}.history-panel header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #bac5be}.history-panel header>span{color:#7a847e;font-size:12px;white-space:nowrap}.history-table{display:grid}.history-row{display:grid;grid-template-columns:200px minmax(0,1fr) 100px;align-items:center;gap:16px;min-height:58px;padding:0 10px;border:0;border-bottom:1px solid #e2e7e3;background:#fff;color:#4b5750;text-align:left}.history-row:hover{background:#f7faf8}.history-row time,.history-row span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.history-row strong{color:#56635b;font-family:Cascadia Mono,Consolas,monospace;font-size:15px;text-align:right}.empty-history{padding:30px 0;color:#7b857f;font-size:14px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.settings-rail{min-height:0;border-right:0;border-bottom:1px solid #dce2de}.session-note{margin-top:0}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.settings-form>label:first-child,.credentials,.toggle-row,.primary-button,.clear-button{grid-column:1 / -1}}@media(max-width:620px){.settings-rail,.workspace{padding:26px 20px}.settings-form{grid-template-columns:1fr}.settings-form>label:first-child,.credentials,.toggle-row,.primary-button,.clear-button{grid-column:auto}.workspace-head,.history-panel header{align-items:flex-start;flex-direction:column;gap:8px}.latest-code{min-height:220px;margin-top:28px}.latest-code strong{font-size:56px}.message-meta{grid-template-columns:1fr}.message-meta>div{border-right:0;border-bottom:1px solid #dce2de}.message-meta>div:last-child{border-bottom:0}.history-row{grid-template-columns:minmax(0,1fr) 80px;gap:6px 12px;padding:10px 0}.history-row time{grid-column:1 / -1;color:#7b857f}}