/* Wyniki i eksport, Packshoty, Integracje / Wearfits. */
.lbl .mut{font-weight:600}

/* outputs */
.out-preview .sp{height:420px;background-size:68% auto}
.out-preview>.chip{position:absolute;left:32px;top:32px}
.out-tbl{min-width:480px}
.out-hint{padding:12px 24px 20px;margin:0}
.out-wait{flex:none}
.wf-card{position:relative;overflow:hidden}
.wf-card>div:last-child{position:relative}
.wf-card .flare{width:220px;height:220px;right:-80px;top:-80px;background:radial-gradient(circle,rgba(205,245,100,.8) 0%,rgba(205,245,100,0) 70%)}
.wf-card h2{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:12px 0 6px}
.wf-card p{color:#B9BAD3;font-size:13px}
.wf-card .btn{margin-top:16px;width:100%}

/* packshots */
.ps-split{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;align-items:flex-start}
.ps-settings{flex:1 1 320px;max-width:360px;min-width:0;gap:22px}
.ps-settings .row{gap:8px}
.pill.off{color:var(--mut);background:#FAFAFD;border-style:dashed}
.ps-main{flex:999 1 560px;min-width:0;gap:16px}
.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.ps-frame{padding:12px}
.ps-frame .sp{aspect-ratio:4/5;position:relative;background-size:70% auto;background-position:center}
.ps-frame .sp.bg-white{background-color:#fff;border:1px solid var(--line)}
.ps-frame .sp.bg-black{background-color:#2A2C55}
.ps-frame .sp.bg-transparent{background-color:#EDEDF3}
.ps-frame .chip{position:absolute;left:12px;top:12px}
.ps-meta{padding:12px 6px 4px}
.ps-empty{margin-top:16px}

/* integrations / wearfits */
.int-hero{position:relative;overflow:hidden;padding:32px}
.int-hero .flare.a{width:420px;height:420px;right:-120px;top:-160px;background:radial-gradient(circle,#6C5CFF 0%,rgba(108,92,255,0) 68%)}
.int-hero .flare.b{width:200px;height:200px;right:140px;bottom:-110px;background:radial-gradient(circle,rgba(205,245,100,.8) 0%,rgba(205,245,100,0) 70%)}
.int-hero-body{position:relative;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:center}
.int-hero-text{max-width:560px}
.int-hero .badge .d{background:var(--lime)}
.int-hero h2{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:16px 0 8px}
.int-hero p{color:#B9BAD3}
.int-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.int-side .sub{font-size:13px;margin:10px 0 14px}
.int-ico{color:var(--acc)}
.wf-steps>.sub{margin:6px 0 10px}
.wf-steps .step{padding:16px 0}
.wf-steps .note{margin-top:12px}
.wf-act{margin-top:16px}
.job-side .code{white-space:pre-wrap;word-break:break-word;font-size:12px}

/* Verified account results; no illustrative model or eager binary loads. */
.account-preview-card{margin-top:20px}
.account-preview-card [data-account-viewer]{margin-top:16px}
.account-artifacts{width:100%;min-width:620px}
.account-artifacts .sub{font-size:12px}
.account-artifacts .btn{white-space:nowrap}
.account-report-card{margin-top:16px}
.account-queue-filter{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,2fr) auto;gap:14px;align-items:end;margin:18px 0}
.account-queue-filter .row{padding-bottom:1px}
.account-queue-pager{margin:18px 0 4px;gap:8px}
@media (max-width:700px){
  .account-queue-filter{grid-template-columns:1fr}
  .account-queue-filter .row{padding:0}
  .account-queue-pager .btn{flex:1 1 42%}
}
.account-report{max-height:360px;overflow:auto;margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.account-quality-card p{overflow-wrap:anywhere}

@media (max-width:900px){
  .out-preview .sp{height:220px}
  .out-preview>.chip{left:24px;top:24px}
  .out-tbl{min-width:0}
  .out-tbl thead{display:none}
  .out-tbl tr{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid var(--line)}
  .out-tbl td{display:block;padding:0;border:0}
  .out-tbl .chip{margin-left:30px}
  .out-hint{padding:12px 16px 18px}
  .account-artifacts{min-width:0}
  .account-artifacts tr{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid var(--line)}
  .account-artifacts thead{display:none}
  .account-artifacts td{display:block;padding:0;border:0}
  .ps-settings{max-width:none;flex-basis:100%}
  .ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ps-frame{padding:8px}
  .ps-meta{flex-wrap:wrap;gap:4px}
  .int-hero{padding:20px}
  .int-hero h2{font-size:22px}
  .int-hero .btn{width:100%}
  .wf-steps .step{flex-wrap:wrap}
  .wf-steps .step .badge{margin-left:42px}
  .wf-act .btn{width:100%}
}

/* Account job/outputs polish: shared rhythm (h2→text 8px, text→control 16px). */
.account-preview-card .sub,.account-report-card .sub{margin-top:8px}
.account-preview-actions{gap:8px;margin-top:16px}
.account-report-card .row.wrap{gap:8px;margin-top:16px}
.account-preview-card [data-account-viewer]:empty{display:none}
.account-preview-card [data-account-viewer]:has(.result-viewer) .account-viewer-pending{display:none}
.account-viewer-pending{display:block;color:var(--mut);font-size:13px}
.account-preview-card .result-viewer__frame{display:none}
.account-preview-card .result-viewer__status{margin:0 0 12px;min-height:0;color:var(--mut);font-size:13px}
.account-preview-card .result-viewer__stage{margin-top:0}
.account-quality-card p{margin:0}
.account-quality-card .h2+p{margin-top:10px}
.account-quality-card p+p{margin-top:8px}
.account-quality-card .hint{margin-top:12px}
.list-card .list-head{align-items:baseline;gap:12px;flex-wrap:wrap}
.account-quality-card,.account-report-card,.account-preview-card,.list-card{margin-top:16px}
.job-main>.card,.job-side>.card{margin-top:0}
.list-card>.h2+.list-row{margin-top:8px}

/* Product page (#model/:id): hero viewer/progress/decision, Files tabs, history. */
.model-back{margin:-8px 0 4px}
.model-hero{margin-top:20px}
.model-hero-head{gap:12px;align-items:center}
.model-note{margin:12px 0 0}
.model-review p{margin:8px 0 0}
.model-review .row{margin-top:16px;gap:8px}
.model-split{margin-top:16px}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:#F1F1F7}
.seg-btn{border:0;background:transparent;border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;font-weight:700;color:var(--ink2);cursor:pointer;min-height:32px}
.seg-btn small{color:var(--mut);font-weight:700;margin-left:4px}
.seg-btn[aria-pressed="true"],.seg-btn[aria-selected="true"]{background:var(--ink);color:#fff}
.seg-btn[aria-pressed="true"] small,.seg-btn[aria-selected="true"] small{color:#B9BAD3}
.model-files [data-model-panel]{margin-top:12px}
.model-shot-hint{margin:0 0 12px}
.model-shots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.model-shot{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px}
.model-shot-media{aspect-ratio:1;display:grid;place-items:center;background:#F4F4F8;border-radius:10px;overflow:hidden}
.model-shot-media img{width:100%;height:100%;object-fit:contain}
.model-shot-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;overflow-wrap:anywhere}
.model-shot-meta .mono{font-size:11px}
.model-history{margin-top:16px}
.model-history>summary{cursor:pointer;list-style-position:inside}
.model-history[open]>summary{margin-bottom:12px}
.model-history-block{margin-top:16px}
.model-history-block .row{gap:8px;margin-top:8px}
.model-about .cost{gap:12px}
.model-wearfits .row{gap:8px;margin-top:12px}
.sim-files .card{box-shadow:none;border:0;padding:0;margin:0}
@media (max-width:900px){.model-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.model-files .list-head{flex-direction:column;align-items:flex-start}}