.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.x-box,.x-form{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px}
.x-form{display:grid;gap:8px;margin-top:12px}
.x-box h4,.x-form h4{margin:0;color:var(--head);font-size:15px}
.x-form input,.x-form select,.x-up select,.x-art select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:14px}
.x-gift{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text)}
.x-gift input{width:auto}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-tot{font-size:13px;color:var(--text)}
.x-tot b{color:var(--head)}
.x-bad{color:var(--o);font-size:13px;margin:0;font-weight:600}
.x-c{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;display:inline-block}
.x-c.x-g{color:#2e9e5b;border-color:#2e9e5b}
.x-c.x-r{color:var(--o);border-color:var(--o)}
.x-dl{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);margin-bottom:12px;font-size:14px;color:var(--text)}
.x-dl b{color:var(--head)}
.x-dlp{flex:1 1 160px;min-width:0}
.x-dlp small{font-size:12px;color:var(--muted)}
.x-art{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--card)}
.x-art.x-on{border-color:var(--o)}
.x-at{background:none;border:0;padding:0;text-align:left;cursor:pointer;min-width:0;overflow-wrap:anywhere;font:inherit;color:var(--text)}
.x-at b{display:block;color:var(--head);font-size:14px}
.x-at small{color:var(--muted);font-size:12px}
.x-phone{max-width:300px;margin:0 auto 16px;border:8px solid var(--deep);border-radius:28px;background:var(--card);padding:14px;color:var(--text);font-size:13px;overflow-wrap:anywhere}
.x-phone h4{margin:6px 0 2px;color:var(--head);font-size:16px;line-height:1.25}
.x-pht{font-size:11px;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:6px}
.x-fade{position:relative;max-height:66px;overflow:hidden}
.x-fade::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,var(--card))}
.x-wall{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;text-align:center;display:grid;gap:6px}
.x-wall b{color:var(--head)}
.x-wall p{margin:0}
.x-pnote{color:var(--o);font-weight:600;font-size:12px}
.x-bi,.x-sub{display:flex;align-items:center;gap:8px 10px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.x-bi>div,.x-sub>div{flex:1 1 170px;min-width:0;overflow-wrap:anywhere}
.x-bi b,.x-sub b{display:block;color:var(--head);font-size:14px}
.x-bi small,.x-sub small{display:block;color:var(--muted);font-size:12px}
.x-cov{width:26px;height:36px;border-radius:3px;flex:none;background:hsl(var(--h) 45% 50%);border:1px solid var(--line)}
.x-csv{font-family:ui-monospace,monospace;font-size:11px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px;margin:8px 0;overflow-x:auto;white-space:pre;color:var(--text)}
.x-grid{overflow-x:auto;margin-bottom:6px}
.x-grid table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}
.x-grid th{text-align:left;color:var(--muted);font-weight:600;padding:4px}
.x-grid td{padding:3px 4px;border-top:1px solid var(--line)}
.x-grid td small{display:block;font-size:11px;color:var(--muted)}
.x-cell{width:100%;min-width:56px;padding:6px 4px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font:inherit;font-size:12px;cursor:pointer}
.x-cell.x-full{background:var(--bg2);color:var(--muted);text-decoration:line-through}
.x-cell.x-sel{border-color:var(--o);box-shadow:0 0 0 2px var(--o)}
.x-bk,.x-st{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;background:var(--card);display:grid;gap:6px;overflow-wrap:anywhere}
.x-bk .x-row{margin:0}
.x-bh{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.x-bh b{color:var(--head);font-size:14px}
.x-chips{display:flex;flex-wrap:wrap;gap:4px}
.x-up{display:flex;gap:6px;flex-wrap:wrap}
.x-up select{flex:1 1 160px;width:auto}
.x-checks{list-style:none;margin:0;padding:0;font-size:12px;display:grid;gap:2px}
.x-checks .x-ok{color:#2e9e5b}
.x-checks .x-no{color:var(--o);font-weight:600}
.x-flat{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:8px}
.x-pg{border:1px solid var(--line);border-radius:6px;background:var(--card);min-height:88px;display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:10px;line-height:1.2;color:var(--text)}
.x-pn{position:absolute;top:2px;left:4px;font-size:9px;color:var(--muted);font-weight:700}
.x-pf,.x-pa{flex:1;padding:14px 4px 4px;overflow:hidden;overflow-wrap:anywhere}
.x-pg .x-pf+.x-pa{flex:0 0 42%;padding-top:4px;border-top:1px dashed var(--line)}
.x-fix{background:var(--bg2);color:var(--muted)}
.x-s0,.x-s1{background:var(--bg2)}
.x-s2,.x-s3{background:color-mix(in srgb,#2e9e5b 12%,transparent)}
.x-s4{background:color-mix(in srgb,#2e9e5b 26%,transparent)}
.x-aok{background:color-mix(in srgb,var(--o) 30%,transparent)}
.x-await{background:color-mix(in srgb,var(--o) 10%,transparent);outline:1px dashed var(--o);outline-offset:-3px}
.x-house{background:var(--bg2);color:var(--muted);font-style:italic}
.x-pg .x-empty,.x-key .x-empty{color:var(--o);outline:1px dashed var(--o);outline-offset:-3px}
.x-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin-bottom:10px}
.x-key span{display:flex;align-items:center;gap:5px}
.x-key i{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid var(--line)}
.x-stg{display:flex;flex-wrap:wrap;gap:3px}
.x-stg i{font-style:normal;font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg2);color:var(--muted)}
.x-stg i.x-on{background:var(--o);color:var(--card)}
.x-st .btn,.x-bk .btn{justify-self:start}
@media (max-width:560px){
.x-flat{grid-template-columns:repeat(4,minmax(0,1fr))}
.x-r2,.x-art{grid-template-columns:minmax(0,1fr)}
.x-phone{max-width:100%}
}