:root{color:#0f2a3f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#0f2a3f;--muted:#64798a;--line:#d8e5ec;--panel:#fff;--soft:#f7fbfc;--teal:#159a96;--teal-dark:#0b756f;--blue:#4aa8ef;--danger:#b23b3b;--danger-bg:#fff1f1;--shadow:0 24px 60px #1c4c5e21;background:#f3fafb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{border:0}#app{min-height:100vh}.page-shell{background:radial-gradient(circle at 20% 0,#4db8bb29,#0000 36%),linear-gradient(#f8fcfd 0%,#eef7f8 100%);min-height:100vh;padding:24px 30px 36px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 36px;display:flex}.topbar h1{letter-spacing:0;color:var(--ink);margin:0;font-size:34px;line-height:1.15}.topbar p{color:var(--muted);margin:10px 0 0;font-size:16px}.brand-pill{min-width:128px;height:36px;color:var(--teal-dark);background:#ffffffb8;border:1px solid #cce4e6;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.workspace{grid-template-columns:minmax(420px,.82fr) minmax(520px,1fr);align-items:start;gap:34px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.form-panel{padding:32px}.result-panel{min-height:690px;padding:32px 34px}.panel-title{color:var(--teal);align-items:center;gap:12px;margin-bottom:28px;display:flex}.panel-title h2{color:var(--ink);margin:0;font-size:24px;line-height:1.2}.grid{gap:18px 22px;display:grid}.grid.two{grid-template-columns:1fr 1fr}.field,.field-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field span,.field-group>span{color:var(--ink);font-size:16px;font-weight:800}.field input,.field select,.field textarea,.inline-fields input,.inline-fields select{color:#1e3850;background:#fff;border:1px solid #d4e0e9;border-radius:4px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s}.field input,.field select,.inline-fields input,.inline-fields select{height:50px;padding:0 16px}.field textarea{resize:vertical;min-height:116px;padding:14px 16px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.inline-fields input:focus,.inline-fields select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #159a9624}.field input:disabled{color:#8aa0ae;background:#eef4f6}.inline-fields{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.remark-field{position:relative}.remark-field small{color:#8ba0af;font-size:14px;position:absolute;bottom:13px;right:14px}.notice{color:#496273;background:#f6fafb;border:1px solid #d9e7ee;border-radius:6px;align-items:flex-start;gap:12px;margin:0 0 26px;padding:16px 18px;display:flex}.notice.success{color:var(--teal-dark);background:#eefaf6;border-color:#bde7df}.notice.danger{color:var(--danger);background:var(--danger-bg);border-color:#f0c7c7}.notice strong{margin-bottom:4px;font-size:15px;display:block}.notice p,.privacy-note{margin:0;font-size:14px}.privacy-note{color:var(--muted)}.error-box{background:var(--danger-bg);color:var(--danger);border:1px solid #f0c7c7;border-radius:5px;margin-top:18px;padding:13px 15px;font-weight:700}.actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:28px;display:flex}.primary,.secondary,.details-toggle,.icon-button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.primary{color:#fff;background:var(--blue);min-width:150px;height:48px;padding:0 18px;font-weight:800}.primary:hover,.secondary:hover,.details-toggle:hover,.icon-button:hover{transform:translateY(-1px)}.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.secondary{color:#586f81;border:1px solid var(--line);background:#fff;min-width:118px;height:48px;padding:0 16px;font-weight:800}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px;display:grid}.summary-grid div{background:var(--soft);border:1px solid #d9e6ed;border-radius:6px;min-height:98px;padding:18px}.summary-grid span{color:#7a8fa0;margin-bottom:8px;font-size:14px;display:block}.summary-grid strong{overflow-wrap:anywhere;color:#0d2a44;font-size:15px;line-height:1.45;display:block}.output-header{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 10px;display:flex}.output-header h3{color:var(--ink);margin:0;font-size:18px}.button-row{gap:8px;display:inline-flex}.icon-button{width:40px;height:40px;color:var(--teal-dark);background:#eefbfb;border:1px solid #cde8ea}.output{color:#263f54;resize:vertical;background:#fff;border:1px solid #d9e5ec;border-radius:6px;width:100%;padding:14px 16px;font-family:JetBrains Mono,Consolas,ui-monospace,monospace;font-size:14px;line-height:1.6}.output.activation{min-height:160px}.output.license{min-height:180px}.copied{color:var(--teal-dark);margin:8px 0 0;font-size:14px;font-weight:700}.details-toggle{color:#233d54;background:var(--soft);border:1px solid #d9e6ed;justify-content:flex-start;width:100%;height:52px;margin-top:22px;padding:0 16px;font-weight:800}.payload-block{color:#d9f6f4;background:#0f2a3f;border:1px solid #d9e6ed;border-radius:6px;margin:12px 0 0;padding:18px;font-size:13px;line-height:1.65;overflow:auto}.empty-state{text-align:center;color:#718596;flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.empty-state svg{color:#9fc7cd}.empty-state h3{color:var(--ink);margin:16px 0 8px;font-size:22px}.empty-state p{max-width:420px;margin:0;line-height:1.7}@media (width<=1180px){.workspace{grid-template-columns:1fr}.result-panel{min-height:520px}}@media (width<=760px){.page-shell{padding:18px 14px 26px}.topbar{flex-direction:column;margin-bottom:22px}.topbar h1{font-size:28px}.form-panel,.result-panel{padding:22px 18px}.grid.two,.summary-grid,.inline-fields{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}}