.packing-tool{border-bottom:1px solid #e0e8da;background:#f9fbf7;margin:0}.packing-tool>summary{cursor:pointer;padding:12px 18px;font-size:12px;color:#315c3e;font-weight:600;list-style:none}.packing-tool>summary::after{content:'⌄';float:right}.packing-tool[open]>summary::after{content:'⌃'}.packing-tool-body{padding:4px 18px 18px;max-height:55vh;overflow:auto}.packing-tool-body>p{font-size:12px;color:#617159;line-height:1.7}.packing-tool-body .grid{margin:10px 0;gap:9px}.packing-tool-body label{font-size:11px}.packing-tool-body input,.packing-tool-body select{font-size:12px;padding:8px}.packing-tool-body button{font-size:12px}.packing-summary{padding:12px;margin:10px 0;border:1px solid #dce7d7;border-radius:10px;background:#f8fbf6;font-size:12px;line-height:1.6}.packing-summary>b{color:#355d3e}.packing-diameter{color:#2c603b;margin:7px 0}.packing-diameter strong{font-size:19px}.packing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:8px}.packing-plan{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e0e8d9;border-radius:8px;padding:10px;font-size:11px}.packing-plan>b{color:#2f583b;font-size:13px}.packing-plan small{color:#778771;line-height:1.6}.packing-plan button{align-self:flex-start;padding:7px 9px;font-size:11px;margin-top:5px}.packing-tool-body #packingResult{margin-top:10px}.chat-tab .packing-summary{max-width:720px}@media(max-width:650px){.packing-tool-body{max-height:60vh;padding:4px 10px 12px}.packing-plans{grid-template-columns:1fr}}

.packing-tool { background: #edf2e9; border-bottom-color: #d2ddd0; }
.packing-tool>summary { color: var(--brand-deep); font-weight: 700; }
.packing-tool>summary:hover { background: #eaf1e4; }
.packing-tool-body>p { color: #536d60; }
.packing-summary { background: #eef4e8; border-color: #c8d8c7; border-radius: 14px; }
.packing-summary>b, .packing-diameter, .packing-plan>b { color: var(--brand-deep); }
.packing-plan { border-color: #d2ddd0; border-radius: 9px; }
.packing-plan small { color: #647568; }