.workspace:has(>.composer-page){max-width:1760px;padding-top:16px}.composer-page{width:100%;max-width:1600px;margin-inline:auto}.composer-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.composer-heading>div{align-items:center;gap:12px;min-width:0;display:flex}.composer-heading h1{letter-spacing:-.45px;margin:0;font-size:19px;font-weight:500;line-height:1.4}.composer-heading .draft-status{margin:0;font-size:11px}.composer-back{border:1px solid var(--line);background:color-mix(in srgb,var(--text) 3%,transparent);width:36px;min-width:36px;height:36px;color:var(--muted);border-radius:11px;place-items:center;padding:0;display:grid}.composer-back>svg{flex:none;width:17px;height:17px}.composer-page .composer-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:24px;margin:0}.composer-page .composer-form{background:linear-gradient(145deg,color-mix(in srgb,var(--ink-accent) 3%,transparent),transparent 55%),var(--panel);border-radius:20px;padding:18px}.composer-form{container:composer/inline-size}.composer-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:14px;display:grid}.composer-page .composer-controls .composer-sender{grid-template-columns:auto minmax(80px,220px);margin:0}.composer-page .composer-controls .composer-steps{justify-self:end;width:max-content;max-width:100%;margin:0}.composer-page .composer-sender{grid-template-columns:auto minmax(180px,270px);justify-content:start;align-items:center;gap:5px 12px;margin:0 0 14px;font-size:11px;display:grid}.composer-sender>small{color:var(--muted);grid-column:1/-1;font-size:10px}.composer-sender-name{min-height:37px;color:var(--text);align-items:center;gap:8px;font-size:12px;display:flex}.composer-sender-name>svg{color:var(--ink-accent)}.composer-sender-name>small{color:var(--muted);margin-left:4px;font-size:10px}.composer-page .composer-steps{border:1px solid var(--line);background:color-mix(in srgb,var(--text) 2%,transparent);border-radius:13px;gap:4px;margin:0 0 18px;padding:4px}.composer-page .composer-steps button{white-space:nowrap;border:1px solid #0000;border-radius:10px;flex:none;min-width:0;min-height:37px;padding:7px 10px;font-size:11px}.composer-step-label{font:inherit}.composer-page .composer-steps button[aria-current=step]{border-color:color-mix(in srgb,var(--ink-accent) 25%,transparent);background:color-mix(in srgb,var(--ink-accent) 7%,var(--panel))}.composer-page .composer-steps button>span{opacity:.8;border-color:currentColor;flex:none;width:19px;height:19px;font-size:9px}.composer-page .form-grid{gap:12px 16px}.composer-form label{gap:6px;min-width:0;font-size:11px}.composer-form :is(input:not([type=checkbox]):not([type=file]),.premium-select-face){border:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--text) 3%,transparent);border-radius:10px;min-height:37px;padding:8px 11px;font-size:12px}.composer-form :is(input,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--ink-accent) 55%,transparent);outline-offset:2px}.composer-form label>small{color:var(--muted);font-size:10px;line-height:1.5}.composer-form textarea{resize:vertical;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--text) 2%,transparent);border-radius:10px;min-height:78px;padding:10px 12px;font-size:12px;line-height:1.65}.composer-form .title-field-label small{font-size:9px}.composer-story{gap:7px;display:grid}.composer-story-heading{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.composer-story-heading>label:first-child{margin:0}.composer-form .composer-photo{border:1px solid var(--line);border-radius:8px;flex-direction:row;flex:none;align-items:center;gap:7px;min-height:30px;margin:0;padding:5px 8px;font-size:10px;display:inline-flex}.composer-form .composer-photo>svg{flex:none;width:14px;height:14px}.composer-photo>span{align-items:baseline;gap:6px;display:flex}.composer-form .composer-photo small{color:var(--muted);margin:0;font-size:9px}.composer-days{gap:12px 16px;display:grid}.composer-days>div{justify-items:start;gap:7px;display:grid}.composer-days label{color:var(--muted);margin:0}.composer-form .form-footer{gap:12px;margin-top:18px;padding-top:14px}.composer-form .form-footer>button{min-height:39px;padding:9px 15px;font-size:12px}.composer-form .form-error{margin:12px 0 0;padding:10px 12px;font-size:12px}.composer-form .inline-note{margin:0;padding:12px;font-size:11px;line-height:1.7}.composer-form .week-strip{max-width:100%}.composer-form .job-pay-fields{margin:0;padding:0}.composer-form .job-pay-fields legend{font-size:14px;font-weight:500}.composer-form .job-pay-fields>p{margin:7px 0 14px;font-size:11px;line-height:1.65}.composer-form .job-pay-fields .form-grid>p,.composer-form .job-pay-fields>small{margin:0;font-size:10px;line-height:1.6}.composer-form .job-pay-fields .checkbox-label{font-size:10px;line-height:1.6}.composer-form .job-pay-fields textarea{min-height:64px}.composer-form .final-review>p{margin:0 0 18px;font-size:12px;line-height:1.75}.composer-form .final-review .terms-list{margin:0 0 18px}.composer-form .final-review .terms-list>div{padding:10px 0}.composer-form .final-review .checkbox-label{margin-top:16px;line-height:1.65}.composer-page .composer-preview{grid-row:auto;margin:0;display:block;position:sticky;top:16px}.composer-preview>.section-caption{color:var(--muted);align-items:center;gap:7px;margin:0 0 12px;font-size:11px;display:flex}.composer-preview .listing-card{border-radius:18px;overflow:hidden}.composer-preview .listing-card-body{padding:18px}.composer-preview .listing-title h2{font-size:20px;line-height:1.35}.composer-preview .listing-visual{aspect-ratio:16/7;max-height:148px}.composer-preview .preview-details{padding:12px 3px;font-size:12px;line-height:1.75}.composer-preview .preview-details>summary{cursor:pointer;min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:11px;list-style:none;display:flex}.composer-preview .preview-details>summary::-webkit-details-marker{display:none}.composer-preview .preview-details>summary>svg:last-child{margin-left:auto}.composer-preview .preview-details[open]>summary>svg:last-child{rotate:180deg}.composer-preview .preview-details>p{margin:12px 0 0}.composer-form .form-section>.form-grid{grid-template-columns:minmax(0,1fr)}.composer-form .form-grid>.span-two{grid-column:1/-1}@container composer (min-width:420px){.composer-form .form-section>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container composer (min-width:520px){.composer-days{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 12px}}@container composer (min-width:620px){.composer-form .form-section>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-form [data-field=title]{grid-column:span 2}.composer-form .form-grid:has([data-field=differentiation],[data-field=specialism]) [data-field=interest]{grid-column:1/-1}}@container composer (min-width:840px){.composer-form .form-section>.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-form .form-grid [data-field=interest]{grid-column:span 2}.composer-form .form-grid:has([data-field=differentiation],[data-field=specialism]) [data-field=interest]{grid-column:span 2}.composer-page:not([data-specialism=true]) .form-grid:not(:has([data-field=differentiation])) [data-field=role]{grid-column:span 2}.composer-form .composer-pay .form-grid>label.span-two:has(textarea){grid-column:span 2}}@media (min-width:900px) and (max-height:760px){.workspace:has(>.composer-page){padding-top:10px;padding-bottom:12px}.composer-heading{margin-bottom:10px}.composer-page .composer-form{padding:14px 16px}.composer-page .composer-sender{margin-bottom:10px}.composer-page .composer-steps{margin-bottom:12px}.composer-page .form-grid{gap:10px 14px}.composer-form .form-footer{margin-top:12px;padding-top:10px}.composer-form textarea{height:78px;min-height:78px}.composer-form .composer-pay textarea{height:58px;min-height:58px}}@media (min-width:900px) and (max-width:1099px){.composer-page .composer-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.composer-preview .listing-card-body{padding:12px}.composer-preview .listing-title h2{font-size:17px}}@media (max-width:899px){.composer-page .composer-layout{grid-template-columns:minmax(0,1fr);gap:24px}.composer-page .composer-preview{width:100%;max-width:540px;position:static}}@media (max-width:600px){.composer-heading{align-items:flex-start;gap:12px}.composer-heading h1{font-size:16px}.composer-heading .draft-status{max-width:110px;font-size:9px;line-height:1.5}.composer-page .composer-form{border-radius:16px;padding:14px}.composer-page .composer-sender{grid-template-columns:minmax(0,1fr);gap:5px}.composer-page .composer-steps button{flex:none;gap:5px;width:36px;padding:7px 3px;font-size:10px}.composer-page .composer-steps button[aria-current=step]{width:auto;padding-inline:10px}.composer-page .composer-steps button:not([aria-current=step]) .composer-step-label{display:none}.composer-page .composer-steps button>span{width:16px;height:16px;font-size:8px}.composer-page .form-grid{grid-template-columns:minmax(0,1fr)}}@container composer (max-width:680px){.composer-controls{gap:12px}.composer-controls .composer-steps button{flex:none;gap:4px;width:32px;padding:6px 2px}.composer-controls .composer-steps button[aria-current=step]{width:auto;padding-inline:10px}.composer-controls .composer-steps button:not([aria-current=step]) .composer-step-label{display:none}}@container composer (max-width:480px){.composer-controls{grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:14px}.composer-page .composer-controls .composer-steps{justify-self:start}}