#studio .studio-estimate { grid-template-rows: auto minmax(0, 1fr); }
#studio .studio-summary-content { overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #536c88 #112132; scrollbar-width: thin; }
#studio .studio-pack { border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 14px; }
#studio .studio-pack-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; }
#studio .studio-pack-toolbar button { font-size: 10px; }
#studio-pack-list { max-height: 230px; min-height: 65px; overflow-y: auto; scrollbar-width: thin; overscroll-behavior: contain; margin-top: 8px; }
#studio .studio-pack-row { display: grid; grid-template-columns: 20px 40px minmax(0, 1fr) auto; align-items: center; gap: 7px; border: 1px solid #5f799644; border-radius: 10px; padding: 9px 7px; margin: 5px 0; }
#studio .studio-pack-row.is-active { border-color: #8edbf1; background: #183448; }
#studio .studio-pack-check { display: grid; place-items: center; min-height: 40px; cursor: pointer; }
#studio .studio-pack-check input { accent-color: #5ecddc; width: 16px; height: 16px; }
#studio .studio-pack-preview { width: 40px; height: 48px; padding: 0; background: #0d1b29; border: 0; border-radius: 6px; cursor: pointer; overflow: hidden; }
#studio .studio-pack-preview img { width: 100%; height: 100%; object-fit: contain; }
#studio .studio-pack-preview i { display: block; width: 26px; height: 26px; border-radius: 50%; margin: auto; }
#studio .studio-pack-info { min-width: 0; display: grid; gap: 3px; }
#studio .studio-pack-info strong { font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
#studio .studio-pack-info strong span { color: #a6eefa; white-space: nowrap; }
#studio .studio-pack-info small { font-size: 10px; line-height: 1.5; color: #c2d1e2; overflow-wrap: anywhere; }
#studio .studio-pack-art { width: 20px; height: 20px; object-fit: contain; vertical-align: middle; margin-right: 4px; border-radius: 3px; background: #0a1420; }
#studio .studio-pack-info .studio-pack-pending { color: #ffce84; }
#studio .studio-pack-info .studio-pack-assigned { color: #8ae4c2; }
#studio .studio-pack-row > .studio-text-button { padding: 6px 2px; font-size: 10px; }
#studio .studio-pack-empty { font-size: 11px; padding: 12px; border: 1px dashed #667f9955; border-radius: 8px; }
#studio-pack-status { font-size: 10px; line-height: 1.6; margin: 8px 0; }
#studio-pack-design { width: 100%; min-height: 40px; font-size: 11px; padding: 8px; }
#studio .studio-summary-actions { border: 0; padding: 12px 0; margin-top: 6px; }
#studio .studio-group-label { font-size: 11px; color: #b9d7ea; margin: 12px 0 5px; }
#studio .studio-price-breakdown { margin-top: 12px; font-size: 11px; }
#studio .studio-price-breakdown summary { cursor: pointer; padding: 8px 0; }
.studio-pack-flight { position: fixed; z-index: 10000; pointer-events: none; width: 50px; height: 62px; border-radius: 10px; background: #19394c; box-shadow: 0 0 24px #76dbed55; overflow: hidden; display: grid; place-items: center; color: #fff; }
.studio-pack-flight img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 900px) { #studio-pack-list { max-height: 190px; } #studio .studio-summary-content { max-height: none; } }