/* Builder-only simplification. The homepage and product editors keep their layout. */
.pack-sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.building-pack>.owner,.building-pack>.header,.building-pack>footer{display:none}
.building-pack .pack-workspace{padding-top:18px;padding-bottom:12px}
.pack-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:6px}
.pack-brand{display:flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px}
.pack-brand img{width:40px;height:40px;object-fit:contain}
.pack-heading h1{margin:0;font-size:30px;line-height:1}
.pack-preview-label{margin-left:auto;color:var(--muted);font-size:11px}
.pack-intro{font-size:14px;color:var(--muted);margin:0 0 16px}
.pack-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;align-items:stretch}
.pack-upload{min-width:0;min-height:80px;padding:16px;justify-content:center;gap:8px;transition:border-color .15s,background .15s}
.pack-upload:hover{border-color:var(--cyan);background:#092530}
.pack-upload .upload-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:15px}
.upload-title #logo-mark,.upload-title #roster-mark{color:var(--mint);font-size:18px;font-weight:500}
.pack-upload small{max-width:100%;font-size:12px;line-height:1.4}
.pack-alternative{grid-column:2;justify-self:start;min-height:44px;border:0;padding:8px 2px;background:none;color:var(--mint);font-size:13px;text-decoration:underline;text-underline-offset:4px;line-height:1.3;text-align:left}
.pack-alternative:hover{color:white}
.pack-edit-hint{font-size:12px;color:var(--muted);margin:6px 0 10px}
.pack-canvases{margin-top:0}
#paste-panel{max-width:700px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#061d28}
.paste-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.paste-heading label{margin:0;font-size:14px}
#paste-panel .paste-heading button{margin:0;border:0;min-height:44px;padding:8px}
.roster-format{margin:0 0 10px;font-size:12px;color:var(--muted)}
#pack-roster-text{font-size:16px;line-height:1.5}
.pack-product-head{padding:8px 14px;gap:4px;flex-wrap:nowrap;align-items:center}
.pack-product-head h2{width:auto;font-size:24px;line-height:1.05;flex:1}
.pack-product-head label{min-width:44px;min-height:44px;justify-content:center;flex:none;cursor:pointer}
.pack-product-head input{width:18px;height:18px;margin:0}
.product-edit{min-height:0;padding-bottom:0}
.product-edit>span{font-size:12px;min-height:40px;color:var(--mint);text-decoration:underline;text-underline-offset:4px}
.product-render{height:390px}
.pack-summary{margin-top:16px;padding:14px 0}
.pack-summary small{font-size:11px;margin-top:3px}
.pack-error{color:#ffb9c7!important;font-size:13px;margin:12px 0}
#native-status:empty{display:none}
.native-bar:has(+#native-status:empty)~#native-frame{height:calc(100% - 76px)}
.pack-brand:focus-visible,.pack-product-head label:focus-within{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}
@media(max-width:760px){
 .building-pack .pack-workspace{padding:12px 10px 8px}
 .pack-heading{gap:9px;margin-bottom:6px}
 .pack-heading h1{font-size:27px}
 .pack-inputs{gap:2px 8px}
 .pack-upload{min-width:0;padding:12px;min-height:78px}
 .pack-upload .upload-title{font-size:14px}
 .pack-upload .upload-title>span:first-child{font-size:14px}
 .pack-intro{font-size:13px;margin-bottom:12px}
 .pack-alternative{font-size:12px}
 .pack-product-head{padding:5px 8px}
 .pack-product-head h2{font-size:19px;line-height:1.05}
 .pack-product-head label{min-height:44px;min-width:44px}
 .product-render{height:156px}
 .pack-product:first-child .product-render{height:344px;flex:1}
 .product-edit>span{min-height:32px;font-size:11px}
 .pack-product:first-child .product-edit{justify-content:center}
 .pack-summary{margin-top:12px;padding:12px 0 max(12px,env(safe-area-inset-bottom))}
 .pack-summary strong{font-size:25px}
 .pack-summary .primary{min-width:104px;min-height:48px}
}