.catalog-page{z-index:10;width:calc(100% - 64px);min-height:65vh;margin:0 auto;padding:24px 0 64px;position:relative}.catalog-page.product-page{width:78%;padding-top:72px}.product-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.product-page .product-topbar .breadcrumbs{min-width:0;margin:0}.product-edit-link{white-space:nowrap;color:var(--muted);margin-left:auto;font-size:12px}.product-edit-link:hover{color:var(--accent)}.product-edit-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.product-page .product-heading{margin-bottom:24px}.product-page .product-detail{grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:32px}@media (width<=1200px){.catalog-page.product-page{width:90%;padding-top:48px}.product-page .product-detail{gap:24px}}@media (width<=760px){.catalog-page.product-page{width:calc(100% - 32px);padding-top:24px}.product-page .product-heading{margin-bottom:24px}}.catalog-page .primary-button,.catalog-page .outline-button{border:1px solid var(--border);justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.catalog-page .primary-button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.catalog-page .outline-button{background:var(--background);color:var(--foreground)}.catalog-page .outline-button:hover{border-color:var(--accent)}.catalog-page button:disabled{opacity:.5}.breadcrumbs a:hover,.product-links a:hover{color:var(--accent)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:32px;font-size:12px;display:flex}.preview-banner{border-left:3px solid var(--accent);background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.product-heading{margin-bottom:24px}.product-heading h1{overflow-wrap:anywhere;width:auto;margin:0;font-size:clamp(32px,2.4vw,48px)}.product-heading .product-kind{color:var(--accent);margin-bottom:10px}.product-detail{grid-template-columns:minmax(0,2.6fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.product-main{gap:32px;min-width:0;display:grid}.product-detail-media{min-width:0}.product-sidebar{grid-area:1/2;gap:24px;min-width:0;display:grid;position:sticky;top:24px}.product-content-row,.product-gallery,.gallery-frame{min-width:0}.gallery-image,.gallery-placeholder,.gallery-video{aspect-ratio:16/9;background:var(--surface);border:0;width:100%;display:block}.gallery-image{cursor:zoom-in;padding:0;display:block}.gallery-image img{object-fit:contain;width:100%;height:100%}.gallery-placeholder{text-align:center;background:var(--surface) url(/textures/xerox-fine.webp) center/1000px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.gallery-placeholder span{font-family:Anton,sans-serif;font-size:clamp(24px,4vw,48px)}.gallery-placeholder p{color:var(--muted);font-size:12px}.gallery-thumbnails{align-items:flex-start;gap:10px;margin-top:14px;padding-bottom:6px;display:flex;overflow:auto hidden}.gallery-thumbnails button,.gallery-thumbnails a{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);flex:none;place-items:center;width:112px;padding:0;font-size:11px;display:grid}.gallery-thumbnails button[aria-pressed=true]{border:2px solid var(--accent)}.gallery-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.gallery-zoom{width:min(94vw,1100px);max-width:1100px}.gallery-zoom img{object-fit:contain;width:100%;max-height:75vh}.product-summary{background:var(--background);border:1px solid #0000;padding:24px}.product-kind{color:var(--muted);margin:0 0 14px;font-size:12px}.product-preview-price{color:var(--accent);flex-direction:column;gap:4px;font-size:28px;font-weight:600;display:flex}.product-preview-price span{color:var(--muted);font-size:11px;font-weight:400}.product-variants{gap:8px;margin:24px 0;display:grid}.product-variants h2,.product-live-demo h2{margin:0 0 6px;font-size:13px;font-weight:600}.product-variants>div{border:1px solid var(--border);color:var(--muted);padding:12px 14px}.product-summary .primary-button{white-space:normal;text-align:center;opacity:.6;justify-content:center;width:100%;min-height:48px;margin-top:24px}.product-note{color:var(--muted);font-size:11px;line-height:1.7}.product-links{gap:14px;margin-top:24px;font-size:12px;display:grid}.product-content{min-width:0}.product-content section,.product-content details{padding:24px 0}.product-content h2{margin:0 0 16px;font-family:Anton,sans-serif;font-size:26px;font-weight:400}.product-content summary{cursor:pointer;font-size:16px;font-weight:600}.product-content details[open] summary{margin-bottom:16px}.product-prose{color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.product-prose h1,.product-prose h2,.product-prose h3{color:var(--foreground);width:auto;font:600 18px Roboto Mono,monospace}.product-prose p{margin:0 0 14px}.product-prose ul,.product-prose ol{padding-left:24px}.product-prose a{color:var(--accent);text-decoration:underline}.product-prose img{max-width:100%}.product-prose pre{background:var(--surface);padding:16px;overflow-x:auto}.product-live-demo{text-align:center;min-width:0}.demo-stage{aspect-ratio:496/968;width:100%;margin:auto;position:relative;overflow:hidden}.demo-stage iframe{transform-origin:0 0;background:0 0;border:0;width:496px;max-width:none;height:968px;position:absolute;inset:0}.demo-zoom{width:min(92vw,500px)}.demo-zoom .demo-stage{width:min(100%,340px,38vh)}.page-not-found{padding:48px 0}.page-not-found h1{font-size:clamp(32px,5vw,64px)}.admin-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.admin-heading h1{margin:0;font-size:clamp(32px,5vw,48px)}.admin-heading>a:not(.primary-button){color:var(--muted);font-size:12px}.admin-product-list article{border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding:24px 0;display:flex}.admin-product-list h2{margin:0;font:400 26px Anton,sans-serif}.admin-product-list p{color:var(--muted);margin:8px 0 0;font-size:12px}.admin-row-actions{align-items:center;gap:24px;font-size:12px;display:flex}.product-wizard{max-width:1100px;margin:auto}.wizard-back{color:var(--muted);margin-bottom:20px;font-size:12px;display:inline-block}.wizard-steps{border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) var(--background);gap:4px;margin-bottom:28px;display:flex;overflow-x:auto}.wizard-steps button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:14px 16px;font-size:12px}.wizard-steps button[aria-current=step]{color:var(--foreground);border-color:var(--accent)}.wizard-steps button span{color:var(--accent);margin-right:8px}.wizard-body{border:0;min-width:0;min-height:320px;margin:0;padding:0}.wizard-fields{gap:24px;max-width:850px;display:grid}.wizard-fields h2,.wizard-review h2{margin:0;font-size:20px}.wizard-field{gap:8px;min-width:0;font-size:13px;display:grid}.wizard-field>span{color:var(--foreground)}.wizard-field input,.wizard-field textarea,.wizard-field select{background:var(--surface);width:100%;color:var(--foreground);border:1px solid var(--border);font:inherit;border-radius:0;padding:12px}.wizard-field textarea{resize:vertical}.wizard-field small,.upload-area small,.wizard-image-row small{color:var(--muted);font-size:11px}.wizard-checkboxes{flex-wrap:wrap;gap:12px 24px;display:flex}.wizard-checkboxes label,.wizard-check{align-items:center;gap:10px;font-size:13px;display:flex}.wizard-checkboxes input,.wizard-check input{accent-color:var(--accent);width:16px;height:16px}.wizard-help{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.wizard-repeat-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.wizard-package-status{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.editor-text-button,.image-actions button,.unused-image button{color:var(--foreground);background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.editor-text-button{min-height:44px}.upload-area{border:1px dashed var(--muted);background:var(--surface);cursor:pointer;gap:16px;padding:24px;font-size:13px;display:grid}.upload-area input{max-width:100%;font:inherit}.wizard-images{gap:24px;display:grid}.wizard-image-row{border-bottom:1px solid var(--border);grid-template-columns:160px minmax(0,1fr);gap:20px;padding-bottom:24px;display:grid}.wizard-image-row>img{object-fit:contain;background:var(--surface);width:160px;max-height:140px}.wizard-image-row>div{gap:12px;display:grid}.image-actions{flex-wrap:wrap;gap:20px;display:flex}.image-actions button:disabled{color:var(--muted);opacity:.5}.unused-images{border-top:1px solid var(--border);padding-top:16px;font-size:12px}.unused-images summary{cursor:pointer}.unused-images p{color:var(--muted);line-height:1.8}.unused-image{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.unused-image img{object-fit:contain;background:var(--surface);width:80px;height:60px}.wizard-section{border-top:1px solid var(--border);gap:16px;padding:20px 0;display:grid}.wizard-review dl{grid-template-columns:180px minmax(0,1fr);gap:12px 24px;margin:24px 0;font-size:13px;display:grid}.wizard-review dt{color:var(--muted)}.wizard-review dd{overflow-wrap:anywhere;margin:0}.wizard-review .wizard-help{margin-top:20px}.wizard-controls{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;display:flex}.wizard-controls>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wizard-save-state{color:var(--muted);font-size:11px}.product-wizard .outline-button,.product-wizard .primary-button,.admin-heading .primary-button,.admin-row-actions .outline-button{justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:12px;display:inline-flex}.editor-error{border-left:3px solid var(--accent);color:var(--foreground);background:var(--surface);padding:12px 16px;font-size:13px;line-height:1.7}.editor-message{color:var(--muted);font-size:13px;line-height:1.7}.conflict-recovery{color:var(--muted);font-size:12px;line-height:1.7}.wizard-body:disabled{opacity:.65}@media (width<=760px){.catalog-page{width:calc(100% - 32px);padding-top:24px}.breadcrumbs{margin-bottom:24px}.product-detail{flex-direction:column;gap:24px;display:flex}.product-main{display:contents}.product-content-row{order:3}.product-detail-media{order:1}.product-sidebar{order:2;width:100%;position:static}.product-content,.product-detail-media,.product-summary,.product-live-demo{width:100%}.product-summary{padding:20px}.admin-heading{gap:16px}.admin-product-list article{flex-wrap:wrap;align-items:start}.admin-row-actions{gap:16px}.wizard-steps button{padding:12px}.wizard-repeat-row{grid-template-columns:1fr}.wizard-image-row{grid-template-columns:100px minmax(0,1fr);gap:12px}.wizard-image-row>img{width:100px;max-height:110px}.wizard-controls>div,.wizard-save-state{width:100%}.wizard-review dl{grid-template-columns:1fr;gap:8px}.wizard-review dd{margin-bottom:12px}.admin-heading h1{font-size:36px}}.pricing-toggle{border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;margin:16px 0 0;padding:6px;display:inline-flex}.pricing-toggle label{cursor:pointer;min-width:0;position:relative}.pricing-toggle input{opacity:0;width:1px;height:1px;position:absolute}.pricing-toggle span{min-height:40px;color:var(--muted);text-align:center;overflow-wrap:anywhere;padding:10px 16px;font-size:13px;display:block}.pricing-toggle input:checked+span{background:var(--accent);color:var(--on-accent)}.pricing-toggle input:focus-visible+span{outline:2px solid var(--foreground);outline-offset:2px}.product-preview-price small{color:var(--muted);font-size:14px;font-weight:400}.product-pricing .product-preview-price{white-space:nowrap;display:block}.product-pricing .product-preview-price small{margin-left:4px;display:inline}.pricing-note{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.7}.product-stats{margin-top:24px;padding-top:24px}.product-stats h2{margin:0 0 16px;font-size:13px;font-weight:600}.resmon-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.resmon-toolbar button{border:1px solid var(--border);background:var(--surface);color:var(--foreground);font:inherit;cursor:pointer;min-height:36px;padding:8px 12px}.resmon-toolbar button:hover{border-color:var(--accent)}.resmon-toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resmon-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 24px;display:grid}.product-stats dl>div{flex-direction:column;gap:8px;min-width:0;display:flex}.product-stats dt{color:var(--muted);order:2;font-size:11px;line-height:1.5}.product-stats dd{overflow-wrap:anywhere;margin:0;font-size:clamp(16px,1.1vw,28px);font-weight:600}.resmon-values dd{color:var(--accent)}.usage-stats{padding-top:20px}.usage-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.usage-stats p{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.7}.wizard-metrics{border:1px solid var(--border);min-width:0;margin:0;padding:20px}.wizard-metrics legend{padding:0 8px;font-size:14px}.wizard-metrics>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.wizard-usage-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=760px){.product-stats dd{font-size:20px}.wizard-metrics>div,.wizard-usage-fields{grid-template-columns:1fr}}