:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#dcebe6;background:#0b272b}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden}header{height:62px;background:#10383c;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #295354;gap:20px}.brand{font-size:23px;letter-spacing:4px;font-weight:700;white-space:nowrap}.brand span{font-size:13px;letter-spacing:1px;margin-left:12px;font-weight:400}#status{font-size:12px;color:#a7c7ba}.actions{display:flex;gap:9px}button{border:1px solid #49726a;background:#225249;color:#edf6f0;border-radius:6px;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#326e5e}#screen{height:calc(100vh - 62px);width:100%;background:#071c20}.overlay{position:fixed;inset:62px 0 0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#204d46,#0b272b 70%)}[hidden]{display:none!important}form{max-width:460px;width:calc(100% - 40px);background:#f3f7f0;color:#193d3a;border:1px solid #769288;border-radius:12px;padding:36px;box-shadow:0 25px 80px #06151966}.eyebrow{font-size:11px;letter-spacing:2px;color:#789386}h1{font-size:26px;margin:15px 0}p{font-size:12px;line-height:1.9;color:#72897d}label{display:block;font-size:12px;margin:18px 0 8px}input,textarea{display:block;width:100%;border-radius:5px;border:1px solid #baccbe;padding:12px;font:inherit;background:#fff;color:#193d3a}input[readonly]{background:#e4ece3;color:#7d9486}input:focus,textarea:focus{outline:2px solid #78a890}form button{width:100%;background:#286d59;margin-top:24px;padding:13px}small{display:block;font-size:10px;line-height:1.8;color:#809687;margin-top:18px}#error{color:#ab4e3c;font-size:12px;line-height:1.6;margin-top:14px}aside{position:fixed;right:16px;top:76px;width:360px;max-width:calc(100% - 32px);background:#edf5ed;color:#234c40;border:1px solid #658f7c;padding:22px;border-radius:10px;box-shadow:0 10px 40px #001d;}h2{font-size:17px;margin:0}.panelhead{display:flex;align-items:center;justify-content:space-between}textarea{height:190px;font-size:13px;resize:vertical}aside>button{margin-top:12px;margin-right:8px}#clipboardStatus{color:#47745f}@media(max-width:650px){header{padding:0 12px;gap:8px}.brand{font-size:17px}.brand span{display:none}.actions{gap:4px}.actions button{font-size:10px;padding:8px}#status{font-size:10px}form{padding:25px}}