/* Premium controls are appearance-aware; only the B preview has its own colors. */
.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-card.is-premium .theme-card-title{gap:3px}
.theme-mini[data-preview="flat"]{--mini-bg:#F4FCF9;--mini-paper:#FFFFFF;--mini-side:#FFFFFF;--mini-line:#C6E8DC;--mini-hero:#D5F7EE;--mini-primary:#008B7E}
.theme-mini[data-preview="flat"] .mini-tiles i:nth-child(1){background:#C7F2E5}.theme-mini[data-preview="flat"] .mini-tiles i:nth-child(2){background:#FFF0C9}.theme-mini[data-preview="flat"] .mini-tiles i:nth-child(3){background:#C3EDFA}
.theme-paid-badge{display:inline-flex;align-items:center;gap:4px;position:absolute;top:8px;right:8px;background:#154B46;color:#FFFFFF;font-size:10px;border-radius:7px;padding:4px 6px;font-weight:600;line-height:1.5}
.theme-paid-badge svg{width:12px;height:12px}
.is-premium .theme-card-status{font-size:10px}
.premium-dialog{max-width:930px!important;padding:25px!important}
.premium-dialog .modal-title-row{margin-bottom:15px}
.premium-dialog-body{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:30px;align-items:start}
.premium-preview-wrap{min-width:0}
.premium-preview-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:var(--muted);font-size:12px}
.premium-preview-label span:first-child{display:inline-flex;align-items:center;gap:5px}.premium-preview-label svg{width:14px;height:14px}
.premium-preview-caption{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin-top:10px}
.premium-info{min-width:0;padding:12px 0 0}
.premium-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:12px}
.premium-eyebrow svg{width:15px;height:15px}
.premium-info h3{font-size:31px;line-height:1.35;letter-spacing:.01em;margin:0 0 10px}
.premium-description{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:16px}
.premium-features{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 23px}
.premium-features span{font-size:11px;padding:4px 8px;background:var(--soft);color:var(--primary);border-radius:7px}
.premium-price{font-size:22px;font-weight:650;line-height:1.5;color:var(--text)}
.premium-price-note{font-size:12px;color:var(--muted);margin:5px 0 16px;line-height:1.8}
.premium-primary{width:100%;min-height:48px!important;border-radius:13px!important}
.premium-dialog button:disabled{opacity:.7}
.premium-quiet{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.8}
.premium-redeem{border-top:1px solid var(--line);margin-top:23px;padding-top:6px}
.premium-redeem summary{font-size:14px;color:var(--primary);font-weight:600;padding:12px 0;min-height:44px}
.premium-redeem label{font-size:12px;margin-top:12px;line-height:1.5}
.premium-redeem textarea{min-height:90px;height:90px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;line-height:1.55;word-break:break-all}
.premium-device{display:flex;align-items:center;gap:6px;margin-top:6px}
.premium-device input{min-width:0;flex:1;width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;margin:0;padding:10px 8px;min-height:44px}
.premium-device .icon-button{flex-shrink:0;border-radius:10px}.premium-device .icon-button svg{width:18px;height:18px}
.premium-redeem .button{margin-top:12px;width:100%;min-height:44px}
.premium-error{font-size:12px;color:var(--red);line-height:1.7;margin-top:9px;overflow-wrap:anywhere}
.premium-authorized{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;color:var(--primary);line-height:1.8;margin-bottom:18px;display:flex;gap:8px;align-items:flex-start}
.premium-authorized svg{width:18px;height:18px;margin-top:3px}
.premium-config-note{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.8}
@media(min-width:1300px){.appearance-panel .theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){
 .theme-grid,.appearance-dialog .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .premium-dialog{padding:19px 15px!important}.premium-dialog-body{grid-template-columns:1fr;gap:15px}
 .premium-preview-wrap{max-width:370px;margin:0 auto;width:100%}.premium-preview-caption{display:none}
 .premium-info{padding:4px 0 0}.premium-info h3{font-size:26px}
 .premium-description{margin-bottom:10px}.premium-features{margin:10px 0 15px}
 .premium-dialog .modal-title-row{margin-bottom:8px}.premium-info .premium-eyebrow{margin-bottom:5px}
 .premium-dialog .b-preview{padding:8px;border-radius:20px}
 .premium-preview-wrap .b-preview{max-height:410px;overflow:auto;scrollbar-width:thin}
 .premium-price{font-size:20px}.premium-preview-label{font-size:11px}
 .premium-redeem{margin-top:18px}.premium-info .premium-primary{position:relative}
}
@media(max-width:360px){.theme-card-title strong{font-size:13px}.theme-card-desc{font-size:10px}.theme-paid-badge{font-size:9px}.premium-dialog-body{gap:12px}}

@media(max-width:700px){.premium-preview-wrap .b-preview{max-height:300px}.premium-info h3{font-size:24px}.premium-info h3 br{display:none}.premium-features{display:none}.premium-eyebrow{margin-top:0}.premium-description{font-size:13px;margin-bottom:12px}.premium-info .premium-quiet{font-size:11px}}
