.x-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 14px;min-width:0}
.x-row,.x-ord{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.x-rm{min-width:0;flex:1 1 200px}
.x-rm b,.x-rm small{display:block;overflow-wrap:anywhere}
.x-rm small{color:var(--muted);font-size:.8rem}
.x-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.x-tag{font-style:normal;font-size:.72rem;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-tag.x-g{background:var(--bg2);color:var(--head)}
.x-tag.x-w{border-color:var(--o);color:var(--o)}
.x-dm{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.85rem}
.x-dm em{grid-row:span 2;font-style:normal;font-size:.68rem;padding:2px 7px;border-radius:6px;background:var(--bg2);color:var(--muted);align-self:start}
.x-dm span{color:var(--text);overflow-wrap:anywhere}
.x-run{margin:10px 0}
.x-run .dk-prog{margin-top:8px}
.x-wxh{display:flex;gap:10px;align-items:center}
.x-wxh b,.x-wxh small{display:block}
.x-big{font-size:2rem;line-height:1}
.x-form label{display:block;font-size:.8rem;color:var(--muted);margin:8px 0 0}
.x-form input,.x-form select{display:block;width:100%;box-sizing:border-box;margin-top:3px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem;min-width:0}
.x-fh{margin:2px 0 4px;color:var(--head);font-size:1.05rem}
.x-gentle{border-color:var(--muted)}
.x-gentle .x-fh{font-weight:500}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 8px}
.x-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;margin:6px 0}
.x-sum{background:var(--bg2);border-radius:10px;padding:10px;margin:12px 0;font-size:.85rem;color:var(--text);overflow-wrap:anywhere}
.x-ph{max-width:290px;margin:0 auto 14px;border:2px solid var(--line);border-radius:26px;padding:14px 12px;background:var(--bg2)}
.x-phh{text-align:center;font-size:.7rem;color:var(--muted);margin:4px 0 8px;overflow-wrap:anywhere}
.x-sms{background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px;font-size:.82rem;color:var(--text);overflow-wrap:anywhere}
.x-mp{background:var(--card);border-radius:12px;padding:12px;text-align:center}
.x-mp b,.x-mp small{display:block}
.x-mp small{color:var(--muted);font-size:.75rem}
.x-left{font-weight:600;color:var(--o);margin:8px 0}
.x-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.x-chips span,.x-wl{font-size:.75rem;padding:4px 8px;border-radius:8px;border:1px solid var(--o);color:var(--head)}
.x-wl{display:inline-block;margin-top:6px}
.x-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:10px 0}
.x-slot{text-align:left;padding:7px 8px;border:1px dashed var(--o);border-radius:8px;background:var(--card);color:var(--text);font:inherit;cursor:pointer;min-width:0}
.x-slot b{display:block;font-size:.82rem;color:var(--head)}
.x-slot small{display:block;font-size:.68rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.25}
.x-slot.x-tk{border-style:solid;border-color:var(--line);background:var(--bg2)}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:8px 0}
.x-btns .x-run{margin:0}
.x-plist{display:grid;gap:6px;margin-bottom:10px}
.x-pet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font:inherit;cursor:pointer}
.x-pet b{overflow-wrap:anywhere;color:var(--head)}
.x-pet small{grid-column:1;color:var(--muted);font-size:.76rem}
.x-pet em{grid-row:1/3;grid-column:2;align-self:center}
.x-pet.x-on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-sheet dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;margin:10px 0;font-size:.88rem}
.x-sheet dt{color:var(--muted)}
.x-sheet dd{margin:0;overflow-wrap:anywhere}
.x-warn{border-left:3px solid var(--o);padding:6px 10px;background:var(--bg2);font-size:.82rem;margin:8px 0;border-radius:0 8px 8px 0}
.x-shots{list-style:none;padding:0;margin:6px 0 10px;font-size:.86rem}
.x-shots li{padding:3px 0;overflow-wrap:anywhere}
.x-inl{display:flex;gap:6px}
.x-inl input{margin:0;flex:1}
.x-ms{list-style:none;padding:0;margin:0 0 10px}
.x-ms li{padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.x-ms small{display:block;color:var(--muted);font-size:.76rem}
.x-meta{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
.x-meta span{font-size:.74rem;padding:3px 8px;border-radius:8px;background:var(--bg2);color:var(--text)}
.x-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.x-tile{position:relative;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:1.6rem;cursor:pointer;overflow:hidden;outline:2px solid transparent;outline-offset:2px}
.x-tile.x-on{outline-color:var(--o)}
.x-tile i{position:absolute;bottom:3px;left:5px;font-size:.52rem;font-style:normal;letter-spacing:.08em;color:var(--card);opacity:.85}
.x-heart{position:absolute;top:4px;right:4px;border:0;border-radius:99px;width:24px;height:24px;padding:0;background:var(--card);color:var(--muted);cursor:pointer;font-size:.8rem;line-height:24px}
.x-heart.x-fav{color:var(--o)}
.x-room{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--bg2);height:230px}
.x-wall{position:absolute;left:0;right:0;top:0;bottom:36%;display:flex;align-items:center;justify-content:center}
.x-art{display:grid;place-items:center;font-size:1.3rem;box-sizing:border-box;transition:width .3s}
.x-art.x-frame{border:5px solid var(--head)}
.x-art.x-print{border:6px solid var(--card);outline:1px solid var(--line)}
.x-art.x-canvas{box-shadow:4px 5px 0 var(--line),6px 10px 16px rgba(0,0,0,.22)}
.x-couch{position:absolute;left:18%;right:18%;bottom:14%;height:22%;background:var(--muted);opacity:.5;border-radius:14px 14px 4px 4px}
.x-floor{position:absolute;left:0;right:0;bottom:0;height:14%;background:var(--line)}
.x-cap{position:absolute;right:8px;bottom:3px;font-size:.68rem;color:var(--muted)}
.x-steps{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.x-steps i{width:20px;height:6px;border-radius:3px;background:var(--line)}
.x-steps i.x-d{background:var(--o)}
.x-steps span{margin-left:4px}
@media (max-width:560px){
.x-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.x-room{height:190px}
.x-r2,.x-r3{grid-template-columns:minmax(0,1fr)}
.x-slots{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.x-ord .btn,.x-row .btn{width:100%}
}