.collection-labs { --cl-orange:#ff8a38; --cl-ink:#111; --cl-line:#464646; --cl-muted:#c9c9c9; color:#f7f7f7; background:#111; max-width:1220px; margin:0 auto; padding:28px 24px 48px; font:16px/1.55 Arial,Helvetica,sans-serif; letter-spacing:0; color-scheme:dark; }
.collection-labs *, .collection-labs *::before, .collection-labs *::after { box-sizing:border-box; min-width:0; letter-spacing:0; }
.collection-labs [hidden] { display:none !important; }
.collection-labs h1 { font-size:36px; line-height:1.14; margin:16px 0 12px; overflow-wrap:anywhere; }
.collection-labs h2 { font-size:23px; line-height:1.25; margin:0 0 18px; overflow-wrap:anywhere; }
.collection-labs h3 { font-size:18px; line-height:1.35; margin:0 0 8px; overflow-wrap:anywhere; }
.collection-labs p { margin:8px 0 14px; overflow-wrap:anywhere; }
.collection-labs a { color:#ffb17b; text-underline-offset:4px; }
.collection-labs .cl-nav { display:flex; flex-wrap:wrap; gap:10px 22px; border-bottom:1px solid var(--cl-line); padding-bottom:16px; }
.collection-labs .cl-nav a { font-size:14px; font-weight:700; color:#ddd; }
.collection-labs .cl-nav a[aria-current] { color:var(--cl-orange); text-decoration-thickness:3px; }
.collection-labs .cl-heading { padding:4px 0 0; max-width:850px; }
.collection-labs .cl-heading p { color:var(--cl-muted); max-width:74ch; }
.collection-labs .cl-privacy { display:flex; gap:12px 24px; flex-wrap:wrap; padding:13px 0; border-top:1px solid var(--cl-line); border-bottom:1px solid var(--cl-line); font-size:14px; }
.collection-labs .cl-privacy strong { color:#a9ddc1; }
.collection-labs .cl-privacy span { flex:1 1 350px; color:var(--cl-muted); }
.collection-labs .cl-status { color:#bce5cb; margin:10px 0 18px; }
.collection-labs .cl-status:empty { display:none; }
.collection-labs .cl-error { color:#ffb6a8; }
.collection-labs .cl-workspace { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); gap:36px; align-items:start; margin-top:24px; }
.collection-labs .cl-editor { border-right:1px solid var(--cl-line); padding-right:32px; }
.collection-labs form, .collection-labs .cl-fields { display:grid; gap:16px; }
.collection-labs .cl-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.collection-labs fieldset { padding:0; border:0; margin:0; }
.collection-labs legend { color:#eee; font-size:14px; font-weight:bold; padding:0 0 12px; }
.collection-labs label { display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.collection-labs input, .collection-labs select, .collection-labs textarea { width:100%; min-height:44px; border:1px solid #626262; border-radius:4px; background:#1e1e1e; color:#fff; padding:9px 10px; font:16px/1.3 Arial,Helvetica,sans-serif; }
.collection-labs input[type=file] { padding:8px; font-size:13px; }
.collection-labs textarea { resize:vertical; min-height:84px; }
.collection-labs input:focus-visible, .collection-labs textarea:focus-visible, .collection-labs select:focus-visible, .collection-labs button:focus-visible, .collection-labs a:focus-visible, .collection-labs summary:focus-visible { outline:3px solid #8fd2f0; outline-offset:3px; }
.collection-labs .cl-wide { grid-column:1/-1; }
.collection-labs details { border-top:1px solid var(--cl-line); padding-top:12px; }
.collection-labs summary { cursor:pointer; font-weight:700; padding:0 0 12px; }
.collection-labs .cl-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.collection-labs button { min-height:42px; max-width:100%; background:#292929; color:white; border:1px solid #666; border-radius:4px; padding:9px 13px; cursor:pointer; font:600 14px/1.35 Arial,Helvetica,sans-serif; white-space:normal; overflow-wrap:anywhere; }
.collection-labs button:hover { border-color:var(--cl-orange); background:#363636; }
.collection-labs button.cl-primary { background:var(--cl-orange); color:#121212; border-color:var(--cl-orange); }
.collection-labs button.cl-danger { color:#ffc2b8; }
.collection-labs button:disabled { opacity:.55; cursor:wait; }
.collection-labs .cl-check { display:flex; flex-direction:row; align-items:center; gap:9px; font-weight:400; }
.collection-labs input[type=checkbox] { appearance:auto; -webkit-appearance:auto; width:19px; height:19px; min-height:19px; padding:0; accent-color:#ff8a38; flex:0 0 19px; }
.collection-labs .cl-note { color:var(--cl-muted); font-size:13px; }
.collection-labs .cl-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
.collection-labs .cl-filters label:first-child { grid-column:1/-1; }
.collection-labs .cl-record { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; padding:20px 0; border-bottom:1px solid var(--cl-line); }
.collection-labs .cl-record h3 { font-size:17px; }
.collection-labs .cl-record p { margin:4px 0 10px; font-size:14px; }
.collection-labs .cl-record-select { padding-top:3px; }
.collection-labs .cl-box-heading { padding:22px 0 8px; color:#ffb17b; border-bottom:2px solid var(--cl-orange); }
.collection-labs .cl-export { padding:24px 0 0; }
.collection-labs .cl-transfer, .collection-labs .cl-guide { padding-top:28px; margin-top:32px; border-top:1px solid var(--cl-line); }
.collection-labs [data-passport-account] { margin:10px 0; }
.collection-labs [data-passport-account] details { border:0; padding:0; }
.collection-labs [data-passport-account] summary { font-size:14px; color:var(--cl-muted); padding:6px 0; }
.collection-labs .cl-goal-builder { max-width:640px; margin-top:22px; }
.collection-labs .cl-albums { margin-top:24px; }
.collection-labs .cl-file { max-width:290px; }
.collection-labs [data-import-review] { border-left:3px solid var(--cl-orange); padding:0 0 0 18px; margin:24px 0; }
.collection-labs [data-import-preview] { max-height:230px; overflow:auto; padding-left:20px; overflow-wrap:anywhere; }
.collection-labs .cl-photos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.collection-labs .cl-photos figure { margin:0; display:grid; gap:8px; }
.collection-labs .cl-photos img { width:100%; height:140px; object-fit:contain; background:#222; border:1px solid var(--cl-line); }
.collection-labs .cl-empty { border-top:1px solid var(--cl-line); padding:28px 0; color:var(--cl-muted); }
.collection-labs .cl-albums > label { max-width:520px; }
.collection-labs progress { display:block; width:100%; max-width:600px; height:12px; accent-color:#72c6a0; margin:12px 0 22px; }
.collection-labs [data-album-list] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin-top:22px; }
.collection-labs .cl-slot { border-top:1px solid var(--cl-line); padding:22px 0; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.collection-labs .cl-slot label { align-self:stretch; }
.collection-labs .cl-slot p { margin:0; }
.collection-labs .cl-complete { color:#bce5cb; font-weight:700; }
.collection-labs .cl-album-match { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.collection-labs .cl-reference { margin:24px 0; padding:20px 0 0; border-top:1px solid var(--cl-line); }
.collection-labs .cl-reference ol { padding-left:24px; }
.collection-labs .cl-reference-photo { display:flex; gap:20px; align-items:center; margin:40px 0 0; padding-top:22px; border-top:1px solid var(--cl-line); }
.collection-labs .cl-reference-photo img { width:220px; max-width:45%; height:auto; object-fit:contain; }
.collection-labs .cl-reference-photo figcaption { max-width:45ch; color:var(--cl-muted); font-size:13px; }
.collection-labs .cl-account-form { grid-template-columns:1fr 1fr auto; align-items:end; padding-bottom:24px; }
.collection-labs .cl-sync-row { display:grid; gap:12px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:18px 0; border-top:1px solid var(--cl-line); }
.collection-labs .cl-sync-row .cl-check { grid-column:1/-1; }
@media (max-width:850px) {
  .collection-labs .cl-workspace { grid-template-columns:1fr; gap:32px; }
  .collection-labs .cl-editor { border-right:0; padding-right:0; }
  .collection-labs .cl-inventory { border-top:1px solid var(--cl-line); padding-top:28px; }
  .collection-labs .cl-account-form { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .collection-labs { padding:18px 16px 32px; }
  .collection-labs h1 { font-size:28px; }
  .collection-labs h2 { font-size:21px; }
  .collection-labs .cl-fields, .collection-labs [data-album-list], .collection-labs .cl-sync-row { grid-template-columns:1fr; }
  .collection-labs .cl-nav { gap:12px 18px; }
  .collection-labs .cl-reference-photo { flex-direction:column; align-items:flex-start; }
  .collection-labs .cl-reference-photo img { max-width:100%; }
}
@media print {
  body.collection-print *:not(.cl-print):not(.cl-print *):not(:has(.cl-print)) { display:none !important; }
  body.collection-print, body.collection-print :has(.cl-print) { margin:0 !important; padding:0 !important; min-height:0 !important; max-width:none !important; background:#fff !important; }
  body.collection-print .collection-labs .cl-print { position:static; width:100%; display:block !important; padding:18px; background:#fff; color:#000; font:12px/1.4 Arial,Helvetica,sans-serif; }
  body.collection-print .collection-labs .cl-print-record { break-inside:avoid; border-top:1px solid #777; padding:12px 0; }
  body.collection-print .collection-labs .cl-print dl { display:grid; grid-template-columns:130px minmax(0,1fr); gap:4px 14px; }
  body.collection-print .collection-labs .cl-print dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
  body.collection-print .collection-labs .cl-print dt { font-weight:bold; }
}
.collection-labs .cl-sync-comparison { max-height:300px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; }