/* LinkedIn Post Image Checker */
.lic-tool{position:relative;overflow:hidden;text-align:left}
.lic-tool .pn-i{width:1em;height:1em;flex:none}

/* top: drop zone */
.lic-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.45rem;border-bottom:1px solid var(--pn-line);background:#fff}
.lic-drop{position:relative;flex:1;min-width:280px;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1.5px dashed #b9c7c2;border-radius:16px;background:#f7faf8;cursor:pointer;transition:background var(--pn-ease-fast),border-color var(--pn-ease-fast)}
.lic-drop:hover{border-color:#1f6859;background:#eef8f4}
.lic-drop:focus-within{outline:3px solid var(--pn-yellow);outline-offset:2px}
.lic-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lic-drop__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pn-mint);color:#145c4f;flex:none}
.lic-drop__icon .pn-i{width:20px;height:20px}
.lic-drop__text{flex:1;min-width:0}
.lic-drop__text strong{display:block;font-size:.98rem;font-weight:600;color:var(--pn-black)}
.lic-drop__text small{display:block;font-size:.72rem;color:var(--pn-muted);margin-top:.15rem}
.lic-drop__btn{flex:none;font-size:var(--pn-sm);font-weight:600;color:#fff;background:var(--pn-black);border-radius:999px;padding:.55rem 1.05rem}
.lic-drop:hover .lic-drop__btn{background:#262626}
.lic-when-full{display:none}
.lic-tool.has-photos .lic-when-empty{display:none}.lic-tool.has-photos .lic-when-full{display:inline}
.lic-private{display:flex;align-items:center;gap:.4rem;font-size:var(--pn-xs);color:var(--pn-muted);margin:0}
.lic-private .pn-i{width:15px;height:15px;color:#176a5a}
.lic-status{margin:0;padding:0 1.45rem;font-size:var(--pn-xs);background:#fff}
.lic-status:not(:empty){padding-top:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--pn-line-soft)}
.lic-status.is-ok{color:#176a5a}.lic-status.is-warn{color:#7a5b00}.lic-status.is-error{color:var(--pn-red-ink)}.lic-status.is-busy{color:var(--pn-gray)}

/* columns */
.lic-columns{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);background:#fff}
.lic-input,.lic-preview{padding:1.25rem 1.45rem;min-width:0}
.lic-input{border-right:1px solid var(--pn-line);display:flex;flex-direction:column}
.lic-list-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.lic-list-head h2,.lic-preview__head h2,.lic-inspector__head h2{font-size:1.15rem;line-height:1.25;margin:0}
.lic-list-head h2 span{font:600 .7rem var(--pn-font-body);color:var(--pn-muted);background:var(--pn-linen);border-radius:999px;padding:.2rem .55rem;margin-left:.3rem;vertical-align:middle}
.lic-list-head>div{display:flex;gap:.6rem}
.lic-textbtn{font:inherit;font-size:var(--pn-xs);font-weight:600;color:var(--pn-gray);border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.2rem}
.lic-textbtn:hover{color:var(--pn-black)}
.lic-hint{font-size:var(--pn-xs);color:var(--pn-muted);margin:.3rem 0 .7rem}
.lic-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;max-height:312px;overflow:auto;padding:2px}
.lic-empty{padding:1.2rem;text-align:center;color:var(--pn-muted);font-size:var(--pn-xs);border:1px dashed var(--pn-line);border-radius:12px}
.lic-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .4rem .4rem .2rem;background:#fff;border:1px solid var(--pn-line);border-radius:12px;min-width:0;transition:border-color var(--pn-ease-fast),box-shadow var(--pn-ease-fast)}
.lic-item.is-selected{border-color:#1e5d52;box-shadow:0 0 0 2px #d6eee5}
.lic-item.is-dragging{opacity:.45}.lic-item.is-target{box-shadow:0 -3px 0 #176a5a}
.lic-item__grip{display:grid;place-items:center;width:18px;color:#a3aba8;cursor:grab;flex:none}
.lic-item__grip .pn-i{width:15px;height:15px}
.lic-item__pick{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}
.lic-item__thumb{position:relative;width:44px;height:44px;flex:none;border-radius:8px;overflow:hidden;background:var(--pn-linen)}
.lic-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lic-item__num{position:absolute;left:3px;top:3px;min-width:16px;height:16px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font:700 .6rem/16px var(--pn-font-body);text-align:center}
.lic-item__copy{min-width:0}
.lic-item__copy b,.lic-item__copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lic-item__copy b{font-size:.75rem;font-weight:600;color:var(--pn-black)}
.lic-item__copy small{font-size:.65rem;color:var(--pn-muted);margin-top:.1rem}
.lic-item__controls{display:flex;align-items:center}
.lic-iconbtn{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:var(--pn-gray);cursor:pointer}
.lic-iconbtn .pn-i{width:15px;height:15px}
.lic-iconbtn:hover:not(:disabled){background:var(--pn-linen);color:var(--pn-black)}
.lic-iconbtn:disabled{opacity:.25;cursor:default}
.lic-iconbtn:focus-visible,.lic-item__pick:focus-visible,.lic-textbtn:focus-visible,.lic-shapes button:focus-visible,.lic-crop__frame:focus-visible{outline:3px solid var(--pn-yellow);outline-offset:2px}

/* verdict badges */
.lic-badge{flex:none;font-size:.62rem;font-weight:700;border-radius:999px;padding:.22rem .52rem;white-space:nowrap;background:var(--pn-linen);color:var(--pn-gray)}
.lic-badge--lg{font-size:.72rem;padding:.36rem .75rem}
.lic-badge--ready{background:#d9f4e9;color:#155f45}
.lic-badge--check{background:#fff4c2;color:#6a5300}
.lic-badge--fix{background:var(--pn-red-pale);color:var(--pn-red-ink)}

/* post details */
.lic-compose{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pn-line-soft);display:grid;gap:.6rem}
.lic-compose .pn-label{margin:0}
.lic-compose label{display:block}
.lic-compose label>span{display:block;font-size:.7rem;font-weight:600;color:var(--pn-charcoal);margin-bottom:.25rem}
.lic-compose__row{display:grid;grid-template-columns:1fr 1.4fr;gap:.6rem}
.lic-compose .pn-input,.lic-compose .pn-textarea{width:100%;font-size:.8rem;padding:.5rem .65rem}
.lic-compose .pn-textarea{min-height:96px;resize:vertical}
.lic-compose__note{font-size:.68rem;color:var(--pn-muted)}

/* feed preview */
.lic-preview__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.8rem}
.lic-preview__head .pn-seg button{display:inline-flex;align-items:center;gap:.35rem}
.lic-preview__head .pn-seg .pn-i{width:14px;height:14px}
.lic-preview__note{font-size:.7rem;color:var(--pn-muted);margin:.6rem 0 0}
.lic-stage{display:grid;place-items:start center;background:#f4f2ee;padding:1.1rem;border-radius:16px;min-height:520px}
#licFeed{width:100%;display:grid;justify-items:center}
.lic-post{width:min(100%,555px);background:#fff;color:rgba(0,0,0,.9);border-radius:10px;box-shadow:0 0 0 1px rgba(140,140,140,.2),0 4px 14px rgba(0,0,0,.05);overflow:hidden;font-family:-apple-system,system-ui,"Segoe UI",Roboto,Arial,sans-serif;transition:width .25s ease}
.lic-stage.is-mobile .lic-post{width:min(100%,375px);border-radius:0}
.lic-post .pn-i{width:16px;height:16px}
.lic-post__top{display:flex;gap:.55rem;padding:.75rem .9rem .35rem;align-items:flex-start}
.lic-avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:#2b5d52;color:#fff;font-weight:600;font-size:1.05rem}
.lic-post__who{flex:1;min-width:0}
.lic-post__who strong,.lic-post__who small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lic-post__who strong{font-size:.82rem;font-weight:600}
.lic-post__who small{color:rgba(0,0,0,.6);font-size:.68rem;line-height:1.35}
.lic-post__meta{display:flex!important;align-items:center;gap:.15rem}
.lic-post__meta .lic-ic .pn-i{width:11px;height:11px}
.lic-post__follow{display:inline-flex;align-items:center;gap:.15rem;color:#0a66c2;font-size:.78rem;font-weight:600;white-space:nowrap;padding-top:.15rem}
.lic-post__follow .pn-i{width:15px;height:15px}
.lic-post__more{color:rgba(0,0,0,.6);padding-top:.1rem}
.lic-ic{display:inline-grid;place-items:center}
.lic-post__copy{position:relative;padding:.2rem .9rem .7rem}
.lic-post__copy p{margin:0;font-size:.82rem;line-height:1.43;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.lic-stage.is-mobile .lic-post__copy p{-webkit-line-clamp:2}
.lic-post__seemore{display:none;position:absolute;right:.9rem;bottom:.7rem;font-size:.82rem;line-height:1.43;color:rgba(0,0,0,.6);background:linear-gradient(90deg,rgba(255,255,255,0),#fff 28%);padding-left:1.2rem}
.lic-post__copy.is-clamped .lic-post__seemore{display:block}
.lic-gallery{display:flex;flex-direction:column;gap:2px;background:#fff;max-width:100%}
.lic-gallery--row{flex-direction:row}
.lic-gallery--cols{display:grid;grid-template-columns:2fr 1fr;gap:2px}
.lic-gallery__row,.lic-gallery__col{display:flex;gap:2px;min-width:0;min-height:0}
.lic-gallery__col{flex-direction:column}
.lic-gallery__row .lic-tile{flex:1;min-width:0}
.lic-gallery__col .lic-tile{flex:1;min-height:0;aspect-ratio:auto!important}
.lic-gallery--cols .lic-tile--lead{aspect-ratio:auto!important;height:100%}
.lic-tile{position:relative;overflow:hidden;background:#eef0ec;cursor:pointer;min-width:0}
.lic-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lic-tile.is-selected::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #f5f439;pointer-events:none}
.lic-trim{position:absolute;left:.4rem;top:.4rem;display:inline-flex;align-items:center;gap:.25rem;font:600 .58rem var(--pn-font-body);color:#fff;background:rgba(162,35,26,.88);border-radius:999px;padding:.18rem .45rem;pointer-events:none}
.lic-trim .pn-i{width:10px!important;height:10px!important}
.lic-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:1.6rem;font-weight:600}
.lic-gallery-empty{display:grid;place-items:center;min-height:260px;color:#6b7672;font-size:.8rem;background:#f1f3ef}
.lic-post__stats{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:rgba(0,0,0,.6);padding:.5rem .9rem;border-bottom:1px solid #ebebeb}
.lic-post__stats>span:first-child{display:inline-flex;align-items:center;gap:.25rem}
.lic-like{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#378fe9;color:#fff}
.lic-like .pn-i{width:10px!important;height:10px!important}
.lic-post__react{display:flex;justify-content:space-around;padding:.3rem .3rem .35rem}
.lic-post__react span{display:inline-flex;align-items:center;gap:.35rem;color:rgba(0,0,0,.6);font-size:.76rem;font-weight:600;padding:.5rem .4rem;border-radius:4px}
.lic-post__react .pn-i{width:18px;height:18px}
.lic-stage.is-mobile .lic-post__react span{flex-direction:column;gap:.15rem;font-size:.62rem;padding:.35rem .2rem}

/* inspector */
.lic-inspector{border-top:1px solid var(--pn-line);padding:1.3rem 1.45rem 1.45rem;background:#fbfcf8}
.lic-inspector__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.lic-inspector__head h2{overflow-wrap:anywhere}
.lic-inspector__head p{font-size:var(--pn-xs);color:var(--pn-muted);margin:.25rem 0 0}
.lic-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0 .9rem}
.lic-metrics:empty{display:none}
.lic-metric{background:#fff;border:1px solid var(--pn-line);border-radius:12px;padding:.7rem .85rem;min-width:0}
.lic-metric strong,.lic-metric span{display:block;overflow-wrap:anywhere}
.lic-metric strong{font:400 1.25rem/1.2 var(--pn-font-display);color:var(--pn-black)}
.lic-metric span{font-size:.66rem;color:var(--pn-muted);margin-top:.2rem}
.lic-findings{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.2rem;list-style:none;margin:0;padding:0}
.lic-finding{display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;line-height:1.45;color:var(--pn-charcoal)}
.lic-finding__ic{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;flex:none;background:var(--pn-linen);color:var(--pn-gray)}
.lic-finding__ic .pn-i{width:12px;height:12px}
.lic-finding--good .lic-finding__ic{background:#d9f4e9;color:#146044}
.lic-finding--warn .lic-finding__ic{background:#fff4c2;color:#6a5300}
.lic-finding--bad .lic-finding__ic{background:var(--pn-red-pale);color:var(--pn-red-ink)}
.lic-fix{display:flex;gap:1.4rem;align-items:flex-start;margin-top:1.15rem;padding-top:1.15rem;border-top:1px solid var(--pn-line)}
.lic-crop{flex:0 0 340px;max-width:100%;display:flex;justify-content:center;align-items:center;min-height:180px;background:#eceee9;border-radius:14px;padding:12px}
.lic-crop__stage{position:relative;overflow:hidden;border-radius:6px;user-select:none;touch-action:none}
.lic-crop__stage[hidden]{display:none}
.lic-crop__stage img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}
.lic-crop__frame{position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 9999px rgba(15,23,42,.55);border-radius:2px}
.lic-crop__frame.is-movable{cursor:grab}
.lic-crop__frame.is-dragging{cursor:grabbing}
.lic-crop__frame i{position:absolute;border:0 solid rgba(255,255,255,.55);pointer-events:none}
.lic-crop__frame i:first-child{left:33.33%;right:33.33%;top:0;bottom:0;border-left-width:1px;border-right-width:1px}
.lic-crop__frame i:last-child{top:33.33%;bottom:33.33%;left:0;right:0;border-top-width:1px;border-bottom-width:1px}
.lic-crop__frame:not(.is-movable) i{display:none}
.lic-fix__controls{flex:1;min-width:0}
.lic-fix__controls .pn-label{display:block;margin-bottom:.5rem}
.lic-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}
.lic-shapes button{display:flex;flex-direction:column;align-items:center;gap:.25rem;font:inherit;color:var(--pn-charcoal);background:#fff;border:1px solid var(--pn-line);border-radius:12px;padding:.65rem .4rem;cursor:pointer;transition:border-color var(--pn-ease-fast),box-shadow var(--pn-ease-fast)}
.lic-shapes button:hover:not(:disabled){border-color:#9aa7a2}
.lic-shapes button[aria-pressed=true]{border-color:var(--pn-black);box-shadow:inset 0 0 0 1px var(--pn-black);color:var(--pn-black)}
.lic-shapes button:disabled{opacity:.4;cursor:not-allowed}
.lic-shapes b{font-size:.8rem;font-weight:700}
.lic-shapes small{font-size:.64rem;color:var(--pn-muted)}
.lic-shape{display:block;height:26px;border:2px solid currentColor;border-radius:3px;opacity:.6;margin-bottom:.15rem}
.lic-shapes button[aria-pressed=true] .lic-shape{opacity:1;background:var(--pn-yellow)}
.lic-shape--keep{width:26px;border-style:dashed}
.lic-shape--45{width:21px}.lic-shape--11{width:26px}.lic-shape--wide{width:40px;height:21px;margin-top:2.5px;margin-bottom:calc(.15rem + 2.5px)}
.lic-crop__hint{display:flex;align-items:center;gap:.35rem;font-size:var(--pn-xs);color:var(--pn-charcoal);margin:.75rem 0 .2rem}
.lic-out{font-size:var(--pn-xs);color:var(--pn-muted);margin:0 0 .8rem}
.lic-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.lic-actions .pn-btn{display:inline-flex;align-items:center;gap:.45rem}
.lic-actions .pn-btn[hidden]{display:none}
.lic-actions .pn-i{width:16px;height:16px}
.lic-actions .pn-btn:disabled{opacity:.55;cursor:progress}
.lic-fix__note{display:block;font-size:.68rem;color:var(--pn-muted);margin-top:.6rem;line-height:1.5}
.lic-tool.is-empty .lic-fix{opacity:.5;pointer-events:none}

/* whole-tool drop overlay */
.lic-dropzone{position:absolute;inset:8px;z-index:6;display:none;place-items:center;border:2px dashed #176a5a;border-radius:18px;background:rgba(236,248,244,.94);pointer-events:none}
.lic-dropzone div{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.lic-dropzone .pn-i{width:34px;height:34px;color:#176a5a}
.lic-dropzone b{font-size:1.15rem}
.lic-tool.is-dragover .lic-dropzone{display:grid}

/* section art */
.licx-phones{position:relative;z-index:1;display:flex;gap:1.2rem;justify-content:center}
.licx-phones figure{margin:0;text-align:center}
.licx-phone{width:132px;height:236px;background:#fff;border:6px solid #1d2321;border-radius:22px;padding:14px 0 0;overflow:hidden;box-shadow:var(--pn-shadow-card);display:flex;flex-direction:column;gap:6px}
.licx-bar{display:block;height:8px;margin:0 12px;border-radius:4px;background:#e4e8e4}
.licx-img{display:grid;place-items:center;width:100%;background:linear-gradient(150deg,#123b35 55%,#f5f439 55%);color:#fff}
.licx-img b{font:600 .85rem var(--pn-font-body);background:rgba(0,0,0,.35);border-radius:6px;padding:.1rem .4rem}
.licx-img--45{aspect-ratio:4/5}.licx-img--169{aspect-ratio:16/9}
.licx-line{display:block;height:6px;margin:2px 12px 0;border-radius:3px;background:#e4e8e4}
.licx-line--short{width:50%}
.licx-phones figcaption{font-size:.7rem;color:var(--pn-charcoal);margin-top:.6rem;line-height:1.4}
.licx-phones figcaption b{display:block;font-size:.8rem;color:var(--pn-black)}
.licx-cut{position:relative;z-index:1;text-align:center}
.licx-cut__img{width:160px;aspect-ratio:9/16;margin:0 auto;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:linear-gradient(170deg,#123b35,#2b6d60);box-shadow:var(--pn-shadow-card)}
.licx-cut__off{flex:1;display:grid;place-items:center;font:600 .62rem var(--pn-font-body);color:#fff;background:repeating-linear-gradient(135deg,rgba(162,35,26,.75) 0 6px,rgba(162,35,26,.55) 6px 12px)}
.licx-cut__keep{flex:none;aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#fff;font-size:.68rem;border:2px solid var(--pn-yellow)}
.licx-cut__keep b{font:400 1.4rem var(--pn-font-display);color:var(--pn-yellow)}
.licx-cut p{font-size:.72rem;color:var(--pn-charcoal);margin:.7rem 0 0}
.licx-layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.licx-layouts>div{background:#fff;border:1px solid var(--pn-line);border-radius:16px;padding:1rem}
.licx-layouts b{display:block;font-size:.88rem;font-weight:600;margin-top:.75rem}
.licx-layouts p{font-size:.78rem;color:var(--pn-muted);margin:.2rem 0 0}
.licx-layout{display:grid;gap:3px;height:170px;border-radius:8px;overflow:hidden}
.licx-layout i{font:600 .95rem var(--pn-font-body);font-style:normal;display:grid;place-items:center;background:#abd5c3;color:#173e36}
.licx-layout i:first-child{background:#1b554a;color:#fff}
.licx-layout i:last-child:not(:nth-child(2)){background:#3d4a46;color:#fff}
.licx-layout--two{grid-template-columns:1.25fr 1fr;width:86%;margin:0 auto}
.licx-layout--two i:last-child{background:#abd5c3!important;color:#173e36!important}
.licx-layout--wide{grid-template-columns:repeat(3,1fr);grid-template-rows:1.8fr 1fr}
.licx-layout--wide i:first-child{grid-column:1/-1}
.licx-layout--portrait{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}
.licx-layout--portrait i:first-child{grid-row:1/-1}
.licx-type{position:relative;z-index:1;background:#17463c;border-radius:14px;padding:1.5rem;color:#fff;width:min(100%,360px);box-shadow:var(--pn-shadow-card)}
.licx-type span,.licx-type small{font-size:.65rem;color:#a8d2bf}
.licx-type b{display:block;font:400 2.4rem/1.05 var(--pn-font-display);margin:.7rem 0 1.1rem;color:var(--pn-yellow)}
.licx-type small{display:block;border-top:1px solid #427262;padding-top:.7rem}
.licx-type strong{display:block;font-size:.8rem;margin-top:.3rem}

@media(max-width:980px){.lic-columns{grid-template-columns:1fr}.lic-input{border-right:0;border-bottom:1px solid var(--pn-line)}.lic-metrics{grid-template-columns:repeat(2,1fr)}.lic-fix{flex-direction:column}.lic-crop{flex:none;width:100%}}
@media(max-width:700px){.licx-layouts{grid-template-columns:1fr}}
@media(max-width:600px){
  .lic-top,.lic-input,.lic-preview,.lic-inspector{padding-left:1rem;padding-right:1rem}
  .lic-status{padding-left:1rem;padding-right:1rem}
  .lic-drop{min-width:0;flex-wrap:wrap}.lic-drop__btn{width:100%;text-align:center}
  .lic-stage{padding:.6rem 0;min-height:420px;border-radius:12px}
  .lic-findings{grid-template-columns:1fr}
  .lic-compose__row{grid-template-columns:1fr}
  .lic-shapes{grid-template-columns:repeat(2,1fr)}
  .lic-actions .pn-btn{width:100%;justify-content:center}
  .lic-badge:not(.lic-badge--lg){display:none}
  .licx-phones{gap:.7rem}.licx-phone{width:112px;height:200px}
}