.commerce-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.commerce-intro h2{font-size:28px;margin:3px 0 8px}.commerce-intro .muted{max-width:720px;margin:0}.commerce-status{min-width:225px;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid var(--border,#dfe5ec);background:var(--panel,#fff)}.commerce-status>div{display:grid;gap:2px}.commerce-status small{color:var(--muted,#75808d)}.status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.16)}.commerce-status.published .status-dot{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.16)}.template-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.template-card{border:1px solid var(--border,#dfe5ec);background:var(--panel,#fff);padding:8px;text-align:left;cursor:pointer;transition:.18s;display:grid;gap:12px}.template-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(8,16,24,.08)}.template-card.selected{border-color:#31a8ff;box-shadow:0 0 0 2px rgba(49,168,255,.15)}.template-card>span:not(.template-preview){padding:0 10px;display:grid;gap:4px}.template-card>span>strong{font-size:16px}.template-card>span>small{color:var(--muted,#75808d)}.template-card>em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;padding:0 10px 8px;color:#31a8ff}.template-preview{height:145px;padding:18px;position:relative;overflow:hidden;display:grid;align-content:center}.template-preview:after{content:'';position:absolute;width:86px;height:86px;border:18px solid currentColor;border-radius:50%;right:20px;top:27px;opacity:.3}.template-preview i{height:4px;width:52px;background:currentColor;margin-bottom:14px}.template-preview b{font-size:17px;letter-spacing:.02em;position:relative;z-index:1}.template-preview small{font-size:8px;letter-spacing:.18em;position:relative;z-index:1}.performance-preview{background:#101318;color:#ff5a1f}.performance-preview b{font-style:italic}.precision-preview{background:#edf3f8;color:#1857ac}.precision-preview b{text-transform:none}.heritage-preview{background:#e8e1d1;color:#234138;font-family:Georgia,serif}.workshop-preview{background:#10171d;color:#b7f500}.workshop-preview b{font-style:italic}.warehouse-preview{background:#071426;color:#38bdf8}.warehouse-preview i{background:#f97316}.commerce-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.commerce-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.commerce-publish{display:flex;flex-direction:column}.publish-metric{display:grid;margin:18px 0}.publish-metric strong{font-size:46px;line-height:1;color:#31a8ff}.publish-metric span{color:var(--muted,#75808d)}.storefront-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;background:#31a8ff;color:#06111a;text-decoration:none;font-weight:800;margin-top:auto}.commerce-publish>small{margin-top:11px;color:var(--muted,#75808d)}@media(max-width:960px){.commerce-grid{grid-template-columns:1fr}.template-preview{height:118px}.commerce-intro{align-items:start;flex-direction:column}.commerce-status{width:100%}}@media(max-width:520px){.template-picker{grid-template-columns:1fr}}