/* Packages bar, package choice and save-the-date panel (9 Oct 2026, DRAFT behind the packages flag).
   Studio look: forest #112d23, ivory #f7f5ed, soft gold #d5c29b, Cormorant + DM Sans. */
.studio-body .pkg-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px 22px;margin:0 0 22px;padding:14px 18px;background:#fff;border:1px solid var(--line,#e0e6dc);border-radius:var(--dashboard-radius,12px)}
.pkg-head .eyebrow{margin:0 0 2px;font-size:11px;letter-spacing:.2em;color:#8a6d3b}
.pkg-count{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.1;color:#112d23}
.pkg-tabs{display:flex;flex-wrap:wrap;gap:8px}
.pkg-tab{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:48px;padding:7px 16px 7px 8px;border:1px solid var(--line,#e0e6dc);border-radius:999px;background:#f7f5ed;color:#112d23;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.pkg-tab:hover{border-color:#b9a274}
.pkg-tab:focus-visible{outline:2px solid #b9a274;outline-offset:2px}
.pkg-tab[aria-pressed="true"]{background:#112d23;border-color:#112d23;color:#f7f5ed;cursor:default}
.pkg-num{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#112d23;font-weight:600;font-size:14px;border:1px solid #d5c29b}
.pkg-tab[aria-pressed="true"] .pkg-num{background:#d5c29b;border-color:#d5c29b}
.pkg-name{font-weight:600;font-size:15px;line-height:1.2;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pkg-state{font-size:12px;line-height:1.2;opacity:.75}
.pkg-empty{background:#fff;border-style:dashed;border-color:#c9b68c}
.pkg-empty .pkg-num{border-style:dashed}
.pkg-tools{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end;align-items:center}
.pkg-tools .text-link{white-space:nowrap}
.pkg-rename-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.pkg-rename-form label{display:grid;gap:4px;font-size:12px;color:var(--muted,#617066)}
.pkg-rename-form input{min-height:40px;width:min(260px,70vw);padding:0 12px;border:1px solid #c9d1c4;border-radius:8px;font:inherit;color:#112d23}
.pkg-rename-form .button{min-height:40px}

.pkg-choose{margin:0 0 22px}
.pkg-choose h2{margin:.1em 0 .5em}
.pkg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pkg-option{display:grid;gap:6px;align-content:start;padding:18px 20px;border:1px solid var(--line,#e0e6dc);border-radius:12px;background:#fff;color:#112d23;font:inherit;text-align:left;cursor:pointer}
.pkg-option[aria-pressed="true"]{border-color:#112d23;box-shadow:inset 0 0 0 1px #112d23;background:#f7f5ed}
.pkg-option:disabled{opacity:.6;cursor:not-allowed}
.pkg-option:focus-visible{outline:2px solid #b9a274;outline-offset:2px}
.pkg-option-name{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a6d3b}
.pkg-option strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:500;line-height:1}
.pkg-option-lines{display:grid;gap:3px;font-size:14px}
.pkg-option-lines span::before{content:"✓ ";color:#4c7a5a}
.pkg-option small{font-size:12px;color:#7a4a3a}

.pkg-tools .pkg-detach{color:#7a4a3a}
.pkg-included h2{margin:.1em 0 .4em}
.std-unpaid .text-link{display:inline;padding:0;min-height:0}

.std-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;margin-top:22px;align-items:start}
.std-copy .field{display:grid;gap:6px;margin-top:14px}
.std-copy .field input{min-height:44px;padding:0 12px;border:1px solid #c9d1c4;border-radius:8px;font:inherit;color:#112d23;background:#fff}
.std-copy .field small{font-weight:400;color:var(--muted,#617066)}
.std-check{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:15px}
.std-check input{width:18px;height:18px;accent-color:#112d23}
.std-on{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#e0e6dc);font-weight:600}
.std-share{margin-top:12px;display:grid;gap:10px}.std-copy>p:last-child{margin-top:18px}
.std-preview{display:grid;justify-items:center;gap:6px}
.std-phone{width:270px;height:560px;border-radius:34px;padding:10px;background:#112d23;box-shadow:0 18px 40px rgba(17,45,35,.18)}
.std-phone{overflow:hidden}.std-phone iframe{width:375px;height:810px;border:0;border-radius:39px;background:#f7f5ed;display:block;transform:scale(.6667);transform-origin:0 0}

@media (max-width:900px){
 .studio-body .pkg-bar{grid-template-columns:1fr;gap:10px}
 .pkg-tools{justify-content:flex-start}
 .pkg-tools .pkg-more{white-space:normal;text-align:left}
 .pkg-tab{flex:1 1 100%}
 .pkg-name{max-width:none}
 .pkg-options{grid-template-columns:1fr}
 .std-panel{grid-template-columns:1fr}
 .std-phone{width:270px;height:560px}
}
@media (prefers-reduced-motion:reduce){.pkg-tab{transition:none}}