.ld-panel{margin:0 0 18px}.ld-panel>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;list-style:none}
.ld-panel>summary::-webkit-details-marker{display:none}.ld-sum-t{font-weight:700;font-size:1.05rem}.ld-sum-s{font-size:.82rem;opacity:.75}
.ld-usage{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:.82rem}.ld-bar{flex:1;max-width:280px;height:8px;border-radius:5px;background:rgba(127,127,127,.25);overflow:hidden}
.ld-bar i{display:block;height:100%;background:#3a9;border-radius:5px;transition:width .3s}.ld-bar i.ld-warm{background:#e6a23c}.ld-bar i.ld-hot{background:#d9534f}
.ld-add,.ld-acts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}.ld-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none}
.ld-tools{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.ld-tools input[type=search]{flex:1 1 220px}
.ld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ld-card{position:relative;border:1px solid rgba(127,127,127,.3);border-radius:10px;overflow:hidden;cursor:pointer;background:rgba(127,127,127,.06)}
.ld-card:hover,.ld-card:focus{outline:2px solid #ff9d48}.ld-card.ld-err{border-color:#d9534f}
.ld-thumb{height:150px;display:flex;align-items:center;justify-content:center;background:#ddd;overflow:hidden}.ld-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.ld-thumb span{font-size:2rem}.ld-ct{padding:8px;display:flex;flex-direction:column;gap:3px}.ld-ct b{font-size:.9rem;line-height:1.2}
.ld-ct small{font-size:.75rem;opacity:.8}.ld-snip{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ld-chip{display:inline-block;align-self:flex-start;font-size:.7rem;padding:1px 7px;border-radius:9px;background:rgba(255,157,72,.2);margin-left:4px}
.ld-pick{position:absolute;top:6px;left:6px;background:rgba(255,255,255,.9);border-radius:5px;padding:2px 4px;z-index:1}
.ld-st{color:#c77d00}.ld-warn{color:#d9534f}.ld-disc{margin-top:10px}
.ld-dlg{width:min(1100px,96vw);max-height:92vh;border:none;border-radius:12px;padding:0}.ld-dlg::backdrop{background:rgba(0,0,0,.45)}
.ld-head{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-bottom:1px solid rgba(127,127,127,.25);position:sticky;top:0;background:inherit;z-index:2}
.ld-head h3{margin:0}.ld-body{padding:14px 16px}.ld-detail{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.ld-detail{grid-template-columns:1fr}}
.ld-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 12px;margin:8px 0}.ld-form label{display:flex;flex-direction:column;gap:3px;font-size:.82rem}
.ld-wide{grid-column:1/-1}.ld-chk{flex-direction:row!important;align-items:center;gap:6px!important}.ld-link{border:1px solid rgba(127,127,127,.3);border-radius:8px;display:flex;flex-direction:column;gap:4px}
.ld-link label{flex-direction:row!important;gap:6px!important;align-items:center}
.ld-files{margin:0 0 6px;padding-left:20px;font-size:.85rem}.ld-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.ld-sec{border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:10px;margin:8px 0}.ld-sec-h{display:flex;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.ld-sec textarea{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;box-sizing:border-box}
.ld-disc-box{background:rgba(230,162,60,.15);border-left:4px solid #e6a23c;padding:6px 8px;font-size:.8rem;margin:4px 0 8px}
.ld-tbl{overflow-x:auto}.ld-tbl table{border-collapse:collapse;font-size:.8rem;width:100%}.ld-tbl th,.ld-tbl td{border-bottom:1px solid rgba(127,127,127,.25);padding:4px 6px;text-align:left}
.ld-warns{color:#c77d00;font-size:.8rem;padding-left:18px}.ld-sketch{width:200px;height:200px;border:1px dashed rgba(127,127,127,.4);border-radius:8px;margin-top:6px}
.ld-metes{font-size:.82rem}.ld-del{color:#d9534f;margin-left:auto}
/* narrow screens: never let the detail columns overflow the dialog */
.ld-detail>*,.ld-sec{min-width:0}
.ld-form{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.ld-form input,.ld-form select,.ld-form textarea{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
@media(max-width:520px){.ld-dlg{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}}
.ld-link label,.ld-form label.ld-chk{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;text-align:left}
.ld-link input[type=radio],.ld-chk input[type=checkbox]{width:auto!important;flex:0 0 auto;margin:0}
.ld-link label>span,.ld-chk>span{flex:1 1 auto}
