/* Shared components: foundations, catalogue, administration, forms, responsive. */
:root{--u-bg:#0a101b;--u-panel:#111c2b;--u-border:#263447;--u-text:#edf3fc;--u-muted:#99aabe;--u-accent:#6bdaef;color-scheme:dark}
body.site-shell{background:var(--u-bg);color:var(--u-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}img{max-width:100%}input,select,textarea{min-width:0;max-width:100%}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--u-accent)}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}p,td,dd,h1,h2,h3{overflow-wrap:anywhere}.muted{color:var(--u-muted)}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px}.btn svg{width:19px;height:19px;flex:none}.btn-cyan,.admin-primary{background:#8ae2ed;color:#09212b;border-color:#8ae2ed;box-shadow:none}.btn-cyan:hover,.admin-primary:hover{background:#b6f3f9;color:#09212b}.btn-coral{background:#527bd2;border-color:#527bd2;color:white}.btn-outline{border:1px solid #3d4f65;background:transparent;color:var(--u-text)}.btn:hover{transform:translateY(-1px)}.panel,.admin-card{background:var(--u-panel);border:1px solid var(--u-border);border-radius:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--u-accent)}.section-heading h1,.section-heading h2{letter-spacing:-.035em}.platform-topbar{background:rgba(10,16,27,.95);border-bottom:1px solid var(--u-border)}.platform-main{max-width:1440px;margin:auto;padding:0 40px 52px}.discovery-hero{min-height:570px;display:grid;grid-template-columns:1.03fr 1fr;gap:35px;align-items:center;padding:55px 0 45px}.hero-copy h1{font-size:clamp(40px,4.6vw,70px);line-height:1.06;letter-spacing:-.055em;max-width:580px;margin:24px 0}.hero-copy p{color:var(--u-muted);font-size:17px;line-height:1.85;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;color:var(--u-muted);font-size:12px}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof svg{width:18px;height:18px}.hero-showcase{position:relative;height:460px;isolation:isolate}.showcase-grid{position:absolute;inset:0;background-image:linear-gradient(#26344755 1px,transparent 1px),linear-gradient(90deg,#26344755 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.showcase-card{position:absolute;overflow:hidden;display:block;border-radius:20px;background:#172538;border:1px solid #40536d;box-shadow:0 20px 60px #0006}.showcase-card img{display:block;width:100%;height:100%;object-fit:cover}.showcase-card>span{position:absolute;bottom:0;left:0;right:0;padding:45px 18px 18px;background:linear-gradient(transparent,#08121cec)}.showcase-card small{display:block;font-size:10px;color:#afd6e2;letter-spacing:.1em}.showcase-card strong{display:block;font-size:15px;color:white;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-0{width:65%;height:340px;top:30px;left:18%;transform:rotate(-6deg);z-index:2}.showcase-1{width:42%;height:215px;right:0;bottom:0;transform:rotate(8deg);z-index:3}.showcase-2{width:32%;height:175px;left:0;bottom:10px;transform:rotate(-10deg);z-index:3}.showcase-placeholder{position:absolute;inset:60px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.showcase-placeholder>svg{width:100px;height:100px;color:#78b3d7}.image-search-feature{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.image-search-feature h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.image-search-feature p{color:var(--u-muted);line-height:1.75}.search-steps{display:flex;list-style:none;padding:0;gap:22px;counter-reset:steps;flex-wrap:wrap}.search-steps li{font-size:12px;display:flex;align-items:center;gap:8px;counter-increment:steps;color:#b8c8db}.search-steps li:before{content:counter(steps);border:1px solid #3e526b;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:var(--u-accent)}.premium-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:165px;padding:24px;border:1px dashed #547087;border-radius:14px;background:#15253877;text-align:center;cursor:pointer}.premium-drop>svg{color:var(--u-accent);width:30px;height:30px}.premium-drop input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.premium-drop small{color:var(--u-muted)}.premium-drop.is-dragging{background:#23485b;border-color:#8ae2ed}.visual-upload>button{margin-top:16px;width:100%}.image-preview-list{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.image-preview-list img{width:100px;height:90px;object-fit:cover;border-radius:10px}.image-preview-list p{max-width:100%;font-size:12px}.image-search-page{max-width:900px;margin:auto}.image-search-page h1{font-size:44px;letter-spacing:-.04em}.category-pills,.detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.category-pills a,.detail-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #2c3c50;border-radius:10px;background:#111c2b;color:#b5c4d8;font-size:13px}.category-pills svg{width:18px;height:18px}.detail-tabs a[aria-current],.category-pills a:hover{border-color:#70bed0;color:#adf3fa}.model-grid.model-grid-wide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.model-card{background:#111c2b;border:1px solid #243348;border-radius:17px;min-width:0;overflow:hidden;box-shadow:none}.model-card-media{position:relative;aspect-ratio:1.15;height:auto;overflow:hidden;background:#172536}.model-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.model-card:hover .model-card-media img{transform:scale(1.045)}.model-card-media .format-badge{position:absolute;right:12px;top:12px;background:#09121bd9}.model-card-body{padding:18px}.model-card-body h3{font-size:16px;margin:9px 0}.model-card-stats{display:flex;justify-content:flex-start;gap:16px;font-size:12px;color:#a6b9cd}.model-card-stats span{display:inline-flex;align-items:center;gap:5px}.model-card-stats svg{width:15px;height:15px}.model-price-badge{margin-top:15px;color:#adf2d9}.community-callout{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px;background:#132439;border:1px solid #30445d;border-radius:20px;margin:36px 0}.community-callout h2{font-size:34px;letter-spacing:-.04em;margin:12px 0}.community-callout p{color:var(--u-muted)}.pager{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin:24px 0;color:var(--u-muted)}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:10px}.catalog-search{flex:1 1 230px}.catalog-toolbar select{flex:1 1 130px}.model-detail-grid{gap:30px}.model-cover{border-radius:20px;overflow:hidden}.model-cover img{max-height:600px;object-fit:contain;background:#111c2b}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:12px}.gallery-thumbs img{width:85px;height:85px;object-fit:cover;border-radius:9px}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.detail-facts dt{color:var(--u-muted);font-size:12px}.detail-facts dd{margin:7px 0;font-weight:600}.management-shell .platform-main{max-width:none;padding:32px 32px 60px 280px}.management-shell .topbar{padding-left:280px}.management-shell .primary-nav{display:none}.management-shell .brand-copy small{display:none}.management-navigation{position:fixed;left:0;top:0;bottom:0;width:246px;z-index:60;padding:25px 15px;background:#0e1726;border-right:1px solid #25354a;overflow-y:auto}.management-navigation .admin-brand{padding:0 10px 25px;display:flex;gap:12px;align-items:center}.admin-brand small{display:block;font-size:9px;letter-spacing:.14em;color:#8ca4be;margin-top:7px}.management-navigation nav{display:grid;gap:3px}.management-navigation nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;font-size:13px;color:#97aac2;border-radius:9px}.management-navigation nav a[aria-current],.management-navigation nav a:hover{background:#20344c;color:#a8f0f7}.management-navigation nav svg{width:19px;height:19px;flex:none}.management-navigation .admin-site-btn{margin-top:25px;display:flex;align-items:center;gap:12px;font-size:12px}.admin-menu-toggle{display:none}.admin-page-content{display:block;width:100%;min-width:0}.admin-page-content .admin-main,.admin-page-content .workspace{width:100%;min-width:0;padding:0}.admin-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.admin-table th{position:sticky;top:0;z-index:2;background:#1b2b3e;text-align:left}.admin-table td,.admin-table th{padding:13px 10px;overflow-wrap:anywhere}.admin-table input,.admin-table select{width:100%;min-width:0}.admin-table input[type=checkbox]{width:18px}.admin-table tbody tr:hover{background:#20334855}.admin-table-wrap{overflow:visible}.admin-card{padding:22px;margin:18px 0}.admin-card .admin-card{padding:0;border:0}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-actions form{margin:0}.admin-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.admin-filter-bar input,.admin-filter-bar select{flex:1 1 130px;min-width:0}.admin-header{margin:10px 0 25px}.admin-header h1{font-size:34px;letter-spacing:-.04em}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.admin-metrics article{background:#132135;border:1px solid #2b405a;border-radius:15px;padding:22px}.admin-metrics strong{font-size:35px;display:block;margin:10px 0}.admin-metrics small,.admin-metrics em{font-size:12px;color:#99b0c8}.metric-icon svg{width:23px;height:23px;color:#8bcfe7}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mini-chart{display:flex;align-items:end;gap:7px;height:145px;padding-top:20px}.mini-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;min-width:0}.mini-chart i{display:block;width:75%;background:#63bcd1;border-radius:4px 4px 0 0;min-height:2px}.mini-chart small{font-size:9px;color:#a3b8ca;margin-top:8px}.mini-chart b{font-size:10px;color:#d5e7f5;margin-bottom:5px}.premium-modal{max-width:490px;width:calc(100% - 32px);padding:30px;background:#142337;color:#eff7ff;border:1px solid #39526d;border-radius:20px;box-shadow:0 25px 100px #0008}.premium-modal::backdrop{background:#030911bb;backdrop-filter:blur(5px)}.premium-modal h2{font-size:22px;margin:0 0 15px}.premium-modal p{line-height:1.75;color:#adbed1}.premium-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.toast-region{position:fixed;top:90px;right:20px;max-width:380px;width:calc(100% - 40px);z-index:100}.flash{padding:18px;border:1px solid #39674e;border-radius:12px;background:#163026;box-shadow:0 8px 40px #0005;margin-bottom:8px}.flash.error{background:#3a2028;border-color:#92505e}.flash button{float:right;border:0;background:none;color:inherit}.wizard-steps{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.wizard-steps button{padding:9px 12px;border-radius:8px;background:#1d2d42;color:#b5c5d8;border:1px solid #354b65;font-size:12px}.wizard-steps button[aria-current]{border-color:#74cddd;color:#c1f9ff}.wizard-step h2{font-size:25px}.wizard-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.wizard-step label{display:block;margin:20px 0}.wizard-step .file-picker{width:100%}.upload-progress{width:100%;accent-color:#80dfea}.settings-form{gap:16px}.settings-form h2{padding-top:20px;border-top:1px solid #30435b}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.settings-tabs button{border:1px solid #395068;background:#152338;color:#bbccdf;border-radius:8px;padding:10px}.settings-tabs button[aria-selected=true]{border-color:#8ae2ed;color:#8ae2ed}.mobile-bottom-nav svg{width:21px;height:21px}.source-result-row{background:#111c2b;border:1px solid #2d4056;border-radius:17px;padding:22px}.support-rail{display:none}.empty-state{padding:35px;text-align:center}.empty-state>svg{width:40px;height:40px;color:#7ca7c2}.empty-state h3{font-size:18px}.admin-danger svg{width:17px;height:17px}.bulk-check{width:35px}
@media(min-width:1600px){.management-shell .platform-main{max-width:1900px}.admin-table{font-size:14px}}
@media(max-width:1200px){.platform-main{padding:0 24px 40px}.model-grid.model-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-actions .btn{font-size:12px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.management-shell .platform-main{padding-left:260px;padding-right:20px}.management-shell .admin-table{table-layout:auto}.management-shell table,.management-shell tbody,.management-shell tr,.management-shell td{display:block;width:100%}.management-shell thead,.management-shell tr:has(>th){display:none}.management-shell td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;border:0;padding:9px 12px}.management-shell td:before{content:attr(data-label);color:#8ba0b9;font-size:11px}.management-shell tr{border:1px solid #304258;border-radius:13px;margin:14px 0;padding:8px;background:#142135}.management-shell .admin-table-wrap{overflow:visible}.management-shell td>form{min-width:0}.management-shell .admin-table .inline-fields{flex-wrap:wrap}.hero-showcase{height:420px}.showcase-0{height:290px}}
@media(max-width:900px){.discovery-hero{grid-template-columns:1fr 1fr;gap:15px;min-height:480px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:14px}.hero-showcase{height:350px}.showcase-0{height:260px}.showcase-1{height:175px}.showcase-2{height:140px}.image-search-feature{gap:25px;padding:24px}.search-steps{gap:10px}.management-shell .topbar{padding-left:20px}.management-shell .platform-main{padding:20px 20px 110px}.management-navigation{transform:translateX(-100%);transition:transform .2s}.management-shell.drawer-open .management-navigation{transform:translateX(0)}.admin-menu-toggle{display:inline-flex;margin-bottom:20px}.drawer-shade{position:fixed;inset:0;z-index:59;background:#030911b5}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}.admin-grid-2{grid-template-columns:1fr}.management-shell .brand-copy strong{font-size:16px}.primary-nav{display:none}.community-callout h2{font-size:26px}.model-grid.model-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.platform-main{padding:0 16px 105px}.topbar-actions{gap:6px}.topbar-actions>.btn{padding:8px;font-size:11px;min-height:36px}.brand-copy strong{font-size:14px}.brand-copy small{display:none}.brand-mark{min-width:0}.brand-cube{width:25px;height:25px}.user-chip>span:not(.avatar),.wallet-chip{display:none}.platform-topbar{padding:15px 16px}.discovery-hero{grid-template-columns:1fr;gap:0;padding:36px 0 22px;min-height:0}.hero-copy h1{font-size:48px;max-width:360px;margin:16px 0}.hero-copy p{font-size:15px}.hero-actions{gap:8px;margin:22px 0}.hero-actions .btn{font-size:12px;flex:1 1 145px;padding:12px 8px}.hero-showcase{height:270px;max-width:450px;width:100%;margin:auto}.showcase-0{height:205px;width:58%;left:20%;top:20px}.showcase-1{height:145px;width:35%;right:4%;bottom:2px}.showcase-2{height:125px;width:30%;left:4%;bottom:12px}.showcase-card strong{font-size:11px}.showcase-card small{font-size:8px}.image-search-feature{grid-template-columns:1fr;padding:21px;gap:15px}.image-search-feature h2{font-size:28px}.model-grid.model-grid-wide{gap:12px}.model-card-body{padding:12px}.model-card-body h3{font-size:13px}.model-card-body .eyebrow{font-size:8px}.model-meta{font-size:10px}.model-card-stats{font-size:10px;gap:7px;flex-wrap:wrap}.model-card-stats svg{width:12px;height:12px}.model-price-badge{font-size:11px}.community-callout{flex-direction:column;align-items:flex-start;padding:24px}.section-heading{gap:15px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:25px}.section-heading>.btn{font-size:11px}.category-pills a{font-size:11px;padding:8px 10px}.mobile-bottom-nav{display:flex;padding:10px 6px calc(10px + env(safe-area-inset-bottom));background:#0e1929f5;border-top:1px solid #2b3a51}.mobile-bottom-nav>a{display:flex;flex:1;align-items:center;flex-direction:column;gap:5px;font-size:9px;color:#a7bdd3}.mobile-bottom-nav>a[aria-current]{color:#83e7f4}.chat-fab{bottom:90px}.chat-widget{bottom:90px;right:16px}.chat-popover{max-width:calc(100vw - 32px)}.image-search-page h1{font-size:36px}.admin-metrics{gap:10px}.admin-metrics article{padding:15px}.admin-metrics strong{font-size:30px}.admin-card{padding:15px}.admin-header h1{font-size:29px}.admin-filter-bar>*{flex-basis:100%}.detail-facts{grid-template-columns:1fr 1fr;gap:15px}.detail-tabs a{font-size:11px;padding:8px 10px}.management-shell td{grid-template-columns:80px minmax(0,1fr)}.model-detail-grid,.detail-lower{display:block}.gallery-thumbs{margin-bottom:20px}.dashboard{display:block}.dashboard>.sidebar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.dashboard>.sidebar a{font-size:12px}.dashboard table,.dashboard tbody,.dashboard tr,.dashboard td{display:block;width:100%}.dashboard tr:has(th){display:none}.dashboard td:before{content:attr(data-label);display:block;font-size:10px;color:#9cb2ca}.source-result-row{display:flex;flex-wrap:wrap}.source-result-copy{min-width:0}.source-result-actions{width:100%}.detail-facts dd{font-size:13px}.wizard-controls{justify-content:space-between}.wizard-controls .btn{font-size:12px}.toast-region{top:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-media-preview]{padding:0;border:0;background:transparent;width:100%;height:100%;cursor:zoom-in}[data-media-preview] img{width:100%;height:100%;object-fit:cover}
.model-card{position:relative}.card-favorite{position:absolute;top:10px;left:10px}.card-favorite .icon-btn{background:#0d1724df;border:1px solid #58718d77;border-radius:50%;width:34px;height:34px}.card-favorite svg{width:17px;height:17px}
.image-preview-list>div{display:flex;flex-direction:column;gap:5px;max-width:120px}.image-preview-list .btn{font-size:10px;min-height:27px;padding:4px 8px}
.admin-table{min-width:0}.admin-user-cell,.admin-model-cell{min-width:0}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom-nav>a>span{font-size:9px;line-height:1.25;display:block}.mobile-bottom-nav>a{min-width:0}.mobile-bottom-nav>a>svg{width:21px;height:21px}.mobile-bottom-nav>a:first-child:not([aria-current]){color:#a7bdd3}
@media(max-width:1200px){.management-shell td{display:block}.management-shell td:before{display:block;margin-bottom:7px}.management-shell .admin-table{min-width:0}.management-shell .admin-actions form{display:block}.management-shell .admin-table input,.management-shell .admin-table select{width:100%;min-width:0}.management-shell .admin-user-cell b{white-space:normal}.management-shell td small{display:block}}
@media(max-width:600px){.mobile-bottom-nav{height:auto;min-height:66px}.mobile-bottom-nav>a{line-height:1.2}.management-shell .admin-filter-bar input,.management-shell .admin-filter-bar select{flex-basis:100%}}
.chat-popover{width:380px;max-height:calc(100dvh - 180px);overflow:auto}.mini-chat-messages{height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;margin:15px 0}.mini-chat-page [data-conversation-list]{max-height:120px;overflow:auto}.mini-chat-page [data-chat-compose]{display:flex;flex-wrap:wrap;gap:7px}.mini-chat-page input[name=body]{flex:1;min-width:120px}.mini-chat-page [type=file]{font-size:11px;width:100%}.mini-chat-page .chat-bubble{max-width:93%;white-space:pre-wrap}.mini-chat-page .detail-tabs{margin:12px 0}.mini-chat-page .detail-tabs .btn{min-height:32px;font-size:11px}.mini-chat-page .conversation-item{width:100%}
