.preparation { margin: 12px 0 42px; padding: 28px; border: 1px solid var(--line,#d5d0c7); background: #f6efe3; border-radius: 22px; }
.preparation-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.preparation h2 { font-size:32px; letter-spacing:-.04em; margin:8px 0; }
.preparation p { color:#59564f; line-height:1.5; }
.prepare-steps { display:flex; gap:8px; margin:22px 0; padding:0; list-style:none; flex-wrap:wrap; }
.prepare-steps li { display:flex; gap:8px; align-items:center; font-size:14px; }
.prepare-steps span { border:1px solid #b7b0a4; border-radius:50%; display:grid; place-items:center; width:26px; height:26px; }
.prepare-steps li+li::before { content:'→'; margin:0 8px; color:#918b80; }
.prepare-form { display:flex; align-items:end; gap:12px; padding:20px; background:#eae8e3; border-radius:14px; }
.prepare-field { flex:1; }
.prepare-field label { display:block; font-weight:600; margin-bottom:8px; }
.prepare-field input,.access-form input { display:block; width:100%; padding:14px; border:1px solid #a29b8e; border-radius:9px; font:inherit; min-height:48px; background:#fffaf3; box-sizing:border-box; }
.prepare-field small { display:block; color:#676157; margin:8px 0 0; }
.job-list { display:grid; gap:16px; margin-top:24px; }
.job-card { background:#fffaf3; border:1px solid #d5d0c7; border-radius:16px; padding:22px; }
.job-head { display:flex; gap:12px; justify-content:space-between; align-items:start; }
.job-head h3 { margin:0 0 5px; font-size:23px; }
.job-meta { margin:0; font-size:14px; }
.job-materials { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }
.prepared-material { border:1px solid #ded8ce; border-radius:12px; overflow:hidden; }
.prepared-media { background:#eae8e3; height:160px; display:flex; align-items:center; justify-content:center; }
.prepared-media img,.prepared-media video { width:100%; height:100%; object-fit:contain; }
.prepared-media a { color:inherit; padding:16px; }
.prepared-copy { padding:12px; font-size:13px; }
.prepared-copy strong { display:block; font-size:16px; margin:6px 0; }
.prepared-copy details { margin-top:8px; }
.prepared-copy a { color:inherit; display:block; padding:5px 0; }
.job-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid #ded8ce; padding-top:16px; }
.job-actions p { margin:0; font-size:14px; max-width:530px; }
.digest { font-family:'Fragment Mono',monospace; font-size:11px; overflow-wrap:anywhere; opacity:.7; }
.prepared-history { margin-top:20px; }
.prepared-history>summary { cursor:pointer; padding:12px 0; font-weight:600; }
.studio-filters { display:flex; gap:10px; flex-wrap:wrap; margin:-6px 0 24px; }
.access-form { display:grid; gap:14px; width:min(440px,100%); }
.access-form label { display:grid; gap:7px; font-weight:600; }
.round-picker { margin-top:12px; max-width:100%; padding:10px; border-radius:8px; background:#f6efe3; font:inherit; }
.package-picker { display:block; width:100%; min-height:48px; font:inherit; padding:10px; margin:12px 0; border-radius:8px; background:#fffaf3; }
.document-preview { display:flex; flex-direction:column; align-items:center; padding:40px 20px; text-align:center; gap:18px; }
.document-preview>.ui-icon { width:64px; height:64px; }
@media(max-width:700px) { .preparation { padding:20px 14px; border-radius:16px; } .preparation-head,.prepare-form,.job-actions { flex-direction:column; align-items:stretch; } .prepare-form { padding:14px; } .job-card { padding:16px; } .job-materials { grid-template-columns:1fr 1fr; } .preparation h2 { font-size:28px; } .prepared-media { height:135px; } .prepare-steps { gap:6px; } .prepare-steps li+li::before { margin:0 3px; } }
@media(max-width:370px) { .job-materials { grid-template-columns:1fr; } }