:root{color-scheme:dark;--bg:#080a0d;--panel:#101318;--raised:#15191f;--border:#252b35;--blue:#4385ff;--text:#f5f7fa;--muted:#969da8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #7daaff}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}button{border:0}svg{flex-shrink:0;vertical-align:middle}a svg,button svg{pointer-events:none}label{display:block;font-size:12px;color:#c9ced7}input:not([type=checkbox]):not([type=color]),textarea,select{width:100%;border:1px solid #303744;border-radius:7px;background:#0c0f14;color:var(--text);padding:12px 13px;margin-top:7px}input[type=color]{width:55px;height:38px;background:none;border:1px solid #303744;border-radius:6px;padding:3px}input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}textarea{resize:vertical;min-height:100px}select{min-height:44px}.muted{color:var(--muted)}.blue{color:#72a3ff}.eyebrow{color:#7ba9ff;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:27px 15px 18px;background:#0c0e12;border-right:1px solid #232832;z-index:40;display:flex;flex-direction:column;overflow-y:auto}.wordmark{padding:0 14px;font-size:43px;font-weight:850;line-height:.95;letter-spacing:-.075em}.wordmark>span{display:block;letter-spacing:.34em;font-size:8px;font-weight:600;color:#b8ccef;margin:10px 0 36px 3px}.workspace-label{font-size:8px;color:#858c98;letter-spacing:.09em;padding:0 13px 15px;display:flex;justify-content:space-between}.workspace-label span{color:#548dff}#primary-nav{display:flex;flex-direction:column;gap:3px}.nav-label{font-size:9px;letter-spacing:.11em;color:#6f7887;padding:20px 13px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:7px;color:#a7aeb9;font-size:12px;min-height:39px;border:1px solid transparent}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#151b25;color:#fff}.nav-item.active{color:#f3f6ff;background:linear-gradient(90deg,#14316b,#162136);border-color:#29416b}.nav-item.active svg{color:#6da2ff}.nav-item.unavailable{opacity:.5;cursor:default}.nav-item.unavailable:hover{background:none}.nav-item small{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#b4bcc9}.side-bottom{margin-top:auto;padding-top:36px}.community-note{display:flex;gap:9px;color:#c2c9d4;font-size:10px;padding:14px 10px}.community-note small{display:block;color:#707b8c;font-size:9px;margin-top:4px}.blue-dot{width:6px;height:6px;background:#4385ff;border-radius:50%;margin-top:5px;box-shadow:0 0 12px #4385ff70;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #343e4d;border-radius:7px;padding:11px 16px;background:#151c27;color:#e9eef7;font-size:12px;font-weight:600;transition:background .15s}.button:hover{background:#202e44}.button svg{width:16px;height:16px}.button.primary{background:#367af7;border-color:#4d8cff;color:white;box-shadow:0 3px 15px #2569ee17}.button.primary:hover{background:#2468e9}.side-bottom .button{width:100%}.app{margin-left:220px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 35px;border-bottom:1px solid var(--border);background:#0b0e13ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(20px)}.top-search{display:flex;align-items:center;gap:10px;background:#14181f;border:1px solid #242b35;border-radius:7px;padding:8px 11px;width:330px;max-width:45%;color:#7e899a}.top-search svg{width:15px;height:15px}.top-search input:not([type=checkbox]){margin:0;padding:0;border:0;background:none;font-size:11px;min-width:0}.top-search kbd{font-size:11px;color:#737d8e}.top-links{display:flex;align-items:center;gap:23px}.agency-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4adbc}.agency-top svg{width:14px;height:14px}.session-link{display:flex;align-items:center;gap:9px;font-size:12px;border-left:1px solid #303643;padding-left:22px}.session-link>span:first-child{display:grid;place-items:center;width:31px;height:31px;border:1px solid #394963;border-radius:50%;background:#1c293d}.session-link svg{width:15px;height:15px}.mobile-menu{display:none}main{max-width:1440px;margin:auto;padding:30px 35px 55px;min-height:calc(100vh - 130px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.breadcrumb{font-size:10px;color:#858f9f;margin-bottom:16px}.breadcrumb span{padding:0 8px;color:#394456}.page-heading h1{font-size:27px;letter-spacing:-.045em;font-weight:650}.page-heading p{font-size:12px;color:#8792a3;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;background:#111c2d;border:1px solid #253b61;color:#8ab5ff;font-size:9px;white-space:nowrap}.hero-panel{position:relative;overflow:hidden;min-height:300px;border-radius:12px;border:1px solid #2d3c53;background:#0d192a;display:flex;align-items:center;padding:42px}.hero-panel>img{position:absolute;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;opacity:.65}.hero-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101ff5 12%,#07101fd6 39%,#07101f38 77%,#07101f28)}.hero-copy{position:relative;z-index:1;max-width:450px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.17em}.hero-copy h2{font-size:45px;letter-spacing:-.055em;margin:15px 0 15px;font-weight:700;line-height:1.04}.hero-copy h2 span{color:#5396ff}.hero-copy p{font-size:12px;color:#c2cbda;max-width:320px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:23px}.hero-actions .button:not(.primary){background:#101b2acc}.hero-tag{position:absolute;right:20px;bottom:18px;z-index:2;font-size:8px;letter-spacing:.1em;color:#e2ecff;border:1px solid #9ab2cf4d;padding:7px 10px;border-radius:4px;background:#0b1426a8}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 16px}.section-title h2{font-size:17px;letter-spacing:-.025em}.section-title a{font-size:10px;color:#79a9ff}.section-title p{font-size:11px;color:#838fa0;margin-top:7px}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}.chip{background:#11161e;border:1px solid #283141;border-radius:20px;padding:7px 13px;font-size:10px;color:#b3becf}.chip:hover{background:#1a283d}.chip.active{background:#326fdf;border-color:#458bff;color:#fff}.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.build-card{border:1px solid #2b3341;border-radius:9px;background:#10151d;overflow:hidden;transition:border-color .15s,transform .15s}.build-card:hover{border-color:#5474a4;transform:translateY(-2px)}.build-card>img{width:100%;aspect-ratio:2.3;object-fit:contain;background:#0b1018}.build-card-copy{padding:14px}.build-card h3{font-size:13px;letter-spacing:-.015em}.build-card p{font-size:10px;color:#929eb1;margin-top:7px}.build-card-bottom{border-top:1px solid #253042;padding-top:11px;margin-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#8da6ca}.build-card-bottom>span:last-child{color:#72a6ff}.split-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:25px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:23px}.panel h2{font-size:17px;font-weight:600;letter-spacing:-.02em}.panel>p{font-size:12px;color:#8f9aab;line-height:1.8;margin-top:10px}.panel .button{margin-top:18px}.feature-row{display:flex;align-items:flex-start;gap:12px;margin-top:20px}.feature-icon{color:#75a8ff;background:#17243a;border:1px solid #2b4061;padding:8px;border-radius:7px}.feature-icon svg{width:17px;height:17px}.feature-row strong{display:block;font-size:12px;font-weight:550}.feature-row p{font-size:11px;color:#8c98ab;margin-top:4px}.feature-row .pill{margin-top:6px;font-size:8px}.phase-note{margin-top:22px;font-size:11px;color:#8e9aaa;display:flex;align-items:flex-start;gap:8px}.phase-note svg{width:16px;height:16px;flex-shrink:0}.phase-note a{color:#82acff}.app-footer{padding:20px 35px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #202733;color:#768295;font-size:9px}.app-footer a{color:#9cabc1}.skeleton{padding:70px 20px;color:#9eabc0;text-align:center;animation:breathe 1.5s infinite}.empty-state{border:1px dashed #364157;border-radius:10px;padding:48px 24px;text-align:center;background:#10151e}.empty-state>svg{color:#7896c6;width:35px;height:35px}.empty-state h2{font-size:20px;margin-top:16px}.empty-state p{font-size:12px;color:#98a5b8;max-width:460px;margin:12px auto 18px}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.status-line{min-height:20px;font-size:12px;color:#9dbbff;margin-top:12px}.status-line.error{color:#ff9292}.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px}.settings-nav{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:101px}.settings-nav a{padding:11px 13px;border-radius:7px;font-size:12px;color:#a5afbf}.settings-nav a:hover,.settings-nav a.active{background:#17243a;color:#a7c8ff}.settings-main{display:grid;gap:20px;max-width:850px}.settings-main section{scroll-margin-top:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:22px}.form-grid .full{grid-column:1/-1}.help{font-size:10px;color:#8e9aae;margin-top:6px;font-weight:400;display:block}.media-edit{display:grid;grid-template-columns:125px 1fr;gap:20px;margin-top:22px}.media-box{border:1px solid #2d384b;border-radius:9px;padding:12px;background:#0b1019;min-width:0}.media-preview{height:105px;display:grid;place-items:center;background:linear-gradient(120deg,#152c55,#142034 55%,#0d172a);border:1px solid #263b5e;border-radius:6px;overflow:hidden}.media-preview img{height:100%;width:100%;object-fit:cover}.media-preview.avatar img{object-fit:cover}.media-preview.avatar{width:75px;height:75px;border-radius:50%;margin:15px auto}.media-preview svg{color:#608ac8;width:30px;height:30px}.media-box label{margin-top:12px}.media-box input[type=file]{font-size:10px;padding:8px;max-width:100%}.media-edit .button{padding:7px 10px;font-size:10px;margin-top:8px}.media-edit .media-box:first-child input[type=file]{font-size:8px}.check-row{display:flex;align-items:flex-start;gap:11px;padding:17px 0;border-bottom:1px solid #242d3c}.check-row strong{font-size:12px;font-weight:500}.check-row small{display:block;font-size:11px;color:#8f9bae;line-height:1.6;margin-top:4px}.check-row input{margin:3px 0 0}.field-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.notice{border:1px solid #31476d;background:#111d31;border-radius:7px;padding:13px 15px;font-size:11px;color:#b5cbed;margin-top:17px}.danger{color:#ff9292}.destructive{background:#411c24;border-color:#743440;color:#ffc4cb}.destructive:hover{background:#642636}.security-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.security-row strong{font-size:12px;font-weight:550}.security-row p{font-size:11px;color:#93a0b3;margin-top:5px}.security-row .button{margin:0}.connection-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--border)}.connection-row h3{font-size:13px}.connection-row p{font-size:11px;color:#8a98ad;margin-top:5px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2e3b50;background:#151f2e;border-radius:7px}.icon-button:hover{background:#23334b}.profile-cover{height:235px;border-radius:11px 11px 0 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 10%,#274d88,transparent 65%),linear-gradient(130deg,#111b2c,#10151c)}.profile-cover>img{width:100%;height:100%;object-fit:cover}.profile-shell{border:1px solid #2d384a;border-radius:11px;background:#10151d;overflow:hidden}.profile-info{padding:0 28px 25px;position:relative}.profile-avatar{width:98px;height:98px;border:5px solid #10151d;background:#182741;border-radius:50%;margin-top:-49px;position:relative;display:grid;place-items:center;color:#8fb7ff;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar svg{height:42px;width:42px}.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.profile-heading h1{font-size:27px;letter-spacing:-.04em}.handle{font-size:12px;color:#8595ac;margin-top:6px}.availability{font-size:10px;color:#a8c2ee;margin-top:13px}.profile-bio{max-width:700px;white-space:pre-wrap;font-size:13px;color:#afbbcc;margin-top:19px;line-height:1.8;overflow-wrap:anywhere}.profile-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.profile-tabs{border-top:1px solid #283244;display:flex;padding:0 28px;gap:27px;overflow:auto}.profile-tabs a,.profile-tabs>span{font-size:11px;white-space:nowrap;padding:15px 0}.profile-tabs a{border-bottom:2px solid #4385ff;color:#a6c5fc}.profile-tabs>span{color:#667388}.profile-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px}.about-row{display:flex;gap:10px;font-size:12px;align-items:center;margin-top:16px;color:#a5b3c7;overflow-wrap:anywhere}.about-row svg{color:#7499d0;width:15px;height:15px}.about-row a{color:#8db6ff}.directory-filters{display:flex;gap:12px;margin-bottom:23px;align-items:end;flex-wrap:wrap}.directory-filters label{flex:1;min-width:150px}.directory-filters .button{height:44px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creator-card{padding:23px;border:1px solid #2c3749;border-radius:10px;background:#111722;min-width:0}.creator-card .profile-avatar{width:56px;height:56px;border-width:2px;margin:0 0 17px}.creator-card .profile-avatar svg{height:25px;width:25px}.creator-card h2{font-size:16px}.creator-card p{font-size:11px;color:#8f9fb4;margin-top:8px;overflow-wrap:anywhere}.creator-card .button{margin-top:20px}.pagination{display:flex;gap:10px;justify-content:center;margin-top:24px}.log-row{padding:14px 0;border-bottom:1px solid #2b3545;display:flex;justify-content:space-between;gap:18px;font-size:12px}.log-row time{font-size:10px;color:#8a9ab1}dialog{width:min(500px,94vw);max-height:90dvh;border:1px solid #384660;border-radius:12px;background:#121925;color:#eef4ff;padding:0}dialog::backdrop{background:#02050bde;backdrop-filter:blur(7px)}.dialog-content{padding:30px}.dialog-close{float:right}.dialog-content h2{font-size:24px;letter-spacing:-.035em;margin:17px 0}.dialog-content>p{font-size:12px;color:#a0afc5}.dialog-content label{margin-top:17px}.dialog-content form>.button{width:100%;margin-top:20px}#delete-captcha{margin-top:20px}#delete-status{font-size:12px;color:#ff9c9c;margin-top:12px}#toast{position:fixed;bottom:25px;right:25px;max-width:350px;background:#16263e;color:#dceaff;border:1px solid #47678e;border-radius:8px;padding:13px 18px;z-index:80;font-size:12px;box-shadow:0 8px 30px #0006}.skip-link{position:fixed;top:-100px;z-index:100;background:#4385ff;padding:12px;color:white}.skip-link:focus{top:8px;left:8px}[hidden]{display:none!important}@keyframes breathe{50%{opacity:.45}}@media(min-width:1600px){main{padding-top:40px}.hero-panel{min-height:360px}.hero-copy h2{font-size:57px}}@media(max-width:1150px){.sidebar{width:190px}.app{margin-left:190px}.topbar{padding:0 25px}main{padding:25px}.agency-top{display:none}.build-grid{gap:10px}.hero-panel{padding:30px}.hero-copy h2{font-size:38px}.settings-layout{grid-template-columns:145px 1fr;gap:18px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-edit{grid-template-columns:1fr}.media-preview.avatar{margin:0}.media-box input[type=file]{font-size:11px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;top:65px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #0009}.app{margin-left:0}.mobile-menu{display:grid;flex-shrink:0}.topbar{height:65px;padding:0 18px;gap:13px}.top-search{max-width:none;width:auto;flex:1}.top-links{gap:0}.session-link{border:0;padding:0}.session-link>span:last-child{display:none}.hero-panel{min-height:310px}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto;gap:4px}.settings-nav a{white-space:nowrap;font-size:11px;padding:9px 11px}.settings-main{max-width:none}.media-edit{grid-template-columns:140px 1fr}.media-preview.avatar{margin:15px auto}.media-box input[type=file]{font-size:9px}.profile-cover{height:195px}.profile-detail-grid{grid-template-columns:1fr}.app-footer{padding:20px 25px;font-size:8px}.form-grid{gap:16px}.sidebar .wordmark{display:none}.workspace-label{padding-top:8px}.split-panels{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:21px 17px 35px}.page-heading h1{font-size:24px}.page-heading>.pill{display:none}.hero-panel{padding:26px 23px;min-height:335px}.hero-copy h2{font-size:38px}.hero-copy p{font-size:11px;max-width:240px}.hero-panel:after{background:linear-gradient(90deg,#07101ff2,#07101f90)}.hero-tag{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-actions .button{padding:10px 12px;font-size:11px}.build-grid{grid-template-columns:1fr 1fr;gap:10px}.build-card-copy{padding:10px}.build-card h3{font-size:11px}.build-card p{font-size:8px}.build-card-bottom{font-size:7px;gap:6px;flex-direction:column;padding-top:8px;margin-top:9px}.section-title h2{font-size:15px}.section-title a{font-size:9px}.section-title p{font-size:10px}.split-panels{grid-template-columns:1fr}.panel{padding:19px}.settings-main .panel{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.media-edit{grid-template-columns:1fr}.media-box input[type=file]{font-size:11px}.media-preview.avatar{margin:0 auto}.profile-info{padding:0 18px 20px}.profile-cover{height:145px}.profile-avatar{width:77px;height:77px;margin-top:-39px}.profile-heading{align-items:flex-start}.profile-heading h1{font-size:23px}.profile-heading .button{font-size:10px;padding:8px 10px}.profile-bio{font-size:12px}.profile-tabs{padding:0 18px;gap:20px}.profile-tabs a,.profile-tabs>span{font-size:10px}.creator-grid{grid-template-columns:1fr}.directory-filters{gap:10px}.directory-filters label{min-width:130px}.directory-filters label:first-child{flex-basis:100%}.directory-filters .button{width:100%}.app-footer{flex-direction:column;gap:7px;padding:18px}.security-row{align-items:flex-start}.security-row .button{font-size:10px;padding:8px}.category-row{gap:6px}.chip{font-size:9px;padding:6px 10px}.profile-heading{gap:10px}.dialog-content{padding:22px}.top-search kbd{display:none}.page-heading p{font-size:11px}.field-line{align-items:flex-start}.log-row{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* The agency shares the marketplace shell and existing contact service. */
.agency-banner{display:flex;gap:28px;align-items:center;margin-bottom:32px;background:linear-gradient(120deg,#121f37,#0d1015)}.agency-banner>img{width:120px;height:120px;object-fit:contain}.agency-banner h2{font-size:clamp(26px,4vw,42px);margin:10px 0}.agency-home{margin:26px 0}.agency-home .section-heading{display:none}.agency-integrated>section{margin:36px 0;scroll-margin-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-card{padding:24px;border:1px solid #29313c;border-radius:14px;background:#10141b;display:flex;flex-direction:column;position:relative}.package-popular{border-color:#4385ff;background:linear-gradient(160deg,#142541,#10141b)}.package-label{min-height:24px}.package-badge{font-size:11px;color:#9ec4ff;text-transform:uppercase;letter-spacing:1px}.package-price{font-size:30px;font-weight:700;color:#fff!important;margin:12px 0!important}.package-features{padding-left:18px;color:#b7c0ce;line-height:1.9;font-size:13px}.package-payment{margin-top:auto;padding:12px 0;min-height:115px}.package-payment h4{font-size:12px;margin:0}.package-payment p,.package-payment li{font-size:12px;line-height:1.65;color:#a8b4c6}.package-payment ul{padding-left:16px}.package-cta{margin-top:12px;justify-content:center}.agency-integrated #project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-open{padding:0;border:1px solid #29313c;border-radius:14px;overflow:hidden;background:#10141b;color:inherit;width:100%;text-align:left;cursor:pointer}.project-image{position:relative}.project-image img{width:100%;height:auto;aspect-ratio:2.2;object-fit:cover;display:block}.project-index,.project-badge{position:absolute;top:12px;background:#080d18c9;padding:6px 10px;border-radius:6px;font-size:12px}.project-index{left:12px}.project-badge{right:12px}.project-meta{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.project-meta h3{margin:0 0 8px}.project-meta p,.project-meta>span{color:#a8b4c6;font-size:12px}.terms-item{border-bottom:1px solid #29313c;padding:18px 0}.terms-item summary{cursor:pointer;display:flex;gap:18px;font-weight:600}.terms-number{color:#6b9fff}.terms-plus{margin-left:auto}.terms-body{color:#b7c0ce;line-height:1.8;max-width:850px;padding-left:38px;font-size:14px}.terms-ending,.form-note,.contact-hint{color:#9caabe;font-size:12px;line-height:1.7}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:36px}.contact-layout>h2{font-size:clamp(28px,4vw,44px);line-height:1.2}.contact-layout .accent{color:#4385ff}.project-form{display:grid;gap:12px}.project-form>label{font-size:13px;font-weight:600}.project-form input,.project-form select,.project-form textarea{width:100%;min-width:0;box-sizing:border-box}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-previews{display:flex;gap:8px}.reference-previews img{width:80px;height:65px;object-fit:cover;border-radius:6px}.discord-card{margin-top:24px;padding:20px;border:1px solid #29313c;border-radius:12px}.discord-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.discord-row button,.clear-references{background:#182b48;border:1px solid #355888;color:#c8ddff;border-radius:7px;padding:8px 12px;cursor:pointer}.discord-open{display:inline-block;margin-top:16px}.agency-integrated #gallery{width:min(1100px,94vw);max-width:94vw;max-height:92vh;overflow:auto;background:#0c111b;color:#f4f7fc;border:1px solid #34455e;border-radius:16px;padding:24px}.agency-integrated #gallery::backdrop{background:#02050be8}.gallery-header,.gallery-info{display:flex;justify-content:space-between;gap:20px;align-items:center}.gallery-header h2{margin:8px 0}.close-gallery,.gallery-arrow{background:#17273e;color:#fff;border:1px solid #34455e;border-radius:8px;padding:10px 16px;cursor:pointer}.gallery-view{position:relative}.gallery-view>img{display:block;width:100%;height: min(52vh,540px);object-fit:contain}.gallery-arrow{position:absolute;top:45%;z-index:1}.gallery-arrow.next{right:0}.gallery-thumbnails{display:flex;gap:8px;overflow:auto;padding:10px 0}.gallery-thumb{flex:0 0 90px;background:transparent;border:2px solid transparent;border-radius:7px;padding:2px;cursor:pointer}.gallery-thumb[aria-pressed=true]{border-color:#4385ff}.gallery-thumb img{width:100%;height:50px;object-fit:cover}.gallery-info,.gallery-help,#gallery-description{font-size:13px;color:#b7c0ce}.modal-open{overflow:hidden}.agency-integrated button:focus-visible,.project-open:focus-visible{outline:2px solid #78adff;outline-offset:4px}
@media(max-width:1100px){.packages-grid{grid-template-columns:1fr}.package-payment{min-height:0}.agency-home .packages-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.contact-layout>h2{margin-bottom:0}}
@media(max-width:600px){.agency-banner{align-items:flex-start;flex-direction:column}.agency-banner>img{width:80px;height:80px}.agency-integrated #project-grid{grid-template-columns:1fr}.section-heading{display:block}.project-meta{align-items:flex-start}.agency-integrated #gallery{padding:14px}.gallery-header{align-items:flex-start}.gallery-header h2{font-size:20px}.gallery-view>img{height:38vh}.gallery-info{align-items:flex-start}.agency-home .section-title{align-items:flex-start;flex-direction:column}}

/* Phase 2: marketplace uses the existing VEXO colors, type and controls. */
.market-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#101923,#0d1219);margin-bottom:24px}.market-intro h2{margin-top:12px}.market-intro p{max-width:640px}.market-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.listing-card{border:1px solid var(--border,#252d38);border-radius:16px;overflow:hidden;background:#10151c}.listing-cover{display:flex;position:relative;min-height:160px;align-items:flex-end;gap:8px;padding:20px;background:radial-gradient(ellipse at 85% 20%,#263e62,transparent 70%),linear-gradient(135deg,#101a28,#172334);color:#eaf0fa}.listing-category-icon{position:absolute;top:24px;left:24px;color:#82b0ff}.listing-category-icon svg{width:36px;height:36px}.listing-kind{margin-left:auto;font-size:12px;color:#b4c6df}.listing-card-body{padding:22px}.listing-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#9eabbc}.listing-card h2{font-size:19px;margin:16px 0 10px;overflow-wrap:anywhere}.listing-card h2 a{color:inherit}.listing-card p{font-size:14px;color:#a9b4c3;line-height:1.6;min-height:66px;overflow-wrap:anywhere}.listing-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px;flex-wrap:wrap}.listing-card-bottom strong{font-size:16px}.listing-detail-grid,.listing-editor-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.listing-detail-heading{display:flex;gap:12px;align-items:center;margin-bottom:24px}.listing-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8!important;margin:24px 0 36px!important}.listing-summary h2{font-size:32px;margin-top:12px}.listing-summary .button{margin-top:14px;width:100%;justify-content:center}.listing-summary hr,.listing-editor-note hr{border:0;border-top:1px solid #28303b;margin:24px 0}.listing-editor-note h2{margin-top:14px}.agency-wordmark{font-size:44px;letter-spacing:-3px;font-weight:800;color:#fff;padding:20px}#listing-status{margin-top:18px;line-height:1.6}@media(max-width:1250px){.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-intro{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.listing-grid,.listing-detail-grid,.listing-editor-layout{grid-template-columns:1fr}.market-actions{width:100%}.listing-card p{min-height:0}.listing-editor-note{order:-1}.market-intro{padding:22px}.listing-summary{max-width:100%}}
.portfolio-cover{display:block;position:relative;height:220px;background:linear-gradient(135deg,#14263d,#243c5d);overflow:hidden;color:#d6e6ff}.portfolio-cover>span:not(.pill){display:grid;place-items:center;height:100%}.portfolio-cover svg{width:40px;height:40px}.portfolio-cover img{width:100%;height:100%;object-fit:cover}.portfolio-cover>.pill{position:absolute;left:18px;bottom:18px;background:#0d1424e6}.editor-cover{height:220px;border-radius:12px;margin:20px 0}.project-cover-large{border-radius:18px;overflow:hidden;background:#111b28;margin-bottom:26px}.project-cover-large img{display:block;width:100%;max-height:560px;object-fit:contain}#portfolio-status,#cover-status{margin-top:16px;line-height:1.6}.portfolio-card .listing-card-body p{min-height:66px}
/* Phase 5: private messaging workspace */
.chat-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:22px;align-items:start}.chat-inbox{padding:22px}.chat-section-title,.chat-header,.chat-person,.chat-tools,.chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-section-title{margin-bottom:24px}.chat-inbox form .button{margin-top:12px;width:100%}.chat-threads{display:flex;flex-direction:column;gap:8px;margin:24px -8px}.chat-thread{display:flex;gap:12px;padding:14px 10px;border:1px solid transparent;border-radius:10px;min-width:0}.chat-thread>span:last-child{min-width:0}.chat-thread strong{font-size:13px}.chat-thread small{display:block;color:#8190a5;font-size:11px}.chat-thread p{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;margin-top:5px}.chat-thread.selected{background:#14233b;border-color:#2d4872}.chat-thread:hover{background:#172233}.chat-initial{display:grid;place-items:center;background:linear-gradient(140deg,#244b7b,#152137);border:1px solid #355170;width:40px;height:40px;border-radius:13px;flex-shrink:0;color:#a9caff;font-weight:700}.chat-inbox>.help{margin-top:18px}.chat-inbox #chat-privacy{border-top:1px solid var(--border);padding-top:22px}.chat-main{padding:26px;min-width:0;min-height:620px}.chat-person{justify-content:flex-start}.chat-header h2{font-size:18px}.chat-header a{font-size:12px;color:var(--muted)}.chat-tools .button{padding:8px 10px;font-size:11px}.chat-availability{font-size:11px;color:var(--muted);padding:15px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.chat-history{display:flex;flex-direction:column;gap:17px;max-height:460px;min-height:285px;overflow:auto;padding:10px 4px 25px;scrollbar-width:thin}.chat-bubble{align-self:flex-start;max-width:86%;padding:14px 17px;background:#1b222e;border:1px solid #2d3748;border-radius:3px 15px 15px}.chat-bubble.mine{align-self:flex-end;background:#163565;border-color:#284c81;border-radius:15px 3px 15px 15px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.chat-author{display:block;font-size:10px;color:#b1c8e7;margin-bottom:6px;font-weight:650}.chat-bubble time{display:block;font-size:9px;color:#8ea2c1;margin-top:8px}.chat-compose-bottom{margin-top:12px;flex-wrap:wrap}.chat-empty{color:var(--muted);margin:auto;text-align:center}.chat-main #message-status,.chat-inbox [role=status]{font-size:12px;margin-top:12px;overflow-wrap:anywhere}.chat-inbox .pagination:empty{display:none}@media(max-width:1100px){.chat-layout{grid-template-columns:270px minmax(0,1fr)}.chat-header{align-items:flex-start;flex-direction:column}.chat-inbox{padding:18px}.chat-main{padding:20px}}@media(max-width:760px){.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-threads{max-height:240px;overflow:auto}.chat-main{min-height:500px}.chat-thread p{max-width:100%}.chat-bubble{max-width:94%}}

/* Friends follows the existing panels, controls and responsive grid. */
.friend-request{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}.friend-request label{flex:1;max-width:460px}.friend-tabs,.friend-actions{display:flex;gap:10px;flex-wrap:wrap}.friend-tabs{margin:24px 0}.friend-tabs #refresh-friends{margin-left:auto}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.friend-card{min-width:0}.friend-card h2{font-size:18px;overflow-wrap:anywhere}.friend-card>.help{margin:18px 0}.friend-card .chat-person p{font-size:12px}.friend-grid>.empty-state{grid-column:1/-1}#friends-status{margin-top:12px}@media(max-width:850px){.friend-grid{grid-template-columns:1fr}.friend-request{align-items:stretch;flex-direction:column}.friend-request label{max-width:none}.friend-tabs #refresh-friends{margin-left:0}}

.notification-list{display:grid;gap:14px;margin:18px 0}.notification-item{display:flex;gap:18px;align-items:flex-start;margin:0}.notification-item.is-unread{border-left:3px solid #4385ff;background:#111c2c}.notification-item>div{min-width:0;overflow-wrap:anywhere}.notification-item .friend-actions{margin-top:12px}.notification-count{margin-left:auto;background:#367af7;color:#fff;padding:1px 7px;border-radius:12px}.notification-item svg{width:20px;height:20px}#notification-status{margin-top:12px}

/* Verified VEXO staff badges — color is validated hex from the database. */
.profile-badges .vexo-badge { border-color: var(--badge-color,#4385ff); color: var(--badge-color,#4385ff); background: color-mix(in srgb,var(--badge-color,#4385ff) 9%,transparent); }
.profile-badges .vexo-badge svg { color: inherit; }

/* Inline icons preserve the existing typography and layout. */
.vexo-inline-badges{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle;line-height:1}
.vexo-inline-badges:empty{display:none}
.vexo-inline-badges img{display:inline-block;width:18px;height:18px;min-width:18px;object-fit:contain;vertical-align:middle}
/* Admin panel uses existing panels, buttons, fields and spacing. */
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-field{margin-top:18px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-actions .button{margin-top:12px}.admin-catalog{margin-top:20px}.admin-badge-preview{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:12px}.admin-badge-list{display:grid;gap:12px;margin-top:18px}.admin-badge-item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:12px 0}.admin-badge-item>span{display:flex;align-items:center;gap:8px}.admin-badge-item img{width:18px;height:18px;object-fit:contain}.admin-badge-item small{max-width:55%;overflow-wrap:anywhere}.admin-grid input[type=file]{max-width:100%;font-size:11px}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}}