.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.x-chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:6px 12px;font:inherit;font-size:.84rem;cursor:pointer}
.x-chip.x-on{border-color:var(--o);color:var(--head);box-shadow:inset 0 0 0 1px var(--o)}
.x-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
.x-form label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--muted);min-width:0}
.x-form select,.x-form input,.x-row input,.x-row select{font:inherit;font-size:.88rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);min-width:0;width:100%;box-sizing:border-box}
.x-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.x-row input,.x-row select{flex:1 1 140px;width:auto}
.x-ck{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;margin:6px 0;color:var(--text)}
.x-files{display:grid;gap:6px}
.x-file{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px dashed var(--line);background:var(--bg2);color:var(--text);border-radius:8px;padding:8px 10px;font:inherit;font-size:.84rem;cursor:pointer;overflow-wrap:anywhere;min-width:0}
.x-file.x-on{border-color:var(--o);border-style:solid}
.x-file small{color:var(--muted);flex:none}
.x-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0;background:var(--card);font-size:.86rem;overflow-wrap:anywhere}
.x-box.x-bad{border-color:var(--o)}
.x-box ul{margin:6px 0;padding-left:18px;font-size:.83rem}
.x-box li span{display:block;color:var(--muted);font-size:.8rem}
.x-phone{border:2px solid var(--line);border-radius:22px;padding:12px 14px 14px;background:var(--card);max-width:340px;margin:0 auto 12px;overflow-wrap:anywhere;color:var(--text)}
.x-phone b{color:var(--head)}
.x-ph-top{font-size:.7rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.x-pr{width:100%;border-collapse:collapse;font-size:.84rem;margin:6px 0}
.x-pr td{padding:4px 0;border-bottom:1px solid var(--line);vertical-align:top}
.x-pr td+td{text-align:right;padding-left:8px;white-space:nowrap}
.x-pr tr:last-child td{font-weight:700;color:var(--head);border:0}
.x-tag{display:inline-block;font-size:.76rem;padding:4px 10px;border-radius:99px;background:var(--bg2);color:var(--text);margin:4px 0}
.x-tag.x-ok{color:var(--head);box-shadow:inset 0 0 0 1px var(--line)}
.x-tag.x-bad{color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-done{border:1px solid var(--o);border-radius:10px;padding:10px 12px;margin:0 0 12px;background:var(--bg2);font-size:.86rem}
.x-art{position:relative;aspect-ratio:3/2;border-radius:4px;background:linear-gradient(135deg,#1f6f8b,#e0793a);color:#fff4d6;padding:14% 10% 0;cursor:crosshair;overflow:hidden;box-sizing:border-box;margin-bottom:6px}
.x-art.x-a-cards{aspect-ratio:90/55;background:linear-gradient(135deg,#2c5f4e,#7fb38f)}
.x-art.x-a-stickers{background:linear-gradient(135deg,#8e3fa8,#e0793a)}
.x-art b{display:block;font-size:1.15rem;color:#fff4d6}
.x-art small{display:block;font-size:.74rem;opacity:.85}
.x-art em{position:absolute;right:12px;top:10px;font-size:.7rem;font-style:normal}
.x-bleed{position:absolute;inset:6px;border:1px dashed rgba(255,244,214,.6);pointer-events:none}
.x-mob{display:block;font-style:normal;font-size:.82rem;margin-top:6px}
.x-pin{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--o);color:var(--deep);font-size:.72rem;font-weight:700;display:grid;place-items:center;text-decoration:none;box-shadow:0 0 0 2px rgba(255,244,214,.8)}
.x-pin.x-new{width:26px;height:26px;box-shadow:0 0 0 4px rgba(255,244,214,.5)}
.x-cm{margin:6px 0;padding-left:20px;font-size:.84rem}
.x-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.x-col{background:var(--bg2);border-radius:10px;padding:8px;min-width:0}
.x-col h4{margin:0 0 6px;font-size:.8rem;color:var(--head);display:flex;justify-content:space-between;gap:4px}
.x-job{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px;font-size:.8rem;overflow-wrap:anywhere}
.x-job.x-rush{border-left:4px solid var(--o)}
.x-job p{margin:3px 0 2px;font-weight:600;color:var(--head)}
.x-job small{display:block;color:var(--muted)}
.x-job .btn{margin-top:6px;width:100%;font-size:.76rem;padding:6px 8px}
.x-jh{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between}
.x-jh b{color:var(--head)}
.x-jh em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--o)}
.x-jh span{font-size:.74rem;color:var(--muted)}
.x-job .x-warn,.x-warn{color:var(--o);font-weight:600;font-size:.82rem}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:.84rem;color:var(--text);overflow-wrap:anywhere}
.x-steps{list-style:none;padding:0;margin:8px 0;display:grid;gap:5px}
.x-steps li{font-size:.82rem;color:var(--muted);padding-left:22px;position:relative}
.x-steps li::before{content:'';position:absolute;left:3px;top:4px;width:9px;height:9px;border-radius:50%;border:2px solid var(--line)}
.x-steps li.x-d{color:var(--text)}
.x-steps li.x-d::before{background:var(--o);border-color:var(--o)}
.x-steps li.x-now{color:var(--head);font-weight:700}
.x-steps li.x-now::before{border-color:var(--o)}
.x-stock{list-style:none;padding:0;margin:0 0 10px}
.x-stock li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:.82rem}
.x-stock li .dk-cap,.x-stock li .btn{grid-column:1/-1}
.x-stock li .btn{justify-self:start;font-size:.76rem;padding:5px 10px}
.x-stock li.x-low b{color:var(--o)}
.x-acct{border:1px solid var(--line);border-left:5px solid var(--b);border-radius:10px;padding:10px 12px;background:var(--card);margin-bottom:10px}
.x-acct .x-jh b{font-size:1rem}
.x-saved{list-style:none;padding:0;margin:0 0 8px}
.x-saved li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:.84rem;overflow-wrap:anywhere}
.x-saved li>div{min-width:0}
.x-saved small{display:block;color:var(--muted)}
.x-saved .btn{flex:none}
.x-tpl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:start;margin-bottom:8px}
.x-tpl .x-form{grid-template-columns:minmax(0,1fr)}
.x-card{position:relative;display:flex;gap:10px;aspect-ratio:90/55;border:1px solid var(--line);border-top:6px solid var(--b);border-radius:6px;padding:12px;background:var(--card);box-sizing:border-box;overflow:hidden;overflow-wrap:anywhere}
.x-card b{display:block;color:var(--head)}
.x-card span,.x-card small{display:block;font-size:.74rem;color:var(--muted)}
.x-logo{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff4d6;font-weight:700;font-size:.8rem;flex:none}
.x-lock{position:absolute;bottom:5px;right:8px;font-size:.6rem;color:var(--muted);font-style:normal}
.x-quote{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card);font-size:.85rem;margin-bottom:12px;overflow-wrap:anywhere}
.x-quote .x-phone{margin-top:10px}
@media (max-width:900px){.x-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.x-board,.x-form,.x-tpl{grid-template-columns:minmax(0,1fr)}.x-phone{border-radius:16px}.x-saved li{flex-wrap:wrap}}