:root{--scrape-bg:#fcfcfb;--scrape-surface:#fff;--scrape-surface-muted:#f7f7f5;--scrape-ink:#1f1f1f;--scrape-ink-soft:#444;--scrape-muted:#737373;--scrape-faint:#a3a3a3;--scrape-border:#1f1f1f1c;--scrape-border-faint:#1f1f1f11;--scrape-grid:#1f1f1f0e;--scrape-red-50:#fff1f0;--scrape-red-100:#ffe1de;--scrape-red-400:#f97066;--scrape-red-500:#ef4444;--scrape-red-600:#d92d20;--scrape-red-700:#b42318;--scrape-red-alpha-8:#d92d2014;--scrape-red-alpha-14:#d92d2024;--scrape-red-alpha-28:#d92d2047;--scrape-radius-sm:8px;--scrape-radius-md:12px;--scrape-radius-lg:16px;--scrape-radius-xl:22px;--scrape-shadow-composer:0 1px 2px #00000008, 0 16px 42px #0001, 0 48px 90px -52px #0000003d;--scrape-shadow-card:0 1px 2px #00000006, 0 22px 65px #0001;color:var(--scrape-ink);background:var(--scrape-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scrollbar-gutter:stable}*{box-sizing:border-box}body{background:var(--scrape-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}:focus-visible{outline:2px solid var(--scrape-red-600);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scrape-page{background:radial-gradient(circle at 50% 34%,#fffffff5,#fcfcfbb8 42%,#0000 66%),linear-gradient(#fffffff0,#f7f7f5f5);min-height:100svh;position:relative;overflow-x:clip}.blueprint-background{z-index:0;pointer-events:none;background-image:linear-gradient(var(--scrape-grid) 1px, transparent 1px), linear-gradient(90deg, var(--scrape-grid) 1px, transparent 1px), radial-gradient(circle, #1f1f1f0f 1px, transparent 1.4px);background-position:top,top,top;background-size:112px 112px,112px 112px,112px 112px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}.scrape-layout{z-index:2;grid-template-columns:minmax(104px,1fr) minmax(0,960px) minmax(104px,1fr);width:min(100%,1480px);min-height:100svh;margin-inline:auto;display:grid;position:relative}.ascii-backdrop{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;contain:paint;isolation:isolate;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 2% 98%,#0000);mask-image:linear-gradient(#0000,#000 2% 98%,#0000)}.ascii-backdrop-layer{white-space:pre;font-variant-ligatures:none;letter-spacing:0;width:max-content;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(7px,.52vw,10px);line-height:1.08;position:absolute;top:1vh;left:50%;transform:translate(-50%)}.ascii-backdrop-base-layer{color:#1f1f1f33}.ascii-backdrop-accent-layer{color:var(--scrape-red-600);text-shadow:0 0 8px #d92d2014}.phase-loading.ascii-backdrop .ascii-backdrop-base-layer{color:#1f1f1f3d}.phase-loading.ascii-backdrop .ascii-backdrop-accent-layer{color:#d92d207a}.phase-success.ascii-backdrop .ascii-backdrop-base-layer{color:#1f1f1f1f}.phase-success.ascii-backdrop .ascii-backdrop-accent-layer{color:#d92d2024}.phase-error.ascii-backdrop .ascii-backdrop-accent-layer{color:#b4231861}.scrape-center{z-index:10;flex-direction:column;justify-content:center;min-width:0;min-height:100svh;padding:28px clamp(18px,3vw,28px) 72px;display:flex;position:relative}.phase-loading .scrape-center,.phase-success .scrape-center,.phase-error .scrape-center{justify-content:flex-start}.composer-slot{z-index:20;width:min(760px,100%);min-width:0;margin-inline:auto;position:relative}.scrape-box{border:1px solid var(--scrape-border);border-radius:var(--scrape-radius-lg);width:100%;min-width:0;box-shadow:var(--scrape-shadow-composer);background:#fffffff5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid;position:relative}.phase-success .scrape-box,.phase-error .scrape-box,.phase-loading .scrape-box{box-shadow:0 1px 2px #00000006,0 12px 28px #0000000e}.scrape-box:focus-within{box-shadow:var(--scrape-shadow-composer), 0 0 0 3px var(--scrape-red-alpha-14);border-color:#d92d2080}.url-leading-mark{border-radius:var(--scrape-radius-sm);background:var(--scrape-surface-muted);width:34px;height:40px;color:var(--scrape-red-600);place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;display:grid}.scrape-box input{border-radius:var(--scrape-radius-sm);width:100%;min-width:0;min-height:46px;color:var(--scrape-ink);text-overflow:ellipsis;background:#f8f8f6;border:1px solid #0000;outline:none;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.scrape-box input::placeholder{color:#8a8a8a}.scrape-box button{border-radius:var(--scrape-radius-sm);background:var(--scrape-red-600);color:#fff;cursor:pointer;border:0;min-width:122px;min-height:46px;padding:0 18px;font-weight:700;transition:background-color .14s,opacity .14s}.scrape-box button:hover{background:var(--scrape-red-700)}.scrape-box button:disabled{cursor:wait;opacity:.72}.result-region{width:min(860px,100%);min-width:0;margin:18px auto 0}.scrape-status{border:1px solid var(--scrape-border-faint);border-radius:var(--scrape-radius-md);min-height:38px;color:var(--scrape-ink-soft);background:#ffffffd1;align-items:center;gap:10px;padding:9px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;display:inline-flex}.status-dot{background:var(--scrape-red-600);width:8px;height:8px;box-shadow:0 0 0 4px var(--scrape-red-alpha-14);border-radius:999px}.error-card{border:1px solid #b4231838;border-left:3px solid var(--scrape-red-600);border-radius:var(--scrape-radius-lg);background:var(--scrape-red-50);color:var(--scrape-red-700);gap:6px;padding:16px 18px;display:grid}.error-card strong{color:var(--scrape-red-700)}.result-section{border:1px solid var(--scrape-border);border-radius:var(--scrape-radius-lg);min-width:0;box-shadow:var(--scrape-shadow-card);background:#fffffffb;position:relative;overflow:hidden}.result-section:before{background:var(--scrape-red-600);content:"";height:2px;position:absolute;inset:0 0 auto}.markdown-panel{min-width:0;display:grid}.result-toolbar{border-bottom:1px solid var(--scrape-border-faint);background:#f7f7f5c7;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:58px;padding:10px;display:flex}.content-toolbar{border:1px solid var(--scrape-border-faint);background:#eeeeeb;border-radius:10px;flex-wrap:wrap;gap:4px;min-width:0;padding:4px;display:flex}.content-toolbar button{border-radius:var(--scrape-radius-sm);min-height:36px;color:var(--scrape-ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 12px;font-weight:600;position:relative}.content-toolbar button:hover{color:var(--scrape-ink);background:#ffffff8f}.content-toolbar .active-tab{border-color:var(--scrape-red-alpha-28);color:var(--scrape-red-700);background:#fff;box-shadow:0 1px 2px #00000009}.result-ready-label{color:var(--scrape-muted);letter-spacing:0;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700}.markdown-panel-body{min-width:0}.output-pre{color:#303030;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;background:#fbfbfa;margin:0;padding:clamp(18px,3vw,30px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.65;overflow-x:auto}.markdown-source{min-height:calc(100svh - 210px)}.metadata-table{min-height:calc(100svh - 210px);color:var(--scrape-ink);background:#fff;align-content:start;display:grid;overflow:hidden}.metadata-row{border-bottom:1px solid var(--scrape-border-faint);grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:18px;padding:16px clamp(18px,3vw,30px);display:grid}.metadata-row:last-child{border-bottom:0}.metadata-row span{color:var(--scrape-muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700}.metadata-row strong{min-width:0;color:var(--scrape-ink);overflow-wrap:anywhere;font-weight:600}.markdown-preview{min-height:calc(100svh - 210px);color:var(--scrape-ink);background:#fff;padding:clamp(20px,3vw,34px);font-size:1rem;line-height:1.68;overflow:visible}.markdown-preview>*{max-width:820px;margin-left:auto;margin-right:auto}.markdown-preview>*+*{margin-top:1rem}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{color:var(--scrape-ink);letter-spacing:0;line-height:1.25}.markdown-preview h1{font-size:1.7rem}.markdown-preview h2{font-size:1.3rem}.markdown-preview h3,.markdown-preview h4{font-size:1.08rem}.markdown-preview p,.markdown-preview li{color:#303030}.markdown-preview a{color:var(--scrape-red-700);overflow-wrap:anywhere;font-weight:700}.markdown-preview blockquote{border-left:4px solid var(--scrape-red-500);background:var(--scrape-red-50);color:var(--scrape-ink-soft);margin-left:auto;margin-right:auto;padding:10px 14px}.markdown-preview code{background:#f0f0ed;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.markdown-preview pre{border-radius:var(--scrape-radius-sm);color:#f8f8f6;background:#1f1f1f;padding:14px;overflow-x:auto}.markdown-preview pre code{color:inherit;background:0 0;padding:0}.markdown-preview table{border-spacing:0;border-collapse:collapse;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{border:1px solid var(--scrape-border);text-align:left;vertical-align:top;padding:8px 10px}.markdown-preview th{background:var(--scrape-surface-muted);font-weight:800}.markdown-preview img{border-radius:var(--scrape-radius-sm);max-width:100%;height:auto;display:block}.ascii-rail{pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint;isolation:isolate;align-self:start;height:100svh;position:sticky;top:0;overflow:hidden}.ascii-viewport{position:absolute;inset:7% 0 6%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 11% 88%,#0000);mask-image:linear-gradient(#0000,#000 11% 88%,#0000)}.ascii-layer{white-space:pre;font-variant-ligatures:none;letter-spacing:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;line-height:1.06;position:absolute;top:0}.ascii-base-layer{color:#1f1f1f2e}.ascii-accent-layer{color:var(--scrape-red-600);text-shadow:0 0 8px #d92d201a}.ascii-rail-left .ascii-layer{text-align:right;right:10px}.ascii-rail-right .ascii-layer{text-align:left;left:10px}@media (width<=1179px){.scrape-layout{grid-template-columns:minmax(72px,.42fr) minmax(0,880px) minmax(72px,.42fr)}.ascii-layer{font-size:7.5px}}@media (width<=819px){.scrape-layout{width:100%;display:block}.ascii-rail{display:none}.ascii-backdrop{opacity:.18!important}.ascii-backdrop-layer{font-size:7px;top:2vh}.scrape-center{min-height:100svh;padding:18px 14px 48px}}@media (width<=560px){.scrape-box{grid-template-columns:auto minmax(0,1fr)}.scrape-box button{grid-column:1/-1;width:100%}.result-toolbar{flex-direction:column;align-items:stretch}.content-toolbar{width:100%}.content-toolbar button{flex:1 1 0;padding-inline:8px}.result-ready-label{display:none}.metadata-row{grid-template-columns:1fr;gap:6px}.markdown-preview h1{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
