:root{color-scheme:dark;--bg:#101511;--panel:#171e19;--panel2:#1c251f;--line:#303b33;--muted:#9ba89c;--text:#edf2eb;--green:#c1ef5b;--green2:#9ed63b;--orange:#ef9a62;--mono:"Cascadia Code",Consolas,monospace;font-family:Manrope,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.topbar{height:76px;width:min(1280px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #273029}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:16px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#101511;font-size:14px;font-weight:900;position:relative}.brand-mark span{font-size:9px;position:absolute;right:4px;top:1px}.brand-dot{color:var(--green)}nav{display:flex;gap:34px;color:#aab4aa;font-size:12px}nav a:hover,.footer a:hover{color:var(--green)}.repo-link{color:#dce3db}.language,.ghost-button{border:1px solid var(--line);background:transparent;border-radius:7px;color:#dce4da;padding:8px 12px;font-size:11px;cursor:pointer}.language span{color:var(--green);margin-left:5px}.hero{min-height:444px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding-top:34px;padding-bottom:48px}.eyebrow,.section-kicker{font:500 10px var(--mono);letter-spacing:1.5px;color:var(--green)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px}.pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #bff35a80}.hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-3.5px;line-height:1.09;margin:0 0 18px;font-weight:700}.hero h1 em{font-style:normal;color:var(--green)}.hero-lede{font-size:15px;color:#a8b2a8;max-width:510px;line-height:1.7}.hero-points{display:flex;gap:22px;margin-top:32px;color:#c1cbc1;font-size:11px}.hero-points b{color:var(--green);font:11px var(--mono);margin-right:5px}.hero-art{height:315px;position:relative;display:grid;place-items:center;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.art-orbit{position:absolute;border:1px solid #b8e75038;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:330px;height:150px}.orbit-two{width:285px;height:230px;transform:rotate(36deg);border-color:#ffad6728}.art-file{width:190px;height:220px;border:1px solid #465144;border-radius:10px;background:linear-gradient(145deg,#202921,#141b16);box-shadow:0 25px 65px #0008;position:relative;z-index:1;padding:14px}.file-top{display:flex;gap:4px;align-items:center;border-bottom:1px solid #3a453b;padding-bottom:10px;color:#a9b5a7;font:9px var(--mono)}.file-top span{width:5px;height:5px;border-radius:50%;background:#f2985d}.file-top span:nth-child(2){background:#e5c95a}.file-top span:nth-child(3){background:#9fd459}.file-top b{margin-left:10px;font-weight:400}.file-lines{padding-top:21px;display:grid;gap:12px}.file-lines i{height:4px;width:90%;background:#65706365;border-radius:4px}.file-lines i:nth-child(2){width:70%;background:#e5a06b80}.file-lines i:nth-child(3){width:82%}.file-lines i:nth-child(4){width:48%;background:#b9e95091}.file-scan{position:absolute;bottom:14px;font:8px var(--mono);letter-spacing:1px;color:var(--green)}.art-shield{position:absolute;z-index:2;right:calc(50% - 115px);top:58px;width:45px;height:50px;display:grid;place-items:center;background:var(--green);color:#172014;font-size:23px;clip-path:polygon(50% 0,100% 18%,91% 69%,50% 100%,9% 69%,0 18%);filter:drop-shadow(0 5px 14px #b6ec5550)}.art-caption{position:absolute;bottom:13px;color:#869184;font:9px var(--mono);letter-spacing:2px}.workspace{padding-top:32px;padding-bottom:86px}.workspace-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.workspace-heading h2,.how h2,.privacy-inner h2{font-size:28px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0 0}.ghost-button{padding:10px 13px}.ghost-button span:first-child{color:var(--green)}.builder-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;align-items:stretch}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.input-panel{padding:24px}.panel-head{display:flex;gap:13px;align-items:center;margin-bottom:21px;position:relative}.step-number{width:29px;height:29px;border:1px solid #46533e;border-radius:7px;display:grid;place-items:center;color:var(--green);font:10px var(--mono);flex:0 0 auto}.panel-head h3{font-size:15px;margin:0;letter-spacing:-.2px}.panel-head p{margin:2px 0 0;font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.field{display:flex;flex-direction:column;gap:5px;color:#b8c1b7;font-size:10px}.field.full{grid-column:1/-1}.field small{font-size:9px;color:#758174;font-weight:400}.field input,.field select,.field textarea{width:100%;border:1px solid #354139;border-radius:6px;background:#111813;color:#e9eee8;padding:9px 10px;outline:none;font-size:11px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#667165}.field input:focus,.field select:focus,.field textarea:focus{border-color:#96c746;box-shadow:0 0 0 2px #9ed63b1a}.field select{appearance:auto}.dropzone{margin-top:17px;border:1px dashed #4a594b;border-radius:8px;min-height:78px;display:flex;align-items:center;gap:13px;padding:13px 15px;cursor:pointer;background:#141b16;transition:.18s}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:#1b251b}.drop-icon{width:34px;height:34px;border:1px solid #4b5c44;border-radius:8px;display:grid;place-items:center;color:var(--green);font-size:21px;flex:0 0 auto}.drop-copy{display:grid;gap:4px}.drop-copy strong{font-size:11px}.drop-copy u{color:var(--green);text-underline-offset:2px}.drop-copy span{color:#879388;font-size:9px}.plus{margin-left:auto;color:#82917f;font-size:19px}.file-list{display:grid;gap:6px;margin-top:9px}.file-item{display:flex;align-items:center;gap:9px;background:#202820;border:1px solid #334035;border-radius:6px;padding:7px 9px;font-size:10px}.file-type{font:9px var(--mono);color:var(--green);background:#2c392b;padding:4px 5px;border-radius:4px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-size{font:9px var(--mono);color:#879286}.remove-file{border:0;background:none;color:#929e90;cursor:pointer;font-size:15px}.remove-file:hover{color:#ff9873}.notice{display:flex;gap:8px;align-items:center;margin-top:14px;color:#9fab9d;font-size:10px}.notice-icon{color:var(--green)}.preview-panel{padding:24px;display:flex;flex-direction:column;min-height:100%}.preview-panel .panel-head{margin-bottom:22px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:auto;box-shadow:0 0 10px #bdf05c8a}.preview-status{min-height:180px;border:1px dashed #3b473c;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:#aab4a8}.status-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#273126;color:var(--green);font-size:20px;margin-bottom:10px}.preview-status b{font-size:12px;color:#e4ebe0}.preview-status p{font-size:10px;color:#879285;max-width:210px;margin:5px 0 0}.report-summary{border:1px solid #354137;border-radius:8px;background:#131a15;padding:15px}.summary-top{display:flex;justify-content:space-between;align-items:center}.detected-label{font:9px var(--mono);letter-spacing:.8px;color:var(--green);background:#263124;padding:5px 7px;border-radius:4px}.file-count{font:9px var(--mono);color:#9ba798}.report-summary h4{font-size:15px;margin:12px 0 8px;letter-spacing:-.3px}.summary-meta{font-size:10px;color:#9ea99b;display:flex;flex-wrap:wrap;gap:7px}.meta-chip{padding:4px 6px;background:#202820;border-radius:4px}.hint-list{margin:12px 0;display:grid;gap:7px}.hint{border-left:2px solid #e8a15f;padding:5px 8px;color:#c8b5a2;background:#231e18;font-size:9px}.redaction-box{border:1px solid #4b4633;background:#201f18;border-radius:6px;padding:10px;margin-top:12px}.redaction-head{display:flex;justify-content:space-between;color:#e4d49b;font-size:10px}.redaction-head b{font:11px var(--mono);color:var(--green)}.redaction-box p{color:#aaa68e;font-size:9px;margin:5px 0 0}.sanitized-details{margin-top:10px}.sanitized-details summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;color:#aeb8ab;font-size:10px}.sanitized-details summary::-webkit-details-marker{display:none}.sanitized-details pre{max-height:160px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0d120e;border-radius:5px;padding:10px;color:#a6b1a2;font:9px/1.5 var(--mono);margin:8px 0 0}.export-area{margin-top:auto;padding-top:20px}.export-button{width:100%;border:0;border-radius:7px;background:var(--green);color:#182013;font-weight:800;padding:12px;cursor:pointer;text-align:left;display:flex;gap:9px;align-items:center;font-size:11px}.export-button:hover:not(:disabled){background:#d2ff72;transform:translateY(-1px)}.export-button:disabled,.markdown-button:disabled{opacity:.4;cursor:not-allowed}.button-arrow{margin-left:auto}.markdown-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:10px 12px;border:1px solid #3b483d;border-radius:7px;background:transparent;color:#dbe3d9;cursor:pointer;font-size:10px}.markdown-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.export-area>p{font-size:9px;color:#7f8c7e;text-align:center;margin:9px 0 0}.how{padding-top:4px;padding-bottom:90px}.how h2{font-size:34px;margin-top:10px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.how-grid article{border-top:1px solid #39453a;padding-top:15px}.how-grid article>span{color:var(--green);font:10px var(--mono)}.how-grid h3{font-size:13px;margin:12px 0 6px}.how-grid p{color:#98a396;font-size:11px;line-height:1.7;margin:0;max-width:285px}.privacy-band{border-top:1px solid #303b33;border-bottom:1px solid #303b33;background:#141a15}.privacy-inner{padding:50px 0;display:grid;grid-template-columns:50px 1.2fr .8fr;gap:25px;align-items:center}.privacy-symbol{width:45px;height:45px;border:1px solid #516047;border-radius:10px;display:grid;place-items:center;color:var(--green);font-size:22px}.privacy-inner h2{font-size:25px}.privacy-inner p{font-size:11px;line-height:1.8;color:#9ca79a;max-width:500px;margin:12px 0 0}.privacy-checks{display:grid;gap:9px;color:#b8c2b4;font-size:10px}.privacy-checks>span:first-letter{color:var(--green)}.footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#849084;font-size:9px}.footer .brand{color:#e9eee8;font-size:13px}.footer .brand-mark{width:25px;height:25px;border-radius:7px;font-size:11px}.footer>a:last-child{color:#b6c0b4}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#253126;border:1px solid #4e6149;color:#eef6e8;padding:10px 15px;border-radius:8px;font-size:11px;box-shadow:0 8px 30px #0008;z-index:10}.toast.error{border-color:#9b5944;color:#ffd2bf}
@media(max-width:840px){.hero{grid-template-columns:1fr .75fr;gap:5px}.hero-art{transform:scale(.88)}.builder-grid{grid-template-columns:1fr}.preview-panel{min-height:440px}.privacy-inner{grid-template-columns:45px 1fr}.privacy-checks{grid-column:2;grid-template-columns:1fr 1fr}.how-grid{gap:12px}}@media(max-width:600px){.wrap,.topbar{width:calc(100% - 32px)}.topbar{height:64px}nav{gap:15px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:22px}.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-art{height:230px;transform:none;margin-top:4px}.art-file{transform:scale(.82)}.workspace{padding-top:25px;padding-bottom:62px}.workspace-heading h2{font-size:24px}.input-panel,.preview-panel{padding:17px}.form-grid{gap:11px 9px}.field input,.field select,.field textarea{font-size:11px}.drop-copy span{max-width:220px;line-height:1.4}.how{padding-bottom:58px}.how h2{font-size:29px}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid article{padding-top:12px}.privacy-inner{padding:35px 0;gap:16px;grid-template-columns:40px 1fr}.privacy-inner h2{font-size:22px}.privacy-checks{grid-template-columns:1fr}.footer{padding:18px 0;flex-wrap:wrap}.footer>span{order:3;width:100%}.footer>a:last-child{font-size:9px}}
.preview-status[hidden],.report-summary[hidden]{display:none}