.mock-root{--mock-line:var(--ink-2);--mock-line-soft:var(--ink-3);--mock-paper:var(--paper);color:var(--ink);font-family:var(--sans)}.mock-scan{--mock-line:#3a4045;--mock-line-soft:#6e747a;--mock-paper:#fcfbf7}.mock-window{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 10px 30px #00000014;box-shadow:var(--elevation-2,0 10px 30px #00000014);overflow:hidden}.mock-titlebar{align-items:center;background:color-mix(in srgb,var(--ink) 5%,var(--paper-2));border-bottom:1px solid var(--hairline);display:flex;gap:12px;justify-content:space-between;padding:8px 14px}.mock-titlebar-label{font-size:.62rem;letter-spacing:.14em;overflow:hidden;text-overflow:ellipsis}.mock-titlebar-hint,.mock-titlebar-label{color:var(--ink-3);font-family:var(--mono);text-transform:uppercase;white-space:nowrap}.mock-titlebar-hint{align-items:center;display:inline-flex;font-size:.58rem;gap:5px;letter-spacing:.1em}.mock-titlebar-hint svg{flex-shrink:0}.mock-chip{align-items:center;border:1px solid var(--hairline);border-radius:999px;color:var(--ink-3);display:inline-flex;font-family:var(--mono);font-size:.6rem;gap:5px;letter-spacing:.1em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.mock-chip--validated{background:#1d7a4f12;border-color:#1d7a4f59;color:#1d7a4f}.mock-chip--accent{border-color:var(--accent);color:var(--accent)}.mock-chip--review{background:#9a6b0012;border-color:#9a6b0066;color:#9a6b00}.mock-source-link{align-items:center;color:var(--accent);display:inline-flex;font-family:var(--mono);font-size:.6rem;gap:4px;letter-spacing:.06em;white-space:nowrap}.mock-source-link svg{flex-shrink:0}.mock-pid-svg{display:block;height:auto;width:100%}.mock-pid-svg .pid-line{stroke:var(--mock-line);stroke-width:1.4;fill:none}.mock-pid-svg .pid-line--thin{stroke:var(--mock-line-soft);stroke-width:1}.mock-pid-svg .pid-fill{fill:var(--mock-paper);stroke:var(--mock-line);stroke-width:1.4}.mock-pid-svg .pid-arrow{fill:var(--mock-line);stroke:none}.mock-pid-svg .pid-text{fill:var(--mock-line-soft);font-family:var(--mono);font-size:9px;letter-spacing:.04em}.mock-pid-svg .pid-titleblock{fill:var(--mock-line-soft);font-family:var(--mono);font-size:8px;letter-spacing:.08em}.pid-extract-box{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:4 3;opacity:0}.pid-draw-mask{fill:none;stroke-dasharray:300;stroke-dasharray:var(--draw-len,300);stroke-dashoffset:0}.pid-extract-tag{opacity:0}.pid-extract-tag rect{fill:var(--accent);rx:2}.pid-extract-tag text{fill:#fff;font-family:var(--mono);font-size:8px;letter-spacing:.06em}.mock-scan{overflow-x:clip;overflow-y:visible;position:relative}.mock-scan .mock-scan-drawing{animation:mockScanClean 10s ease-in-out infinite;filter:sepia(.5) contrast(.78) brightness(.97)}.mock-scan .pid-extract-box{opacity:1}.mock-scan .pid-draw-mask{stroke-dashoffset:300;stroke-dashoffset:var(--draw-len,300);animation:mockDraw 10s ease-in-out infinite}.mock-scan .pid-extract-tag{animation:mockExtractIn 10s ease-in-out infinite}.mock-scan .mock-stagger-1{animation-delay:.25s}.mock-scan .mock-stagger-2{animation-delay:.55s}.mock-scan .mock-stagger-3{animation-delay:.85s}.mock-scan .mock-stagger-4{animation-delay:1.15s}.mock-scan .mock-scan-panel{animation:mockPanelIn 10s ease-in-out infinite;opacity:0;position:absolute;right:2%;top:6%;transform:translateX(24px);width:min(46%,340px)}.mock-scan .mock-scan-stagelabel{bottom:3%;color:var(--ink-3);font-family:var(--mono);font-size:.6rem;left:2%;letter-spacing:.14em;position:absolute;text-transform:uppercase}@keyframes mockScanClean{0%,21%{filter:sepia(.5) contrast(.78) brightness(.97)}28%,93%{filter:none}to{filter:sepia(.5) contrast(.78) brightness(.97)}}@keyframes mockExtractIn{0%,28%{opacity:0}36%,93%{opacity:1}97%,to{opacity:0}}@keyframes mockPanelIn{0%,50%{opacity:0;transform:translateX(24px)}60%,93%{opacity:1;transform:translateX(0)}98%,to{opacity:0;transform:translateX(24px)}}@keyframes mockDraw{0%,28%{stroke-dashoffset:300;stroke-dashoffset:var(--draw-len,300)}40%,93%{stroke-dashoffset:0}97%,to{stroke-dashoffset:300;stroke-dashoffset:var(--draw-len,300)}}@media (prefers-reduced-motion:reduce){.mock-scan .pid-draw-mask{stroke-dashoffset:0;animation:none}.mock-scan .pid-extract-tag{animation:none;opacity:1}}@media (max-width:600px){.mock-scan .mock-scan-stagelabel{display:block;margin-top:10px;position:static}.mock-scan .mock-scan-panel{right:1%;top:4%;width:62%}.mock-scan .mock-scan-panel .mock-asset-row{font-size:.66rem;padding:5px 0}.mock-scan .mock-scan-panel .mock-asset-row .mock-asset-key{font-size:.54rem}}.mock-pid-static .pid-extract-box,.mock-pid-static .pid-extract-tag{animation:none;opacity:1}.mock-pid-interactive .pid-hit-area{fill:#0000;pointer-events:all}.mock-pid-interactive .pid-extract-hit{cursor:pointer;outline:none}.mock-pid-interactive .pid-extract-hit .pid-extract-tag rect{fill:var(--paper);stroke:var(--accent);stroke-width:1;transition:fill .2s ease}.mock-pid-interactive .pid-extract-hit .pid-extract-tag text{fill:var(--accent);transition:fill .2s ease}.mock-pid-interactive .pid-extract-hit .pid-extract-box{opacity:.5;transition:opacity .2s ease,fill .2s ease,stroke-width .2s ease,filter .2s ease}.mock-pid-interactive .pid-extract-hit:focus-visible .pid-extract-box,.mock-pid-interactive .pid-extract-hit:hover .pid-extract-box{stroke-width:1.7;opacity:1}.mock-pid-interactive .pid-extract-hit.is-active .pid-extract-box{fill:color-mix(in srgb,var(--accent) 4%,#0000);stroke-dasharray:none;stroke-width:1.5;opacity:1}.mock-pid-interactive .pid-extract-hit.is-active .pid-extract-tag rect{fill:var(--accent)}.mock-pid-interactive .pid-extract-hit.is-active .pid-extract-tag text{fill:#fff}.mock-pid-interactive .pid-hover-obj{cursor:default}.mock-pid-interactive .pid-hover-obj .pid-extract-box,.mock-pid-interactive .pid-hover-obj .pid-extract-tag{opacity:0;transition:opacity .2s ease}.mock-pid-interactive .pid-hover-obj .pid-extract-tag rect{fill:var(--paper);stroke:var(--accent);stroke-width:1}.mock-pid-interactive .pid-hover-obj .pid-extract-tag text{fill:var(--accent)}.mock-pid-interactive .pid-hover-obj:hover .pid-extract-box,.mock-pid-interactive .pid-hover-obj:hover .pid-extract-tag{opacity:1}@media (prefers-reduced-motion:reduce){.mock-scan .mock-scan-drawing,.mock-scan .mock-scan-panel,.mock-scan .pid-extract-box,.mock-scan .pid-extract-tag{animation:none}.mock-scan .mock-scan-drawing{filter:none}.mock-scan .pid-extract-box,.mock-scan .pid-extract-tag{opacity:1}.mock-scan .mock-scan-panel{opacity:1;transform:none}}html[data-mode=dark] .mock-scan{--mock-line:#d2d6db;--mock-line-soft:#8b929b;--mock-paper:#181820}html[data-mode=dark] #hero-visual{background-color:#0f0f14;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(135deg,hsla(0,0%,100%,.035),#fff0);background-size:28px 28px,28px 28px,cover;box-shadow:inset 0 0 0 1px #ffffff0f}html[data-mode=dark] .mock-scan .mock-scan-drawing{animation-name:mockScanCleanDark;filter:contrast(.82) brightness(.9)}@keyframes mockScanCleanDark{0%,21%{filter:contrast(.7) brightness(.78)}28%,93%{filter:none}to{filter:contrast(.7) brightness(.78)}}.mock-asset-row{align-items:baseline;border-bottom:1px solid var(--hairline);display:flex;font-size:.78rem;gap:10px;justify-content:space-between;line-height:1.35;padding:7px 0}.mock-asset-row:last-child{border-bottom:none}.mock-asset-row .mock-asset-key{color:var(--ink-3);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mock-asset-row .mock-asset-value{color:var(--ink);min-width:0;text-align:right}.mock-asset-sectionlabel{color:var(--accent);font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.18em;margin:18px 0 5px;text-transform:uppercase}.mock-asset-sectionlabel:first-child{margin-top:0}.mock-draft-line{background:var(--paper-2);border:1px solid var(--hairline);border-radius:4px;height:7px;margin:7px 0}
/*# sourceMappingURL=63.571397e9.chunk.css.map*/