/* V9.2 - Native UID tool, scoped to Smith Digital themes. */
.fbuid-shell{--fu-surface:var(--theme-card-color,#fff);--fu-ink:var(--theme-text-color,#1b2941);--fu-muted:var(--theme-muted-color,#637695);--fu-border:var(--theme-border-color,#e2e9f4);--fu-soft:#f4f7ff;--fu-accent:var(--accent,#2159ed);color:var(--fu-ink);max-width:1120px;margin:0 auto 45px}.fbuid-shell *{box-sizing:border-box}.fbuid-shell h2,.fbuid-shell h3{color:var(--fu-ink)}.fbuid-shell p{margin:0;color:var(--fu-muted);line-height:1.55}.fbuid-intro{display:flex;align-items:center;gap:18px;padding:25px 28px;border:1px solid var(--fu-border);border-radius:19px;background:var(--fu-surface);margin-bottom:18px}.fbuid-intro-symbol{display:grid;place-items:center;flex:0 0 65px;width:65px;height:65px;border-radius:18px;color:#fff;background:#2159ed;font:800 42px Arial,sans-serif}.fbuid-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--fu-accent)}.fbuid-intro h2{font-size:clamp(21px,3vw,28px);line-height:1.2;margin:6px 0}.fbuid-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.fbuid-tags span{font-size:10px;color:var(--fu-accent);background:color-mix(in srgb,var(--fu-accent) 9%,var(--fu-surface));padding:5px 9px;border-radius:40px}.fbuid-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}.fbuid-stat{background:var(--fu-surface);border:1px solid var(--fu-border);border-radius:16px;padding:17px 18px;min-width:0}.fbuid-stat span{display:block;color:var(--fu-muted);font-size:12px}.fbuid-stat strong{font-size:32px;line-height:1.3;display:block;color:var(--fu-ink);font-variant-numeric:tabular-nums}.fbuid-stat small{display:block;font-size:10px;color:var(--fu-muted)}.fbuid-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,1fr);gap:15px}.fbuid-card{background:var(--fu-surface);border:1px solid var(--fu-border);border-radius:18px;padding:23px;min-width:0}.fbuid-card h3{margin:0 0 5px;font-size:18px}.fbuid-panel-title,.fbuid-results-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:19px}.fbuid-panel-title p,.fbuid-results-head p{font-size:12px}.fbuid-panel-title code{font-size:11px}.fbuid-label{display:block;font-size:12px;color:var(--fu-ink);font-weight:750;margin-bottom:8px}.fbuid-shell textarea{display:block;width:100%;border:1px solid var(--fu-border);border-radius:12px;background:var(--fu-soft);color:var(--fu-ink);padding:15px 17px;resize:vertical;min-height:183px;line-height:1.7;font:500 13px ui-monospace,Consolas,monospace;outline:0}.fbuid-shell textarea:focus{border-color:var(--fu-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fu-accent) 12%,transparent)}.fbuid-helper{color:var(--fu-muted);font-size:11px;line-height:1.55;margin-top:8px}.fbuid-input-actions,.fbuid-export{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.fbuid-shell button{font-size:12px;font-weight:700;cursor:pointer}.fbuid-shell .fbuid-primary,.fbuid-shell .fbuid-secondary{font-size:12px;min-height:40px;padding:10px 14px;border-radius:10px;border:1px solid var(--fu-border);font-weight:700}.fbuid-shell .fbuid-primary{color:#fff;background:var(--fu-accent);border-color:var(--fu-accent)}.fbuid-shell .fbuid-secondary{color:var(--fu-ink);background:var(--fu-surface)}.fbuid-shell .fbuid-link{border:0;background:transparent;color:var(--fu-accent);font-size:12px;font-weight:750;white-space:nowrap}.fbuid-shell button:disabled{opacity:.5;cursor:wait}.fbuid-information{background:color-mix(in srgb,var(--fu-accent) 3%,var(--fu-surface))}.fbuid-info-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--fu-border)}.fbuid-info-row strong{font-size:12px}.fbuid-info-row p{font-size:11px;margin-top:4px}.fbuid-info-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;flex:0 0 10px}.fbuid-info-dot.is-green{background:#23a77b}.fbuid-info-dot.is-orange{background:#e59c3e}.fbuid-info-dot.is-blue{background:#4178ea}.fbuid-information .fbuid-note{padding-top:18px;font-size:11px}.fbuid-output{margin-top:18px}#fbuid-alert{margin-top:14px;padding:13px 15px;border:1px solid var(--fu-border);border-radius:11px;background:color-mix(in srgb,var(--fu-accent) 8%,var(--fu-surface));color:var(--fu-ink);font-size:12px}.fbuid-export{margin-top:0}.fbuid-tabset{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:15px;border-bottom:1px solid var(--fu-border)}.fbuid-tabset button{border:1px solid var(--fu-border);border-radius:9px;background:var(--fu-surface);padding:9px;color:var(--fu-muted);font-size:11px}.fbuid-tabset button span{font-variant-numeric:tabular-nums}.fbuid-tabset button.is-active{background:var(--fu-accent);border-color:var(--fu-accent);color:#fff}.fbuid-result-list{display:grid;gap:9px;padding-top:15px}.fbuid-result{border:1px solid var(--fu-border);padding:13px 15px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--fu-surface)}.fbuid-result strong{display:block;font:750 13px ui-monospace,monospace;color:var(--fu-ink);word-break:break-all}.fbuid-result p{font-size:11px;margin-top:3px}.fbuid-result .fbuid-result-label{font-weight:750;color:var(--fu-ink)}.fbuid-result a{font-size:11px;font-weight:700;color:var(--fu-accent);white-space:nowrap}.fbuid-result[data-status=terbaca]{border-left:3px solid #23a77b}.fbuid-result[data-status=duplicate]{border-left:3px solid #427bed}.fbuid-empty{padding:28px 10px;text-align:center;color:var(--fu-muted)!important}.fbuid-guide{margin-top:19px;padding:25px;border:1px solid var(--fu-border);border-radius:18px;background:var(--fu-surface)}.fbuid-guide h3{font-size:17px;margin:0 0 13px}.fbuid-guide details{border-top:1px solid var(--fu-border);padding:13px 0}.fbuid-guide summary{cursor:pointer;font-weight:700;font-size:12px}.fbuid-guide details p{margin:10px 0 0;font-size:12px}
html[data-theme="dark"] .fbuid-shell{--fu-soft:#10243c}html[data-theme="dark"] .fbuid-tags span{background:#243c5c}
@media(max-width:900px){.fbuid-main-grid{grid-template-columns:1fr}.fbuid-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.fbuid-intro{padding:18px;align-items:flex-start}.fbuid-intro-symbol{width:45px;height:45px;flex-basis:45px;font-size:30px;border-radius:12px}.fbuid-intro h2{font-size:21px}.fbuid-card{padding:17px}.fbuid-stat{padding:12px}.fbuid-stat strong{font-size:25px}.fbuid-result{align-items:flex-start;flex-direction:column}.fbuid-results-head{flex-direction:column}}

/* V9.3 progress, single page, large input, independent responsive layout */
.fbuid-shell{max-width:none;margin:0 auto 48px}
.fbuid-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.fbuid-progress{margin-top:18px;border:1px solid var(--fu-border);padding:17px;border-radius:13px;background:var(--fu-surface)}
.fbuid-progress-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--fu-ink);margin-bottom:10px}
.fbuid-progress-track{width:100%;height:13px;background:color-mix(in srgb,var(--fu-accent) 12%,var(--fu-surface));border-radius:99px;overflow:hidden;border:1px solid var(--fu-border)}
.fbuid-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2159ed,#4ba3ff);transition:width .3s ease;border-radius:inherit}
.fbuid-progress p{margin-top:9px;font-size:12px}
.fbuid-run-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.fbuid-run-actions button:disabled{opacity:.5;cursor:not-allowed}
.fbuid-stop{color:#c34343!important}
.fbuid-shell [hidden]{display:none!important}
@media(max-width:900px){.fbuid-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.fbuid-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fbuid-progress{padding:12px}}

/* V9.4: hasil berupa dua daftar UID ringkas, bukan kartu deskripsi per item. */
.fbuid-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.fbuid-result-column{border:1px solid var(--fu-border);border-radius:14px;background:color-mix(in srgb,var(--fu-accent) 2%,var(--fu-surface));padding:17px;min-width:0}
.fbuid-column-head{display:flex;align-items:baseline;justify-content:space-between;gap:9px;flex-wrap:wrap}
.fbuid-column-head h3{margin:0;font-size:16px}.fbuid-column-head small{font-size:10px;color:var(--fu-muted)}
.fbuid-column-count{display:inline-flex;padding:3px 8px;background:color-mix(in srgb,var(--fu-accent) 12%,var(--fu-surface));color:var(--fu-ink);border-radius:40px;font-size:12px}
.fbuid-column-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.fbuid-column-actions .fbuid-secondary{min-height:34px;padding:7px 11px;font-size:11px}
.fbuid-simple-list{min-height:100px;max-height:360px;overflow-y:auto;border:1px solid var(--fu-border);border-radius:10px;padding:7px 12px;background:var(--fu-surface)}
.fbuid-plain-list{list-style:none;margin:0;padding:0;counter-reset:none}
.fbuid-plain-list li{font:650 12px/1.5 ui-monospace,Consolas,monospace;padding:9px 4px;border-bottom:1px solid var(--fu-border);color:var(--fu-ink);overflow-wrap:anywhere}
.fbuid-plain-list li:last-child{border:0}.fbuid-simple-list .fbuid-empty{padding:25px 5px;font-size:12px}
.fbuid-unknown-panel{border:1px solid var(--fu-border);border-radius:13px;margin-top:15px;padding:15px;background:var(--fu-surface)}
.fbuid-unknown-panel summary{font-size:13px;font-weight:750;cursor:pointer;color:var(--fu-ink)}
.fbuid-unknown-panel>p{margin-top:11px;font-size:12px}
@media(max-width:640px){.fbuid-simple-grid{grid-template-columns:1fr}.fbuid-result-column{padding:14px}}

/* V9.4: rapikan judul dan statistik pada mobile sempit. */
.fbuid-intro>div:last-child{flex:1;min-width:0}
.fbuid-stat span{overflow-wrap:anywhere}
@media(max-width:640px){
  .fbuid-intro{gap:12px;padding:17px 14px;align-items:flex-start}
  .fbuid-intro h2{font-size:clamp(18px,5.2vw,23px);line-height:1.23;letter-spacing:-.025em;overflow-wrap:break-word;margin:7px 0 9px}
  .fbuid-kicker{font-size:9px;letter-spacing:.1em}
  .fbuid-intro p{font-size:11px;line-height:1.6}
  .fbuid-stat{padding:12px 10px}.fbuid-stat span{font-size:11px;line-height:1.25}
  .fbuid-stat strong{font-size:24px}.fbuid-stat small{font-size:9px;line-height:1.4}
  .fbuid-column-head h3{font-size:15px}
}
@media(max-width:370px){
  .fbuid-intro-symbol{width:39px;height:39px;flex-basis:39px;font-size:27px}
  .fbuid-intro h2{font-size:18px}
}

/* V9.4: empat kotak statistik rata 2x2 pada mobile (tinggi & lebar sama). */
.fbuid-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
.fbuid-stat{display:flex;flex-direction:column;min-height:112px;height:100%;justify-content:flex-start}
.fbuid-stat strong{margin-top:6px}.fbuid-stat small{margin-top:auto;padding-top:5px}
@media(max-width:900px){.fbuid-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fbuid-stat-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.fbuid-stat{min-height:116px;padding:12px 11px;border-radius:13px}.fbuid-stat span{font-size:12px;line-height:1.25;min-height:30px}.fbuid-stat strong{font-size:26px;margin-top:3px;line-height:1.1}.fbuid-stat small{font-size:10px;line-height:1.3}}
@media(max-width:360px){.fbuid-stat-grid{gap:8px}.fbuid-stat{padding:10px 9px}.fbuid-stat span{font-size:11px}.fbuid-stat small{font-size:9px}}

/* V9.5 - breathing room between UID sections without changing card sizing on HP */
.fbuid-intro{margin-bottom:24px}
.fbuid-stat-grid{gap:16px;margin-bottom:24px}
.fbuid-main-grid{gap:18px}
.fbuid-output{margin-top:24px}
.fbuid-guide{margin-top:24px}
.fbuid-intro .fbuid-tags{margin-top:18px;gap:9px}
.fbuid-input-actions{margin-top:18px}
#fbuid-api-hint{padding:10px 0 0;line-height:1.6}
@media(max-width:640px){.fbuid-stat-grid{gap:12px;margin-bottom:21px}.fbuid-intro{margin-bottom:21px}.fbuid-main-grid{gap:15px}.fbuid-output{margin-top:20px}.fbuid-guide{margin-top:20px}}

/* V9.7 picture metadata, keeping true active/dead claims separate from clues. */
.fbuid-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.fbuid-picture-grid>.fbuid-unknown-panel{margin-top:0;min-width:0}
@media(max-width:640px){.fbuid-picture-grid{grid-template-columns:1fr}}

/* V9.15: reference-script UI following Smith Digital dark/light theme. */
.fbuid-shell{--fu-soft:color-mix(in srgb,var(--fu-accent) 3%,var(--fu-surface))}
.fbuid-stat{min-width:0;box-shadow:none}
.fbuid-output .fbuid-results-head{padding-bottom:12px;border-bottom:1px solid var(--fu-border)}
.fbuid-result-column:first-child{border-color:color-mix(in srgb,#2caa79 30%,var(--fu-border))}
.fbuid-result-column:nth-child(2){border-color:color-mix(in srgb,#df7e3f 30%,var(--fu-border))}
.fbuid-data-row{font:650 12px/1.5 ui-monospace,Consolas,monospace;color:var(--fu-ink);padding:9px 4px;border-bottom:1px solid var(--fu-border);overflow-wrap:anywhere}
.fbuid-data-row:last-child{border-bottom:0}
.fbuid-shell input,.fbuid-shell textarea{color:var(--fu-ink)}
.fbuid-unknown-panel{margin-top:15px}
html[data-theme="dark"] .fbuid-shell{--fu-soft:#14263f}
@media(max-width:640px){.fbuid-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fbuid-simple-grid{grid-template-columns:1fr}.fbuid-shell .fbuid-card{min-width:0}.fbuid-intro{align-items:flex-start}.fbuid-stat{height:100%;min-height:116px}}

/* V9.17: hapus panel penjelasan kanan, jadikan input UID lebar penuh. */
.fbuid-main-grid{grid-template-columns:minmax(0,1fr)}
.fbuid-main-grid>.fbuid-card{width:100%;min-width:0}

/* V9.18: selectable plain-text result without per-UID separator lines. */
.fbuid-shell textarea.fbuid-result-text{display:block;width:100%;height:320px;min-height:180px;max-height:520px;resize:vertical;overflow:auto;padding:12px 14px;white-space:pre;overflow-wrap:normal;font:600 12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--fu-surface);color:var(--fu-ink);border:1px solid var(--fu-border);border-radius:10px;user-select:text;-webkit-user-select:text;tab-size:4;}
.fbuid-shell textarea.fbuid-result-text:focus{outline:2px solid var(--fu-accent);outline-offset:2px;}

/* V9.18 platform icon: only decorative; never included in source data copies. */
.fbuid-shell .fbuid-platform-symbol{display:inline-grid;place-items:center;vertical-align:middle;width:22px;height:22px;border-radius:7px;margin-right:8px;background:#1877f2;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:800;line-height:1;flex:0 0 auto;}
.fbuid-shell .fbuid-column-head h3{display:flex;align-items:center;gap:0;flex-wrap:wrap;line-height:1.5;}
@media(max-width:640px){.fbuid-shell .fbuid-column-head h3{font-size:14px}.fbuid-shell .fbuid-platform-symbol{width:21px;height:21px;font-size:17px}}


/* V9.19: toast copy/download feedback. */
.fbuid-toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:120;pointer-events:none}
.fbuid-toast{display:flex;align-items:center;gap:10px;min-width:min(320px,calc(100vw - 32px));max-width:420px;padding:12px 14px;border-radius:12px;border:1px solid var(--fu-border);background:var(--fu-surface);color:var(--fu-ink);box-shadow:0 12px 30px rgba(11,24,54,.18);transform:translateY(10px);opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:auto;cursor:pointer}
.fbuid-toast.is-visible{transform:translateY(0);opacity:1}
.fbuid-toast strong{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--fu-accent);color:#fff;font-size:14px;line-height:1;flex:0 0 auto}
.fbuid-toast-error strong{background:#d64545}
.fbuid-toast span{font-size:13px;font-weight:600;line-height:1.45}
.fbuid-secondary.is-copied{border-color:color-mix(in srgb,var(--fu-accent) 55%,var(--fu-border));background:color-mix(in srgb,var(--fu-accent) 12%,var(--fu-surface));color:var(--fu-accent)}
@media(max-width:640px){.fbuid-toast-stack{left:12px;right:12px;bottom:12px}.fbuid-toast{min-width:0;width:100%;max-width:none}}