body{--tile-size:288px}.page-wrap{width:min(1500px,100%);margin:auto;padding-left:40px;padding-right:40px}.page-links{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:35px}.page-links a{text-decoration:none;color:var(--muted)}.hero{padding-bottom:23px}.hero h1{font-size:clamp(36px,4.6vw,60px);max-width:940px}.lead{max-width:900px}.hero>.aside{max-width:1020px}.learn-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1060px;margin:28px 0 19px}.learn-flow>div{background:white;border:1px solid var(--line);border-radius:13px;padding:16px 21px}.learn-flow span{display:block;font-size:10px;color:var(--blue);margin-bottom:7px;font-weight:700}.learn-flow b{font-size:15px}.learn-flow p{font-size:12px;color:var(--muted);margin:5px 0 0}.learn-flow>div:last-child{background:#eef5f0;border-color:#cddfd4}.status-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}#status{font-size:13px;margin:0;color:#345486;font-weight:650}#status.complete{color:var(--green)}#refresh{font-size:11px;min-height:32px;background:white;border:1px solid var(--line);border-radius:6px;padding:4px 11px}.timestamp{font-size:11px;color:var(--muted);margin:5px 0 0;min-height:20px}.dataset-summary{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.dataset-summary span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px}.dataset-summary b{font-variant-numeric:tabular-nums}.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}.training-card{border:1px solid var(--line);border-radius:13px;background:white;padding:18px;min-width:0}.training-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:20px}.status-badge{font-size:10px;font-weight:600;border-radius:5px;background:#edf2ff;color:#345486;padding:4px 8px;letter-spacing:0}.status-badge.complete{color:var(--green);background:#e9f5ef}.status-badge.failed,.status-badge.blocked{color:#9a3b24;background:#fff0e9}.step-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.step-count b{font-size:22px;color:var(--ink)}progress{display:block;width:100%;height:7px;border:0;border-radius:10px;background:#edf1f7;margin:9px 0 15px;accent-color:var(--blue)}progress::-webkit-progress-bar{background:#edf1f7;border-radius:10px}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}.loss-summary{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:10px 0}.loss-summary b{color:var(--ink);font-variant-numeric:tabular-nums}.loss-chart{width:100%;height:auto;display:block;overflow:visible}.chart-axis{fill:#718098;font:10px sans-serif}.chart-line{fill:none;stroke:#3768d4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-grid{stroke:#e5ebf4;stroke-width:1}.chart-empty{min-height:172px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--muted);background:#f8f9fc;border-radius:8px;padding:17px}.training-card details{padding:7px 10px;margin:12px 0 0}.training-card summary{font-size:10px}.history-scroll{max-height:170px;overflow:auto;margin-top:8px}.history-scroll table{font-size:10px}.history-scroll th,.history-scroll td{padding:4px 8px;font-size:10px}.training-note{font-size:11px;color:var(--muted);margin:12px 0 0}.table-wrap caption{text-align:left;font-size:12px;color:var(--muted);padding:12px 15px}.table-wrap td,.table-wrap th{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-pair span{display:block;color:var(--muted);font-size:11px}.change{font-weight:700;color:var(--ink)}.change.positive{color:var(--green)}.change.negative{color:#a75336}.filters{padding-top:28px}.gallery-controls{display:flex;gap:18px 28px;flex-wrap:wrap;align-items:center;padding:14px 0}.gallery-controls>label{font-size:12px;display:flex;gap:9px;align-items:center}.sync-label{color:var(--muted)}.scale-nav{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.scale-nav a{font-size:12px;text-decoration:none;border:1px solid #c8d6ed;border-radius:22px;padding:7px 18px;background:#fff}.scale-section{padding:35px 0 24px;scroll-margin-top:20px}.scale-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.scale-heading h2{margin:4px 0 8px}.scale-heading a{font-size:11px;white-space:nowrap}.scale-summary{font-size:12px;color:var(--muted);margin:5px 0 19px}.sample-row{border-top:1px solid var(--line);padding:23px 0 18px}.sample-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.sample-heading h3{margin:0;font-size:17px}.sample-heading h3 span{color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0;margin-left:10px}.sample-heading>span{font-size:11px;color:var(--muted)}.row-scroll{--pinned-size:var(--tile-size);overflow-x:auto;padding:0 0 16px;scrollbar-color:#a5b7d2 #edf1f8;scroll-padding-left:calc(var(--pinned-size) + 13px)}.row-scroll:focus-visible{outline:3px solid #e7a533;outline-offset:3px}.row-track{display:flex;gap:13px;width:max-content;align-items:stretch}.result-card{width:var(--tile-size);background:white;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px var(--line)}.result-card.is-reference{position:sticky;left:0;z-index:2;box-shadow:0 0 0 1px #aec4af,8px 0 12px -8px #52635c}.card-heading{padding:11px 12px 10px;min-height:82px;border-bottom:1px solid var(--line)}.card-heading b{display:block;font-size:12px;line-height:1.5}.card-heading span{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.is-reference .card-heading{background:#eff6f0}.is-input .card-heading{background:#f1f4fa}.is-finetuned .card-heading{background:#edf3ff}.card-image{position:relative;aspect-ratio:1;background:#fff}.card-image>a{display:block;height:100%}.card-image img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;image-rendering:pixelated}.empty-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:12px;line-height:1.8;color:var(--muted);background:#f5f6fa;margin:0}.image-error{color:#9a3b24}.card-metrics{padding:9px 11px;min-height:70px;font-size:10px;color:var(--muted);line-height:1.9;font-variant-numeric:tabular-nums}.card-metrics b{font-weight:600;color:var(--ink)}.sample-row[hidden]{display:none}.pin-note,.mobile-fit-note{display:none}.loading{font-size:13px;color:var(--muted);padding:20px 0}.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 35px;margin:22px 0}.protocol-grid p{font-size:13px;color:var(--muted)}.protocol-grid b{display:block;font-size:13px;color:var(--ink);margin-bottom:6px}#run-details p{font-size:12px;color:var(--muted)}#run-details code{font-size:11px}#run-details ul{font-size:12px;color:var(--muted)}footer.page-wrap{padding-top:27px;padding-bottom:45px;font-size:12px;color:var(--muted)}footer p:first-child{display:flex;gap:13px 23px;flex-wrap:wrap}footer a[hidden]{display:none}section{padding-top:38px;padding-bottom:32px}.error-note[hidden]{display:none}
@media(max-width:1050px){.page-wrap{padding-left:25px;padding-right:25px}.training-grid{gap:12px}.training-card{padding:14px}.learn-flow>div{padding:14px}.learn-flow b{font-size:13px}.training-card h3{font-size:18px}}
@media(max-width:800px){.training-grid{grid-template-columns:1fr}.training-card{padding:18px}.loss-chart{max-width:650px;margin:auto}.chart-empty{min-height:145px}.learn-flow{gap:9px}.learn-flow p{font-size:11px}.protocol-grid{gap:5px 23px}}
@media(max-width:700px){.page-wrap{padding-left:18px;padding-right:18px}.page-links{font-size:10px;gap:10px;margin-bottom:28px}.hero h1{font-size:35px}.desktop-break{display:none}.learn-flow{grid-template-columns:1fr;gap:8px}.learn-flow>div{padding:12px 15px;display:grid;grid-template-columns:22px 1fr;gap:0 9px}.learn-flow span{grid-row:1/3;margin-top:2px}.learn-flow b{font-size:13px}.learn-flow p{margin-top:2px}.status-line{gap:9px}#status{font-size:12px}.dataset-summary{gap:7px}.dataset-summary span{font-size:11px;padding:6px 9px}.gallery-controls{gap:12px}.gallery-controls>label{width:100%;justify-content:space-between;font-size:11px}.gallery-controls .sync-label{justify-content:flex-start}.gallery-controls .zoom-control{display:none}.mobile-fit-note{display:block;color:var(--muted);font-size:11px}.scale-nav a{font-size:11px;padding:6px 13px}.scale-heading h2{font-size:25px}.scale-heading a{font-size:10px}.scale-summary{font-size:11px}.sample-heading h3{font-size:14px}.sample-heading h3 span{display:block;margin:2px 0 0}.sample-heading>span{font-size:10px;white-space:nowrap}.row-scroll{--pinned-size:96px}.result-card{width:calc(100vw - 145px)}.result-card.is-reference{width:var(--pinned-size)}.card-heading{height:105px;min-height:105px}.is-reference .card-heading{padding:9px 6px}.is-reference .card-heading b{font-size:10px}.is-reference .card-heading span{font-size:9px}.is-reference .card-metrics{font-size:9px;padding:8px 6px}.pin-note{display:block;font-size:9px;color:var(--green);margin-top:4px}.protocol-grid{grid-template-columns:1fr;gap:0}.table-wrap td,.table-wrap th{padding:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#run-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,monospace;background:#f6f8fc;padding:13px;border-radius:8px}
/* 결과를 크게 확대해도 고정 원본이 결과를 가리지 않도록 원본은 최대 실제 크기로 둔다. */
@media(min-width:701px){.row-scroll{--pinned-size:min(var(--tile-size),288px)}.result-card.is-reference{width:var(--pinned-size)}}