.collab-home-banner{min-height:272px;margin:28px 0;border-radius:24px;overflow:hidden;position:relative;color:#fff;background:#171a20 url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=88') center/cover;box-shadow:0 12px 30px rgba(18,20,25,.12)}
.collab-home-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,18,.88) 0%,rgba(12,14,18,.68) 55%,rgba(12,14,18,.18) 100%)}
.collab-home-copy{position:relative;z-index:1;min-height:272px;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}
.collab-home-copy small,.collab-intro small{font-size:9px;letter-spacing:2.2px;font-weight:900;color:#cdd5ff}
.collab-home-copy h2{margin:10px 0 8px;font-size:27px;line-height:1.2;letter-spacing:-1.2px}
.collab-home-copy p{margin:0 0 18px;font-size:11px;line-height:1.6;color:#e1e3e8}
.collab-home-copy button,.collab-write-open,.collab-submit,.collab-apply-button{border:0;border-radius:12px;background:#3659e8;color:#fff;font-weight:900}
.collab-home-copy button{padding:12px 16px;font-size:11px}
.collab-page{padding-bottom:40px}
.collab-intro{margin:12px 0 22px;border-radius:24px;background:#151820;color:#fff;padding:27px 23px}
.collab-intro h1{margin:10px 0 8px;font-size:29px;line-height:1.2;letter-spacing:-1.25px}
.collab-intro p{margin:0;color:#c8cbd3;font-size:11px;line-height:1.65}
.collab-toolbar{margin-bottom:14px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.collab-categories{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:2px}
.collab-categories::-webkit-scrollbar{display:none}
.collab-categories button{flex:0 0 auto;border:1px solid #deded7;border-radius:999px;background:#fff;padding:9px 12px;font-size:10px;font-weight:850;color:#4e504c}
.collab-categories button.active{background:#15171b;border-color:#15171b;color:#fff}
.collab-write-open{flex:0 0 auto;padding:10px 12px;font-size:10px}
.collab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.collab-card{min-width:0;border:1px solid #deded7;border-radius:19px;overflow:hidden;background:#fff;text-align:left;padding:0;color:#101114}
.collab-card-image{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;background:#e8e8e3}
.collab-card-body{padding:12px 11px 13px}
.collab-card-top{display:flex;gap:5px;align-items:center;justify-content:space-between}
.collab-card-category{font-size:8px;letter-spacing:.7px;color:#3659e8;font-weight:900}
.collab-card-status{font-size:8px;border-radius:999px;background:#e9f7f1;color:#16805a;padding:5px 7px;font-weight:900}
.collab-card-status.closed{background:#ededeb;color:#777}
.collab-card h3{font-size:14px;line-height:1.4;letter-spacing:-.45px;margin:9px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collab-card p{margin:0;font-size:9px;line-height:1.55;color:#747670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collab-card-author{display:block;margin-top:9px;padding-top:9px;border-top:1px solid #eeeeea;font-size:9px;color:#4e504c;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collab-state{grid-column:1/-1;min-height:220px;border:1px dashed #d7d7d0;border-radius:18px;background:#fff;display:grid;place-items:center;padding:30px;text-align:center;color:#777;font-size:11px;line-height:1.7}
.collab-form{display:grid;gap:14px;background:#fff;border:1px solid #e1e1db;border-radius:22px;padding:18px}
.collab-form>label,.collab-form-pair label{display:grid;gap:7px}
.collab-form label>span{font-size:11px;font-weight:900}
.collab-form input,.collab-form select,.collab-form textarea{width:100%;min-width:0;border:1px solid #dcdcd5;border-radius:12px;background:#fff;padding:13px;font:inherit;font-size:12px;outline:none}
.collab-form input:focus,.collab-form select:focus,.collab-form textarea:focus{border-color:#3659e8;box-shadow:0 0 0 3px rgba(54,89,232,.09)}
.collab-form textarea{min-height:170px;resize:vertical;line-height:1.65}
.collab-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.collab-image-picker{min-height:210px;border:1px dashed #c9cbc5;border-radius:17px;background:#f4f4ef;overflow:hidden;position:relative;cursor:pointer}
.collab-image-picker input{position:absolute;width:1px;height:1px;opacity:0}
.collab-image-picker>span{min-height:210px;display:grid;place-items:center;background:center/cover;color:#696b65;font-size:11px!important}
.collab-image-picker.has-image>span{color:transparent}
.collab-confirm{display:grid!important;grid-template-columns:20px 1fr!important;gap:9px!important;align-items:flex-start;background:#f4f5fb;border-radius:12px;padding:12px}
.collab-confirm input{width:18px;height:18px;margin:0;accent-color:#3659e8}
.collab-confirm span{font-size:10px!important;line-height:1.55;font-weight:750!important}
.collab-form-note{margin:-5px 0 0;color:#787a75;font-size:9px;line-height:1.6}
.collab-submit{width:100%;padding:15px;font-size:12px}
.collab-submit:disabled,.collab-apply-button:disabled{background:#aeb2c2;cursor:default}
.collab-detail-hero{width:100%;aspect-ratio:4/3;border-radius:22px;display:block;object-fit:cover;background:#e7e7e2}
.collab-detail-head{padding:18px 2px 16px;border-bottom:1px solid #deded7}
.collab-detail-kicker{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#3659e8;font-weight:900}
.collab-detail-head h1{margin:10px 0 9px;font-size:25px;line-height:1.35;letter-spacing:-.9px}
.collab-detail-head p{margin:0;color:#70726e;font-size:10px}
.collab-detail-info,.collab-detail-copy,.collab-apply-box{margin-top:12px;border:1px solid #e0e0da;border-radius:18px;background:#fff;padding:17px}
.collab-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.collab-detail-info div{min-width:0;background:#f5f5f1;border-radius:11px;padding:11px}
.collab-detail-info span{display:block;color:#777;font-size:9px}
.collab-detail-info b{display:block;margin-top:5px;font-size:11px;line-height:1.45;word-break:break-word}
.collab-detail-copy h2,.collab-apply-box h2{font-size:15px;margin:0 0 10px}
.collab-detail-copy p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:0;color:#444}
.collab-apply-box textarea{width:100%;min-height:100px;border:1px solid #dcdcd5;border-radius:12px;padding:12px;resize:vertical;font:inherit;font-size:11px;line-height:1.6}
.collab-apply-box>p{font-size:9px;color:#777;line-height:1.6;margin:0 0 10px}
.collab-apply-button{width:100%;padding:14px;margin-top:9px;font-size:11px}
.collab-owner-actions{display:flex;gap:8px;margin-top:12px}
.collab-owner-actions button{flex:1;border:1px solid #d9d9d2;border-radius:11px;background:#fff;padding:11px;font-size:10px;font-weight:850}
.collab-owner-actions .danger{color:#b62b2b;border-color:#efcccc}
.collab-verification{margin:12px 0 0;border:1px solid #e0e3f2;border-radius:17px;background:#f5f6fb;padding:16px;display:none;gap:12px;align-items:center;justify-content:space-between}
.collab-verification.show{display:flex}
.collab-verification small{display:block;color:#3659e8;font-size:8px;letter-spacing:1px;font-weight:900}
.collab-verification b{display:block;font-size:13px;margin:5px 0}
.collab-verification p{margin:0;font-size:9px;line-height:1.55;color:#717584}
.collab-verification button{flex:0 0 auto;border:0;border-radius:11px;background:#15171b;color:#fff;padding:11px 12px;font-size:9px;font-weight:900}
.collab-verification button:disabled{background:#aeb0b8}

@media(min-width:760px){
  .collab-home-banner{min-height:310px}.collab-home-copy{min-height:310px;padding:34px 30px}.collab-home-copy h2{font-size:32px}.collab-page{max-width:860px;margin:0 auto}.collab-grid{gap:16px}.collab-card h3{font-size:17px}.collab-form{padding:24px}.collab-image-picker,.collab-image-picker>span{min-height:300px}
}
@media(max-width:360px){
  .collab-grid{gap:7px}.collab-card-body{padding:10px 9px}.collab-card h3{font-size:13px}.collab-toolbar{display:block}.collab-write-open{width:100%;margin-top:9px}.collab-form-pair{grid-template-columns:1fr}
}