@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700;800&family=IBM+Plex+Mono:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:Bricolage Grotesque,sans-serif;line-height:1.45;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0}code{font-family:IBM Plex Mono,monospace}.screen{--bg: #f7efe4;--paper: #fff8ee;--ink: #1c1712;--accent: #d6572b;--accent-soft: #ffe8de;--mint: #0e7e86;--muted: rgba(28, 23, 18, .72);--surface: rgba(255, 255, 255, .88);--surface-2: rgba(255, 255, 255, .64);--surface-3: rgba(255, 255, 255, .45);--overlay: rgba(12, 10, 8, .55);--line: rgba(28, 23, 18, .14);min-height:100vh;padding:2.75rem 1rem 4rem;background:radial-gradient(1000px 430px at 14% -6%,rgba(214,87,43,.2),transparent 60%),radial-gradient(800px 400px at 98% 1%,rgba(14,126,134,.2),transparent 60%),var(--bg);color:var(--ink);position:relative;overflow-x:hidden}.screen.mode-dark{--bg: #101420;--paper: #151b2b;--ink: #e9ecf4;--accent: #ff8a5b;--accent-soft: rgba(255, 138, 91, .2);--mint: #63d1d9;--muted: rgba(233, 236, 244, .76);--surface: rgba(28, 34, 51, .92);--surface-2: rgba(28, 34, 51, .76);--surface-3: rgba(28, 34, 51, .45);--overlay: rgba(2, 4, 10, .62);--line: rgba(233, 236, 244, .2)}.screen.template-hummingbird{--accent: #2685ff;--accent-soft: rgba(38, 133, 255, .22);--mint: #2dcda3}.screen.template-warehouse{--accent: #e3572d;--accent-soft: rgba(227, 87, 45, .2);--mint: #006d77}.screen.template-alyum{--accent: #c64f7a;--accent-soft: rgba(198, 79, 122, .2);--mint: #3250a8}.screen.template-transformer{--accent: #5d60f0;--accent-soft: rgba(93, 96, 240, .2);--mint: #0db8aa}.screen.template-electro{--accent: #4d8cff;--accent-soft: rgba(77, 140, 255, .2);--mint: #7fd3ff}.screen.template-cosmetics{--accent: #cc5f8e;--accent-soft: rgba(204, 95, 142, .2);--mint: #6fb8a8}.screen.template-sportswear{--accent: #ff5f3b;--accent-soft: rgba(255, 95, 59, .22);--mint: #33c27f}.screen.template-minimal{--accent: #50535e;--accent-soft: rgba(80, 83, 94, .2);--mint: #767d8d}.screen.template-luxury{--bg: #0d0e12;--paper: #18191f;--ink: #f3eee7;--accent: #d4a95e;--accent-soft: rgba(212, 169, 94, .22);--mint: #8ea38f;--muted: rgba(243, 238, 231, .75);--surface: rgba(36, 38, 44, .9);--surface-2: rgba(36, 38, 44, .72);--surface-3: rgba(36, 38, 44, .44);--line: rgba(243, 238, 231, .2)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(0,0,0,.18) .55px,transparent .55px);background-size:2.8px 2.8px}.hero,.listings{width:min(1160px,100%);margin:0 auto;position:relative;z-index:1}.topBar{width:min(1160px,100%);margin:0 auto 1.2rem;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.hero{margin-bottom:0}.hero h1{margin:0;font-size:clamp(2rem,5.2vw,4rem);line-height:.92;max-width:14ch;text-wrap:balance}.label{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--mint);font-size:.76rem;font-weight:700}.subtitle{max-width:64ch;margin-top:1rem;color:var(--muted)}.heroPills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.05rem}.ui-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 94%,#ffffff 6%),color-mix(in srgb,var(--surface) 85%,var(--paper) 15%));box-shadow:0 16px 42px color-mix(in srgb,var(--ink) 16%,transparent 84%);padding:1.18rem}.ui-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.26rem .64rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line)}.ui-badge--default{background:#1c171212}.ui-badge--accent{background:var(--accent-soft);border-color:#d6572b59;color:#8c2e14}.ui-badge--soft{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff8eec7;border-color:#fff6}.ui-input{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;padding:.68rem .8rem;width:100%}.ui-input:focus{outline:2px solid rgba(14,126,134,.2);border-color:#0e7e868c}.ui-select{min-width:120px}.ui-button{border-radius:12px;border:1px solid transparent;font:inherit;font-weight:600;padding:.64rem .84rem;display:inline-flex;align-items:center;justify-content:center;gap:.46rem;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,background .18s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button:disabled{opacity:.6;cursor:progress}.ui-button--primary{background:var(--ink);color:#fff}.ui-button--outline{border-color:var(--line);background:var(--surface);color:var(--ink)}.ui-button--ghost{border-color:var(--line);background:transparent;color:var(--ink)}.tabs{display:inline-flex;gap:.4rem;margin-bottom:.56rem}.tabs .ui-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.authForm{display:grid;gap:.46rem}.statusLine{display:inline-flex;align-items:center;gap:.42rem;font-weight:700}.ok{color:var(--mint)}.error{color:#a01717}.meta{color:var(--muted);font-size:.92rem}.listings{margin-top:.9rem;margin-bottom:4.25rem}.listingsHeader{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:.48rem;flex-wrap:wrap}.filters .ui-input:first-child{min-width:250px}.refreshButton .spin{animation:spin .9s linear infinite}.listingGrid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;align-items:start}.listingGrid__spacer{grid-column:1 / -1;pointer-events:none}.listing-card{padding:0;overflow:hidden;border-radius:18px;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease;cursor:pointer;content-visibility:auto;contain-intrinsic-size:470px}.listing-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px color-mix(in srgb,var(--ink) 18%,transparent 82%),0 8px 16px color-mix(in srgb,var(--ink) 10%,transparent 90%)}.listing-card__media-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden}.listing-card__media{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.listing-card:hover .listing-card__media{transform:scale(1.1)}.listing-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0e0906d1,#0e090659 40%,#0e09060f,#0e090600);transition:opacity .32s ease}.listing-card:hover .listing-card__overlay{opacity:.85}.listing-card__badges{position:absolute;top:.55rem;left:.55rem;display:flex;gap:.35rem;flex-wrap:wrap}.listing-card__price{position:absolute;margin:0;right:.75rem;bottom:.7rem;color:#fff;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:800;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.listing-card__body{padding:1rem 1.1rem 1.15rem}.listing-card__body h3{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.12rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.listing-card__body p{margin:.5rem 0 .8rem;font-family:DM Sans,sans-serif;color:var(--muted);font-size:.9rem;line-height:1.5;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-card__body footer{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-family:DM Sans,sans-serif;font-size:.88rem;color:var(--muted)}.listing-card__open{margin-top:.85rem;width:100%;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,var(--mint) 20%));padding:.72rem .8rem;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;color:#fff;cursor:pointer;letter-spacing:.03em;text-transform:uppercase;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,filter .22s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent 65%);position:relative;overflow:hidden}.listing-card__open:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:transform .4s ease}.listing-card__open:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent 55%);filter:brightness(1.08)}.listing-card__open:hover:before{transform:translate(100%)}.listing-card__open:active{transform:translateY(0) scale(.98)}.listing-card__rep{display:inline-flex;gap:.26rem;align-items:center;color:var(--muted)}.listingSkeleton{border-radius:18px;min-height:420px;border:1px solid var(--line);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.16) 38%,transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--surface-3) 88%,transparent 12%),color-mix(in srgb,var(--surface) 92%,transparent 8%));background-size:210% 100%,100% 100%;animation:shimmer 1.15s cubic-bezier(.22,.61,.36,1) infinite;position:relative;overflow:hidden}.listingSkeleton:after{content:"";position:absolute;left:1rem;right:1rem;bottom:1rem;height:.92rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent 14%);box-shadow:0 -2.2rem color-mix(in srgb,var(--surface) 90%,transparent 10%),0 -4.3rem color-mix(in srgb,var(--surface) 78%,transparent 22%)}.ui-dialog-overlay{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80}.ui-dialog-content{position:fixed;left:50%;top:50%;width:min(1120px,calc(100vw - 1.25rem));max-height:min(94vh,980px);overflow:auto;transform:translate(-50%,-50%);z-index:90;border-radius:22px;border:1px solid var(--line);background:var(--paper);box-shadow:0 40px 100px #00000059,0 12px 32px #00000026;padding:0;overflow:hidden;isolation:isolate;animation:dialogReveal .38s cubic-bezier(.22,1,.36,1) forwards}@keyframes dialogReveal{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.detail-dialog{position:relative;display:grid;grid-template-columns:1.4fr 1fr;min-height:600px}.detail-dialog__close{position:absolute;right:.7rem;top:.7rem;z-index:5;border:1px solid rgba(255,255,255,.5);border-radius:999px;width:36px;height:36px;background:#0c0a0880;color:#fff;display:grid;place-items:center;cursor:pointer}.detail-dialog__media-wrap{position:relative;min-height:600px}.detail-dialog__media{width:100%;height:100%;object-fit:cover}.detail-dialog__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0c0a08b3,#0c0a0826 56%,#0c0a0800)}.detail-dialog__price{position:absolute;left:1.25rem;bottom:1.15rem;margin:0;color:#fff;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,1.5vw + 1rem,2.2rem);font-weight:900;letter-spacing:.01em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.detail-dialog__thumbs{position:absolute;left:1rem;right:1rem;bottom:4.1rem;display:flex;gap:.42rem;overflow-x:auto;padding-bottom:.18rem}.detail-dialog__thumb{border:1px solid rgba(255,255,255,.48);border-radius:10px;padding:0;width:72px;height:72px;overflow:hidden;background:#0c0a0885;cursor:pointer;flex:0 0 auto;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.detail-dialog__thumb:hover{transform:translateY(-1px)}.detail-dialog__thumb.is-active{border-color:#fff;box-shadow:0 0 0 2px #ffffff59}.detail-dialog__thumb img{width:100%;height:100%;object-fit:cover}.detail-dialog__body{padding:1.5rem 1.35rem 1.3rem;background:linear-gradient(180deg,#101622fa,#0c111cf7);border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:.95rem;position:relative;z-index:2;color:#f4f8ff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-dialog__title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,2vw + .7rem,2.3rem);line-height:1.1;letter-spacing:-.025em;color:#f7fbff;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.35)}.detail-dialog__description{margin:0;font-family:DM Sans,sans-serif;font-size:1.05rem;line-height:1.7;color:#eef6ffeb;font-weight:500;max-width:62ch}.detail-dialog__badges{display:flex;gap:.42rem;flex-wrap:wrap;margin-bottom:.15rem}.detail-dialog__meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.78rem}.detail-dialog__meta div{padding:.72rem .8rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff12}.detail-dialog__meta dt{font-family:DM Sans,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#d2e0f5c7;margin-bottom:.35rem;font-weight:600}.topControls{display:flex;align-items:center;gap:.52rem;justify-content:flex-end;flex-wrap:wrap;min-width:420px}.themeCompact{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.themeModeSwitch{display:flex;gap:.3rem}.themeModeSwitch .ui-button{padding:.45rem .62rem;font-size:.86rem}.templateSelect{min-width:170px;max-width:190px;padding-top:.45rem;padding-bottom:.45rem;font-size:.88rem}.authCompact{position:relative;display:flex;align-items:center}.authCompact .ui-button{padding-top:.5rem;padding-bottom:.5rem}.authCompact__user{display:flex;align-items:center;gap:.45rem}.authCompact__name{font-size:.88rem;color:var(--muted)}.authPopover{position:absolute;right:0;top:calc(100% + .4rem);width:min(320px,calc(100vw - 2rem));z-index:40;border:1px solid var(--line);border-radius:14px;padding:.68rem;background:var(--surface);box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 18%,transparent 82%)}.statusFooter{position:fixed;left:0;right:0;bottom:0;z-index:70;border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:1rem;padding:.55rem .9rem}.detail-dialog__meta dd{margin:0;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.1rem;color:#f8fbff}.detail-dialog__loading,.detail-dialog__empty,.detail-dialog__error{padding:2rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:190% 0,0 0}to{background-position:-30% 0,0 0}}@media(min-width:920px){.topBar{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:860px){.topBar{grid-template-columns:1fr}.topControls{justify-content:flex-start;min-width:0}.themeCompact{justify-content:flex-start}.templateSelect{min-width:220px;max-width:100%}.authPopover{left:0;right:auto}.detail-dialog{grid-template-columns:1fr;min-height:0}.detail-dialog__media-wrap{min-height:min(48vh,380px)}.detail-dialog__thumbs{bottom:3.7rem;left:.7rem;right:.7rem}.detail-dialog__thumb{width:62px;height:62px}.detail-dialog__meta{grid-template-columns:1fr}}