.pack-toolbar,.pack-heading,.pack-upload,.pack-progress,.pack-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.pack-toolbar{margin-bottom:20px}.pack-toolbar select{max-width:320px}.pack-storage,.pack-footnote,.pack-upload p,.pack-heading p,.pack-progress span{font-size:12px;color:var(--muted);line-height:1.6}.pack-layout{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;min-height:520px}.pack-navigation{padding:18px;border-right:1px solid var(--border);background:var(--bg)}.pack-navigation h3{display:flex;justify-content:space-between;font-size:13px}.pack-navigation>button{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:13px;margin:8px 0;border-color:transparent}.pack-navigation>button>span{font-size:24px;color:var(--accent)}.pack-navigation strong,.pack-navigation small{display:block}.pack-navigation small{font-size:11px;color:var(--muted);margin-top:5px}.pack-navigation button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pack-content{padding:24px;min-width:0}.pack-heading h2{margin:0}.pack-heading>div:last-child{display:flex;gap:6px}.pack-intro{margin:20px 0;background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;padding:16px}.pack-intro p,.pack-script-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:13px;max-height:180px;overflow:auto}.pack-upload{border:1px dashed var(--border);padding:20px;border-radius:14px;margin:20px 0}.pack-upload p{margin-bottom:0}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.pack-media{border:1px solid var(--border);border-radius:14px;overflow:hidden;min-width:0;background:var(--surface)}.pack-preview{position:relative;display:block;width:100%;padding:0;border:0;border-radius:0;background:var(--bg);aspect-ratio:4/5;overflow:hidden}.pack-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.pack-preview:hover img{transform:scale(1.025)}.pack-media.is-sent .pack-preview img{filter:grayscale(1);opacity:.5}.pack-step{position:absolute;left:8px;top:8px;border-radius:20px;background:#111827d9;color:white;padding:4px 8px;font-size:11px}.pack-status{position:absolute;bottom:8px;left:8px;right:8px;padding:6px;border-radius:7px;background:#151b2ce8;color:#fff;font-size:11px}.pack-status.sent{background:#087b68ed}.pack-status.uncertain{background:#905c13ed}.pack-media-info{padding:12px;display:grid;gap:7px}.pack-media-info strong{font-size:12px;overflow-wrap:anywhere}.pack-media-info small{font-size:10px;line-height:1.5;color:var(--muted)}.pack-media-info button{font-size:11px;padding:6px}.pack-feedback{font-size:12px;white-space:pre-wrap;line-height:1.6;color:var(--muted)}.packs-dialog{width:min(850px,94vw);max-height:90dvh;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text)}.packs-dialog::backdrop{background:#070b18b8;backdrop-filter:blur(4px)}.packs-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--border);padding:20px 24px;position:sticky;top:0;z-index:1;background:var(--surface)}.packs-dialog-head h2{font-size:21px;margin:5px 0}.packs-dialog-head p:last-child{font-size:12px;color:var(--muted);margin:5px 0}.packs-close{font-size:22px;min-width:36px}.packs-dialog-body{padding:20px 24px}.pack-editor{display:grid;gap:16px}.pack-editor label{display:grid;gap:8px}.pack-full-image{display:block;max-width:100%;max-height:52dvh;object-fit:contain;border-radius:12px;margin:0 auto 16px;background:var(--bg)}.pack-picker-toolbar{margin-bottom:16px}.pack-picker-toolbar select,.pack-picker-toolbar input{min-width:0;width:50%}.pack-progress{margin:20px 0;font-size:12px;flex-wrap:wrap}.pack-send-note{color:#e84b75;font-weight:600;font-size:12px}.pack-send{margin:12px 0 0 8px}.pack-trigger{white-space:nowrap}.pack-footnote{margin-top:20px}@media(max-width:700px){.pack-layout{grid-template-columns:1fr}.pack-navigation{border-right:0;border-bottom:1px solid var(--border);max-height:220px;overflow:auto}.pack-content{padding:15px}.pack-heading,.pack-upload,.pack-toolbar{align-items:stretch;flex-direction:column}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.packs-dialog-body,.packs-dialog-head{padding:16px}.pack-picker-toolbar{flex-direction:column}.pack-picker-toolbar select,.pack-picker-toolbar input{width:100%}.pack-storage{font-size:11px}.compose-row .pack-trigger{padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.pack-preview img{transition:none}}
.pack-library,.packs-dialog{--bg:var(--soft);--accent:var(--purple);--text:var(--ink)}
.packs-dialog{max-width:min(850px,94vw)}