[data-linkedin-mockup-tool] { color:inherit; font:inherit; max-width:100%; }
[data-linkedin-mockup-tool] *, [data-linkedin-mockup-tool] *::before, [data-linkedin-mockup-tool] *::after { box-sizing:border-box; }
.lm-tool { --lm-ink:#182331; --lm-muted:#435165; --lm-border:#aab5c3; --lm-panel:#fff; --lm-soft:#f2f5f8; --lm-accent:#0b5b8a; position:relative; color:var(--lm-ink); background:var(--lm-panel); border:1px solid var(--lm-border); border-radius:12px; padding:clamp(12px,1.4vw,18px); margin:8px auto 24px; max-width:1440px; line-height:1.5; }
.lm-tool h2,.lm-tool h3,.lm-tool h4,.lm-tool p { margin-top:0; }
.lm-tool h2 { font-size:1.55rem; }
.lm-tool h3 { font-size:1.2rem; }
.lm-tool h4 { font-size:1rem; }
.lm-tool a { color:var(--lm-accent); text-decoration:underline; }
.lm-tool button,.lm-tool .lm-button,.lm-tool input,.lm-tool textarea,.lm-tool select { font:inherit; }
.lm-tool button,.lm-tool .lm-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border:1px solid #53677a; border-radius:7px; background:#fff; color:#183044; cursor:pointer; text-decoration:none; text-align:center; }
.lm-tool button:hover,.lm-tool .lm-button:hover { background:#e9f2f8; }
.lm-tool button[aria-pressed="true"] { background:#0b5b8a; color:#fff; border-color:#0b5b8a; }
.lm-tool button:disabled { opacity:.55; cursor:not-allowed; }
.lm-tool :focus-visible { outline:3px solid #d77316; outline-offset:3px; }
.lm-top { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:16px; }
.lm-top > div:first-child { max-width:58ch; }
.lm-top > div:first-child p { margin-bottom:4px; }
.lm-top-actions,.lm-preview-controls,.lm-inspection,.lm-downloads { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.lm-jump { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.lm-jump button { flex:1 1 120px; }
[data-field="advertiser.company_name"],#lm-preview-controls,[data-field="project.title"] { scroll-margin-top:150px; }
.lm-scope { margin:6px 0 10px; padding:7px 12px; border:1px solid var(--lm-border); border-radius:8px; background:var(--lm-soft); }
.lm-scope summary { cursor:pointer; font-weight:700; }
.lm-scope p { margin:10px 0 0; }
.lm-note,.lm-hint,.lm-approx { color:var(--lm-muted); }
.lm-note { padding:12px; border-left:4px solid var(--lm-accent); background:var(--lm-soft); margin:18px 0; }
.lm-layout { display:grid; grid-template-columns:minmax(280px,430px) minmax(0,1fr); gap:clamp(16px,2vw,28px); align-items:start; }
.lm-layout > * { min-width:0; }
#lm-editor { display:grid; gap:16px; }
.lm-tool fieldset { min-width:0; border:1px solid var(--lm-border); border-radius:9px; padding:14px; margin:0; display:grid; gap:12px; }
.lm-tool legend { font-weight:700; padding:0 6px; }
.lm-field { display:grid; gap:4px; min-width:0; font-weight:600; }
.lm-field small { font-weight:400; color:var(--lm-muted); }
.lm-field input,.lm-field select,.lm-field textarea,.lm-focal input[type="number"] { width:100%; min-width:0; min-height:44px; border:1px solid #78889a; border-radius:6px; background:#fff; color:#182331; padding:8px 10px; font-weight:400; }
.lm-field textarea { min-height:88px; resize:vertical; }
.lm-field input[type="file"] { padding:7px; }
.lm-asset-status { margin:0; font-size:.9em; overflow-wrap:anywhere; }
.lm-focal { display:grid; grid-template-columns:minmax(0,1fr) 74px; gap:5px 10px; align-items:center; }
.lm-focal label,.lm-focal button { grid-column:1 / -1; }
.lm-focal input[type="range"] { width:100%; min-height:44px; accent-color:#0b5b8a; }
.lm-image-inspect { min-width:0; }
.lm-inspect-art { background:#fff no-repeat center; border:2px solid #5c7185; max-width:100%; height:auto; }
.lm-inspect-art.lm-crop { cursor:crosshair; touch-action:none; }
.lm-original-frame { position:relative; width:100%; max-width:100%; overflow:hidden; background-color:#fff; background-image:linear-gradient(45deg,#d9dfe4 25%,transparent 25%),linear-gradient(-45deg,#d9dfe4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dfe4 75%),linear-gradient(-45deg,transparent 75%,#d9dfe4 75%); background-size:20px 20px; background-position:0 0,0 10px,10px -10px,-10px 0; }
.lm-original-frame img { display:block; width:100%; height:100%; object-fit:contain; }
.lm-crop-box { position:absolute; border:2px solid #b94419; box-shadow:0 0 0 200vmax #192b3b66; pointer-events:none; }
.lm-original { width:100%; aspect-ratio:16/9; background-size:contain; }
.lm-delivered.lm-landscape { aspect-ratio:1200/628; }
.lm-delivered.lm-square { aspect-ratio:1; }
.lm-delivered.lm-portrait { aspect-ratio:4/5; max-width:340px; }
.lm-delivered.lm-fit { background-size:contain; }
.lm-delivered.lm-crop { background-size:cover; }
.lm-review-item,.lm-evidence { display:grid; gap:10px; border-top:1px solid var(--lm-border); padding-top:12px; }
.lm-review-item h4,.lm-evidence h4 { margin:0; text-transform:capitalize; }
.lm-results { min-width:0; display:grid; gap:16px; }
.lm-status,.lm-requests,.lm-downloads { border:1px solid var(--lm-border); border-radius:9px; background:var(--lm-soft); padding:14px; min-width:0; }
.lm-status dl { display:grid; gap:8px; margin:0 0 12px; }
.lm-status dl div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; border-bottom:1px solid var(--lm-border); padding:4px 0; }
.lm-status dt { font-weight:700; }
.lm-status dd { margin:0; }
.lm-error { color:#8d1a14; font-weight:700; }
.lm-warning { color:#65400a; }
.lm-approx { margin:0; font-weight:700; }
.lm-preview { max-width:100%; min-width:0; }
.lm-preview h4 { margin:0 0 6px; }
.lm-both { display:flex; align-items:flex-start; flex-wrap:wrap; gap:16px; }
.lm-both > div { min-width:0; }
.lm-phone { width:min(390px,100%); max-width:100%; border:1px solid #8f9daa; border-radius:16px; padding:15px; background:#e7ecf1; }
.lm-card { color:#1b2430; background:#fff; border:1px solid #bfc9d2; box-shadow:0 1px 3px #0002; min-width:0; overflow:hidden; }
.lm-card-desktop { width:min(552px,100%); }
.lm-card-mobile { width:min(358px,100%); }
.lm-card-head { padding:12px; display:flex; gap:10px; align-items:center; }
.lm-card-head div { min-width:0; display:grid; }
.lm-card-head strong,.lm-link strong { overflow-wrap:anywhere; }
.lm-card-head span,.lm-link span { color:#4b5969; font-size:.8rem; }
.lm-avatar { width:42px; height:42px; flex:none; object-fit:cover; border-radius:5px; background:#dce3e8; }
.lm-intro { padding:0 12px 8px; white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
.lm-clamped { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.lm-clamp-note { display:block; padding:0 12px 5px; font-size:.72rem; color:#536173; }
.lm-art { width:100%; background:#fff no-repeat center; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#435165; }
.lm-art.lm-landscape { aspect-ratio:1200/628; }
.lm-art.lm-square { aspect-ratio:1; }
.lm-art.lm-portrait { aspect-ratio:4/5; }
.lm-art.lm-fit { background-size:contain; }
.lm-art.lm-crop { background-size:cover; }
.lm-art.lm-placeholder { background:#edf1f4; border:1px dashed #8a98a8; text-align:center; }
.lm-link { display:flex; align-items:center; gap:8px; justify-content:space-between; background:#f3f6f8; padding:10px 12px; }
.lm-link > div { min-width:0; display:grid; }
.lm-cta { flex:none; border:1px solid #39749a; border-radius:18px; padding:4px 10px; color:#0b5b8a!important; font-weight:700; }
.lm-unsupported { padding:24px; border:2px dashed #6d7d8d; background:#f2f5f8; max-width:552px; }
.lm-requests ol { margin:0; padding-left:22px; }
.lm-requests li { margin:8px 0; overflow-wrap:anywhere; }
.lm-downloads { align-items:stretch; }
.lm-downloads h3,.lm-downloads p { flex-basis:100%; margin-bottom:0; }
.lm-downloads button { flex:1 1 180px; }
.lm-copy-fallback { width:100%; height:160px; }
.lm-dialog { max-width:min(96vw,1100px); max-height:90vh; padding:12px; border:2px solid #53677a; border-radius:8px; }
.lm-dialog::backdrop { background:#152331bb; }
.lm-dialog #lm-dialog-content { margin-top:10px; overflow:auto; max-height:75vh; }
.lm-dialog img { display:block; max-width:none; width:auto; height:auto; }
.lm-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(min-width:851px) { .lm-top > div:first-child p { display:none; } .lm-top-actions { margin:8px 0; justify-content:flex-end; } .lm-results { position:sticky; top:88px; } }
@media(max-width:850px) { .lm-layout { grid-template-columns:minmax(0,1fr); } .lm-tool { padding:14px; } .lm-top > div:first-child p { display:none; } .lm-jump { position:sticky; top:106px; z-index:4; padding:8px; margin-inline:-8px; background:var(--lm-panel); border-block:1px solid var(--lm-border); } .lm-jump button { flex:1 1 0; min-width:0; padding-inline:6px; } }
@media(max-width:390px) { .lm-tool { padding:10px; border-radius:0; } .lm-phone { padding:8px; } .lm-top-actions button,.lm-top-actions .lm-button { flex:1 1 42%; } .lm-card-head,.lm-link { padding:8px; } }html[data-reading-theme=dark] .lm-tool{ --lm-ink:#e8edf2; --lm-muted:#c1ccd6; --lm-border:#637589; --lm-panel:#1b2835; --lm-soft:#253545; --lm-accent:#93cef3; }html[data-reading-theme=dark] .lm-tool button,html[data-reading-theme=dark] .lm-tool .lm-button{ background:#263b4c; color:#eef5f9; border-color:#8ea3b3; }html[data-reading-theme=dark] .lm-tool button:hover,html[data-reading-theme=dark] .lm-tool .lm-button:hover{ background:#37546a; }html[data-reading-theme=dark] .lm-tool .lm-field input,html[data-reading-theme=dark] .lm-tool .lm-field select,html[data-reading-theme=dark] .lm-tool .lm-field textarea,html[data-reading-theme=dark] .lm-tool .lm-focal input[type="number"]{ background:#152331; color:#f1f5f8; border-color:#95a7b6; }html[data-reading-theme=dark] .lm-tool .lm-error{ color:#ffaaa3; }html[data-reading-theme=dark] .lm-tool .lm-warning{ color:#ffce85; }
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool { --lm-ink:#e8edf2; --lm-muted:#c1ccd6; --lm-border:#637589; --lm-panel:#1b2835; --lm-soft:#253545; --lm-accent:#93cef3; }
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool button,
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool .lm-button { background:#263b4c; color:#eef5f9; border-color:#8ea3b3; }
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool .lm-field input,
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool .lm-field select,
:is(html.dark,body.dark,html[data-theme="dark"],body[data-theme="dark"],html.theme-dark,body.theme-dark) .lm-tool .lm-field textarea { background:#152331; color:#f1f5f8; border-color:#95a7b6; }
@media print { [data-linkedin-mockup-tool] { display:none!important; } }