.storage-layout{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;min-height:200px;position:relative}
.storage-item{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;margin:4px;font-size:13px}
.storage-item.shelf{border-left:3px solid #3592e2}
.storage-item.closet{border-left:3px solid #F78015}
.storage-item.box{border-left:3px solid #4caf50}
.storage-item.rack{border-left:3px solid #9c27b0}
.storage-item.hook{border-left:3px solid #e91e63}
.storage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.summary-card{background:#f0f7ff;border-radius:8px;padding:15px;text-align:center}
.summary-label{font-size:12px;color:#666;margin-bottom:3px}
.summary-value{font-size:22px;font-weight:700;color:#3592e2}
.category-breakdown{margin-bottom:15px}
.category-breakdown h3{font-size:14px;margin-bottom:8px}
.breakdown-bar{height:24px;background:#e0e0e0;border-radius:12px;margin-bottom:6px;overflow:hidden;position:relative}
.breakdown-fill{height:100%;border-radius:12px;transition:width .5s}
.breakdown-fill.shelf{background:#3592e2}
.breakdown-fill.closet{background:#F78015}
.breakdown-fill.box{background:#4caf50}
.breakdown-fill.rack{background:#9c27b0}
.breakdown-fill.hook{background:#e91e63}
.breakdown-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#fff;font-weight:600}
.tips-box{background:#fff3e0;border-left:4px solid #F78015;padding:12px 15px;border-radius:0 6px 6px 0;font-size:14px;color:#5d4037}
@media(max-width:600px){.storage-summary{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}}