:root{--color-bg:oklch(16% .02 260);--color-panel:oklch(21% .025 260);--color-panel-2:oklch(25% .03 260);--color-text:oklch(93% .01 260);--color-text-muted:oklch(65% .02 260);--color-brand:oklch(72% .16 55);--color-accent:oklch(80% .15 65);--color-border:oklch(30% .03 260);--color-wa:oklch(72% .17 150);--color-danger:oklch(60% .21 25);--color-success:oklch(68% .16 150);--color-overlay:oklch(0% 0 0/.55);--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-display:clamp(2.25rem, 3vw + 1rem, 3.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 4px 24px oklch(0% 0 0/.28);--shadow-card-hover:0 12px 40px oklch(0% 0 0/.4);--shadow-glass:0 8px 32px oklch(0% 0 0/.35);--dur-fast:.12s;--dur-med:.24s;--dur-slow:.6s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--rule:1px solid var(--color-border)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}body:before{content:"";z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-style:normal;font-weight:700;line-height:1.1}p{max-width:65ch;margin:0}a{color:var(--color-accent);cursor:pointer;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;display:block}::selection{background:var(--color-brand);color:oklch(16% .02 260)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{max-width:1200px;padding:var(--space-6) var(--space-5) var(--space-9);margin:0 auto;position:relative}.center-page{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;min-height:70vh;padding:var(--space-5);flex-direction:column;display:flex}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.center{text-align:center}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-brand);margin-bottom:var(--space-2)}h1{font-size:var(--text-display);letter-spacing:-.035em;font-weight:800}h2{font-size:var(--text-xl);letter-spacing:-.03em}h3{font-size:var(--text-md)}.pub-header,.dash-header{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin:0 calc(var(--space-5) * -1) var(--space-6);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:var(--rule);box-shadow:var(--shadow-glass);background:oklch(16% .02 260/.72);flex-wrap:wrap;display:flex;position:sticky;top:0}.dash-header{margin-bottom:var(--space-6)}.pub-header h1,.dash-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:var(--rule);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:var(--color-panel-2);color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn.primary{background:var(--color-brand);color:oklch(16% .03 60);border-radius:var(--radius-pill);border-color:#0000;padding:11px 22px;font-weight:700}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px oklch(72% .16 55/.35)}.btn.ghost{border-color:var(--color-border);background:0 0}.btn.ghost:hover{background:var(--color-panel)}.btn.wa{background:var(--color-wa);color:oklch(15% .04 150);border-radius:var(--radius-pill);border-color:#0000;padding:11px 22px;font-weight:700}.btn.wa:hover{box-shadow:0 4px 16px oklch(72% .17 150/.35)}.btn.danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn.danger:hover{background:var(--color-danger);color:oklch(98% .01 25)}.btn.green{background:var(--color-success);color:oklch(15% .04 150);border-color:#0000}.btn.grey{background:var(--color-panel-2);color:var(--color-text-muted)}.btn.tiny{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:5px 10px}.btn[data-state=loading]{color:#0000;pointer-events:none;position:relative}.btn[data-state=loading]:after{content:"";color:oklch(16% .03 60);border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.chip-row{gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-5);scrollbar-width:thin;display:flex;overflow-x:auto}.chip{align-items:center;gap:var(--space-2);white-space:nowrap;border:var(--rule);color:var(--color-text-muted);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;padding:8px 16px;font-weight:500;display:inline-flex}.chip:hover{background:var(--color-panel);color:var(--color-text)}.chip.active{background:var(--color-brand);color:oklch(16% .03 60);border-color:#0000;font-weight:700}.chip-logo{object-fit:cover;border-radius:50%;width:20px;height:20px}.showroom-hero{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);border:var(--rule);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-card);background:linear-gradient(135deg,oklch(13% .02 260),oklch(20% .03 280));flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.showroom-hero:before{content:"";pointer-events:none;background:radial-gradient(at 80% 0,oklch(72% .16 55/.12),#0000 55%);position:absolute;inset:0}.hero-identity{align-items:center;gap:var(--space-4);min-width:0;display:flex;position:relative}.hero-logo{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px;box-shadow:var(--shadow-card);border:2px solid oklch(72% .16 55/.4);flex-shrink:0}.hero-name{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:800}.showroom-hero .btn.wa{position:relative}.grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill, minmax(260px, minmax(0, 1fr)));display:grid}.card{background:var(--color-panel);border:var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);border-color:oklch(72% .16 55/.6);transform:translateY(-4px)}@media (hover:none){.card:hover{transform:none}}.card-img{aspect-ratio:4/3;background:var(--color-panel-2);position:relative;overflow:hidden}.card-img .carousel-slide.active{transform:scale(1)}.card:hover .carousel-slide.active{transform:scale(1.06)}.carousel-slide{transition:opacity var(--dur-slow) var(--ease-in-out), transform 5s var(--ease-out)}.no-img{width:100%;height:100%;color:var(--color-text-muted);opacity:.4;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;background:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--color-border) 10px, var(--color-border) 11px);justify-content:center;align-items:center;display:flex}.no-img:after{content:"Tanpa foto"}.badge{top:var(--space-2);left:var(--space-2);z-index:4;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:4px 10px;font-weight:600;position:absolute}.badge.new{background:var(--color-success);color:oklch(15% .04 150)}.badge.used{background:var(--color-brand);color:oklch(16% .03 60)}.card-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.card-body h3{font-size:var(--text-md);overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.15}.price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-lg);color:var(--color-brand);letter-spacing:-.03em;font-weight:700}.desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--rule);margin-top:auto;display:flex}.seller-name{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);min-width:0;display:inline-flex}.seller-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-logo{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.auth-wrap{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-panel);border:var(--rule);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:440px;box-shadow:var(--shadow-card)}.brand{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.03em;margin-bottom:var(--space-1);font-weight:800}.tabs{gap:var(--space-1);margin:var(--space-5) 0;background:var(--color-bg);padding:var(--space-1);border-radius:var(--radius-pill);display:flex}.tabs button{border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:1;padding:9px;font-weight:600}.tabs button:hover{color:var(--color-text)}.tabs button.active{background:var(--color-brand);color:oklch(16% .03 60)}label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-1);display:block}input,select,textarea{border-radius:var(--radius-md);border:var(--rule);background:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:11px 14px}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.6}input:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px oklch(72% .16 55/.18)}input:invalid:not(:placeholder-shown){border-color:var(--color-danger)}form .btn.primary{width:100%;margin-top:var(--space-5)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-4)}.alert.error{color:oklch(92% .05 25);border:1px solid var(--color-danger);background:oklch(30% .09 25)}.alert.info{color:oklch(92% .05 150);border:1px solid var(--color-success);background:oklch(28% .06 150)}.panel{background:var(--color-panel);border:var(--rule);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-card)}.panel h3{margin-bottom:var(--space-3)}.form-grid{gap:0 var(--space-5);grid-template-columns:repeat(auto-fit, minmax(200px, minmax(0, 1fr)));display:grid}.form-grid>div{min-width:0}.form-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.form-actions .btn.primary{width:auto;margin-top:0}.img-preview,.logo-preview{border-radius:var(--radius-md);max-width:220px;margin-top:var(--space-3);border:var(--rule)}.logo-preview{object-fit:cover;width:80px;height:80px}.section-title{margin:var(--space-7) 0 var(--space-4)}.table-wrap{border:var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow-x:auto}table{border-collapse:collapse;background:var(--color-panel);width:100%;min-width:660px}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--rule);font-size:var(--text-sm)}th{background:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}tbody tr:hover{background:var(--color-panel-2)}tr:last-child td{border-bottom:0}tr.dim{opacity:.45}td{font-variant-numeric:tabular-nums}.thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-bg);justify-content:center;align-items:center;width:56px;height:42px;display:inline-flex}.no-img-sm{width:56px;height:42px}.actions{gap:var(--space-1);display:flex}.carousel{background:var(--color-panel-2);width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.carousel-slide.active{opacity:1}.carousel-dots{bottom:var(--space-2);z-index:3;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.carousel-dots .dot{cursor:pointer;width:7px;height:7px;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:1px solid oklch(100% 0 0/.7);border-radius:50%;padding:0}.carousel-dots .dot.active{background:var(--color-brand);border-color:var(--color-brand);transform:scale(1.25)}.carousel-nav{z-index:3;background:var(--color-overlay);color:oklch(100% 0 0);cursor:pointer;opacity:0;width:30px;height:30px;transition:opacity var(--dur-fast) var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel:hover .carousel-nav,.carousel:focus-within .carousel-nav{opacity:1}.carousel-nav.prev{left:var(--space-2)}.carousel-nav.next{right:var(--space-2)}.carousel-count{top:var(--space-2);right:var(--space-2);z-index:3;background:var(--color-overlay);color:oklch(100% 0 0);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);padding:2px 7px;position:absolute}.theme-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill, minmax(150px, minmax(0, 1fr)));margin-top:var(--space-2);display:grid}.theme-card{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;align-items:flex-start;gap:5px;display:flex}.theme-card:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.theme-card.active{border-color:var(--color-brand)}.theme-swatch{border-radius:var(--radius-sm);align-items:flex-end;width:100%;height:34px;padding:4px;display:flex;position:relative;overflow:hidden}.theme-swatch i{border-radius:3px;width:40%;height:60%;display:block}.theme-name{font-weight:700;font-size:var(--text-sm)}.theme-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.preview-row{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.preview-item{width:90px;height:70px;position:relative}.preview-item img{object-fit:cover;border-radius:var(--radius-sm);border:var(--rule);width:100%;height:100%}.preview-x{background:var(--color-danger);color:oklch(98% .01 25);cursor:pointer;border:0;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:1;position:absolute;top:-6px;right:-6px}.preview-new{font-family:var(--font-mono);text-transform:uppercase;background:var(--color-brand);color:oklch(16% .03 60);border-radius:3px;padding:1px 5px;font-size:9px;position:absolute;bottom:2px;left:2px}.photo-count{margin-left:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:var(--color-brand);color:oklch(16% .03 60);border-radius:var(--radius-sm);padding:1px 6px;display:inline-block}.card-clickable{cursor:pointer}.card-clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.card-hint{bottom:var(--space-2);right:var(--space-2);z-index:4;background:var(--color-overlay);color:oklch(100% 0 0);font-size:var(--text-xs);border-radius:var(--radius-pill);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);padding:3px 8px;position:absolute}.card:hover .card-hint,.card-clickable:focus-visible .card-hint{opacity:1}.badge.sold{background:var(--color-danger);color:oklch(98% .01 25);top:var(--space-2);left:auto;right:var(--space-2)}.filter-bar{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-panel);border:var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.filter-group{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.filter-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0}.filter-select{background:var(--color-bg);border:var(--rule);border-radius:var(--radius-md);width:auto;min-width:150px;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);padding:9px 12px}.filter-count{align-self:center;margin-left:auto}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);padding:var(--space-4);animation:fadeIn var(--dur-fast) var(--ease-out);background:oklch(0% 0 0/.78);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-panel);border:var(--rule);border-radius:var(--radius-lg);width:100%;max-width:940px;max-height:92vh;padding:var(--space-5);box-shadow:var(--shadow-card-hover);animation:slideUp var(--dur-med) var(--ease-out);position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{top:var(--space-3);right:var(--space-3);z-index:5;background:var(--color-overlay);color:oklch(100% 0 0);cursor:pointer;width:36px;height:36px;transition:background-color var(--dur-fast) var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.modal-close:hover{background:var(--color-danger)}.modal-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=768px){.modal-grid{grid-template-columns:minmax(0,1fr)}}.modal-gallery{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.modal-main-img{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-panel-2);position:relative;overflow:hidden}.modal-main-img img{object-fit:cover;width:100%;height:100%}.modal-thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.thumb-btn{border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;background:var(--color-panel-2);width:64px;height:48px;transition:border-color var(--dur-fast) var(--ease-out);padding:0;overflow:hidden}.thumb-btn.active{border-color:var(--color-brand)}.thumb-btn img{object-fit:cover;width:100%;height:100%}.modal-info{min-width:0}.modal-title{font-size:var(--text-xl);margin-bottom:var(--space-2);overflow-wrap:anywhere;letter-spacing:-.03em;font-weight:800}.modal-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);color:var(--color-brand);letter-spacing:-.04em;margin-bottom:var(--space-4);font-weight:700}.spec-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit, minmax(110px, minmax(0, 1fr)));padding:var(--space-4);background:var(--color-bg);border:var(--rule);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:grid}.spec-item{flex-direction:column;gap:2px;display:flex}.spec-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.spec-value{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.modal-desc{margin-bottom:var(--space-4)}.modal-desc h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.modal-desc p{color:var(--color-text-muted);white-space:pre-wrap;line-height:1.6}.modal-cta{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.btn-wa-lg{width:100%;font-size:var(--text-base);border-radius:var(--radius-pill);padding:14px 24px;font-weight:700}.seller-box{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border:var(--rule);border-radius:var(--radius-md);display:flex}.seller-logo{border-radius:var(--radius-sm);object-fit:cover;border:var(--rule);width:44px;height:44px}@media (width<=640px){.pub-header h1,.dash-header h1{font-size:var(--text-xl)}.pub-header,.dash-header{padding:var(--space-3) var(--space-4);margin-left:calc(var(--space-5) * -1);margin-right:calc(var(--space-5) * -1)}.header-actions{width:100%}.header-actions .btn{flex:1;min-width:0}.grid,.form-grid{grid-template-columns:minmax(0,1fr)}.container{padding-left:var(--space-4);padding-right:var(--space-4)}.showroom-hero{padding:var(--space-4)}.modal-card{padding:var(--space-4);max-height:94vh}.modal-price{font-size:var(--text-xl)}.filter-count{margin-left:0}.filter-select{flex:1;min-width:120px}.filter-bar{gap:var(--space-3)}}.modal-cta{z-index:6;background:linear-gradient(transparent, var(--color-panel) 30%);padding-top:var(--space-3);margin-left:calc(var(--space-5) * -1);margin-right:calc(var(--space-5) * -1);padding-left:var(--space-5);padding-right:var(--space-5);position:sticky;bottom:0}@media (width<=768px){.modal-cta{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4);padding-bottom:var(--space-2)}}