.pack-intro,.pack-workspace,.pack-checklist{max-width:1500px;margin:32px auto;padding:clamp(24px,4vw,56px)}
.pack-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;background:#0b1a2c;border:1px solid #24405c;border-radius:28px}.pack-intro h2{font-size:clamp(2rem,4vw,4.6rem);margin:.3em 0}.pack-intro ol{display:grid;gap:12px;list-style:none;padding:0;counter-reset:pack}.pack-intro li{display:grid;grid-template-columns:36px 1fr;gap:4px 14px;padding:18px;border-left:3px solid var(--lime);background:#0e2238}.pack-intro li:before{counter-increment:pack;content:'0' counter(pack);grid-row:1/3;color:var(--lime);font-weight:900}.pack-intro li span{color:#aebed0}
.pack-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}.pack-workspace form,.pack-output{background:#0c1b2e;border:1px solid #29445f;border-radius:24px;padding:clamp(20px,3vw,36px)}.pack-workspace fieldset{border:0;border-top:1px solid #29445f;margin:0 0 28px;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pack-workspace legend{padding-right:16px;color:var(--lime);font-weight:900;letter-spacing:.08em}.pack-workspace label{display:grid;gap:8px;font-weight:800}.pack-workspace label:has(textarea){grid-column:1/-1}.pack-workspace input,.pack-workspace select,.pack-workspace textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #43617e;border-radius:10px;background:#f8fbff;color:#081321;font:inherit}.pack-workspace textarea{min-height:110px;resize:vertical}.pack-workspace button{margin:8px 8px 0 0;padding:14px 20px;border:0;border-radius:999px;background:var(--lime);color:#06101d;font-weight:900}.pack-workspace button.secondary{background:transparent;color:#dce8f5;border:1px solid #56718b}.pack-workspace button:disabled{opacity:.35}.pack-safety{grid-column:1/-1;border-left:4px solid #ffba49;background:#291e11;padding:18px;margin-bottom:18px}.pack-safety b{color:#ffcf78}.pack-output{position:sticky;top:24px}.pack-output header{display:flex;justify-content:space-between;gap:16px;align-items:center}.pack-output header span{color:var(--lime);font-weight:900}.pack-output pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:480px;padding:20px;background:#07111f;border:1px solid #213d58;border-radius:14px;color:#dce8f5;font:500 .92rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.pack-output>small{display:block;margin-top:24px;color:#59d9ff;font-weight:900;letter-spacing:.12em}.pack-checklist{background:#eaf0f5;color:#07111f;border-radius:28px}.pack-checklist>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pack-checklist article{background:white;border-radius:16px;padding:22px}.pack-checklist article b{font-size:1.15rem}.pack-checklist article p{color:#405264}
@media(max-width:900px){.pack-intro,.pack-workspace{grid-template-columns:1fr}.pack-output{position:static}.pack-checklist>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pack-workspace fieldset,.pack-checklist>div{grid-template-columns:1fr}.pack-workspace{padding:14px}.pack-intro{border-radius:18px}.pack-output pre{min-height:360px}}