/* Independent WebP artwork; all workflow labels and frames are native HTML/SVG. */
.cap-card .cap-example{aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#f4f8fd}
.cap-example img{display:block;width:100%;height:100%;object-fit:contain}
.cap-card .cap-enter{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#1264ed;font-size:12px;font-weight:600}
.cap-enter .icon{width:18px;height:18px}.cap-card:focus-visible{outline:3px solid #1264ed;outline-offset:3px}
.design-art{min-width:0;width:100%;overflow:hidden;position:relative;background:#f5f9ff}
.design-art>img{display:block;width:100%;height:100%;object-fit:contain}
.art-hero{aspect-ratio:628/476}.art-hero>img{object-fit:cover}
.art-text,.art-edit,.art-extract,.art-product{aspect-ratio:218/132}
.art-sail,.art-whale,.art-lighthouse{aspect-ratio:306/181}
.art-tee,.art-hoodie,.art-tote{aspect-ratio:190/141}
.art-sample-print,.art-sample-shirt{aspect-ratio:1}
.art-desktop-window{aspect-ratio:538/336}.art-web-preview,.art-app-preview{aspect-ratio:304/215}
.art-watch,.art-save{aspect-ratio:294/140}.art-queue{aspect-ratio:291/160}
.asset-thumbs{display:flex;gap:4px;height:100%;min-width:0;align-items:center}
.asset-thumbs img{width:calc((100% - 8px)/3);height:100%;min-width:0;object-fit:contain;border-radius:4px}
.asset-text{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:100%;gap:4px;padding:7px;background:#f7fbff}
.asset-text img{width:100%;min-width:0}.asset-text small{font-size:9px;color:#7790b3}.asset-text p{font-size:10px!important;margin:7px 0!important}.asset-action{display:block;background:#176bff;color:white;border-radius:3px;padding:5px;font-size:9px;text-align:center}
.asset-window{height:100%;background:white;border:1px solid #dae7fc;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;font-size:clamp(8px,.8vw,12px)}
.asset-title{display:flex;align-items:center;gap:7px;padding:3% 4%;border-bottom:1px solid #e3edff;background:#fcfdff;flex-shrink:0}.asset-title .icon{width:18px;height:18px;color:#196bff}.asset-title span{margin-left:auto;font-size:.8em;color:#8a9db6}
.asset-window-body{display:grid;grid-template-columns:24% 76%;flex:1;min-height:0}
.asset-nav{background:#f0f6ff;padding:16% 9%;display:flex;flex-direction:column;gap:14%;color:#6783ac;font-size:.9em}.asset-nav .icon{color:#286fff}.asset-nav b{color:#1264ed}
.asset-content{padding:5%;display:flex;flex-direction:column;gap:8%;min-height:0}.asset-content>.asset-thumbs{flex:1;min-height:0}.asset-status{font-size:.8em;display:flex;align-items:center;gap:5px;color:#527bab}.asset-status .icon{width:14px;height:14px;color:#21a084}.asset-progress{height:4px;background:linear-gradient(90deg,#3b88ff 70%,#edf4ff 70%);border-radius:5px}
.asset-transfer{height:100%;display:flex;align-items:center;gap:8%;padding:8% 5%}.asset-transfer>.icon{width:22px;color:#4586f2}.asset-transfer>.asset-thumbs{flex:1;min-width:0;flex-wrap:wrap;gap:3px}.asset-transfer .asset-thumbs img{width:calc(50% - 3px);height:48%}.asset-folder{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;color:#5081c5}.asset-folder .icon{width:50px;height:50px;fill:#d7e9ff;stroke:#6ca2f6}.asset-folder small{font-size:10px}
.asset-queue{display:flex;flex-direction:column;justify-content:center;height:100%;gap:8px;padding:5%}.asset-queue>div{display:flex;align-items:center;gap:8px;background:white;padding:8px;border-radius:5px;border:1px solid #e3edfa;font-size:10px}.asset-queue .icon{width:17px;height:17px;color:#548cff}.asset-queue small{margin-left:auto;color:#6993ce;font-size:9px}.asset-queue i{width:6px;height:6px;background:#74acfa;border-radius:50%}
@media(max-width:760px){.asset-window{font-size:8px}.asset-text{padding:4px}.asset-text small,.asset-text p,.asset-action{font-size:8px!important}.asset-text p{margin:3px 0!important}.asset-nav{gap:10%}.asset-title .icon{width:14px;height:14px}}