:root{color-scheme:dark;--bg:#0c0919;--panel:#161022;--border:#a281d92a;--muted:#aa9cbe;--accent:#af8aef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0%,#3d216337,transparent 55%),var(--bg);color:#eee8f8;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}header{height:85px;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid var(--border)}a{color:#bd9de9;text-decoration:none;font-size:12px}.brand{display:flex;align-items:center;gap:24px}.brand img{width:100px}.brand span{font:9px monospace;letter-spacing:2px;color:#9d8ab2}main{max-width:1200px;margin:auto;padding:60px 25px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#b197d1}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;font-weight:500;line-height:1.1;margin:22px 0}h1 em{font-style:normal;color:#b195f3}.intro>p:not(.eyebrow){color:var(--muted);font-size:15px}.privacy{font-size:11px;color:#b29acb;display:block;margin:24px 0 45px}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;align-items:start}.source-panel,.settings-panel,.results-panel{background:linear-gradient(140deg,#21162e,#110e1d);border:1px solid var(--border);border-radius:13px;padding:28px}h2{font:10px monospace;color:#9173b7;letter-spacing:1px;margin:0 0 25px}h2 span{font:18px Arial;color:#ddd1ef;letter-spacing:-.5px;margin-left:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0}.drop{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;border:1px dashed #a586d066;border-radius:9px;background:#9672d40a;text-align:center;position:relative;cursor:pointer;overflow:hidden;margin:30px 0 0!important}.drop:hover,.drop.drag{border-color:#c7a7ff;background:#9672d41a}.drop-symbol{font-size:42px;color:#ae85ec;line-height:1}.drop strong{font-size:17px;font-weight:400}.drop>span:last-of-type{font-size:11px;color:var(--muted)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop:focus-within{outline:2px solid #7df9ff;outline-offset:4px}.sample{margin:18px 0!important}.list-summary{font:10px monospace;letter-spacing:.3px;color:#a993c6;border-top:1px solid var(--border);padding-top:20px}.file-list{max-height:420px;overflow:auto;margin-top:15px}.file-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff0b}.file-row img{width:56px;height:56px;object-fit:contain;background:repeating-conic-gradient(#403346 0% 25%,#21182e 0% 50%) 0 0/14px 14px;border-radius:5px}.file-info{min-width:0;flex:1}.file-info strong{font-size:12px;font-weight:400;display:block;overflow-wrap:anywhere}.file-info small{display:block;color:#9f8eb5;font:10px/1.8 monospace}.file-remove{border:0;background:transparent;color:#aa97c3;font-size:20px;cursor:pointer}.source-note,.settings-note{font-size:11px;line-height:1.8;color:#8c7e9e;border-top:1px solid var(--border);padding-top:20px;margin-top:25px}label{display:block;font-size:11px;color:#b9a7ce;margin:21px 0 8px}label output{float:right;color:#c9a9ff}input:not([type=file]):not([type=range]):not([type=checkbox]),select{width:100%;background:#0c0915;border:1px solid #ac87dc33;color:#e7daf7;border-radius:5px;padding:11px;font:12px Arial}input[type=range]{width:100%;accent-color:#9b70e5}input[type=color]{height:40px;padding:5px!important}select{min-height:40px}.checkbox{display:flex;gap:9px;align-items:center}input[type=checkbox]{accent-color:#a87cea}button{font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.text-button{background:transparent;border:0;color:#bca1df;font-size:11px;padding:0;cursor:pointer}.primary{width:100%;border:0;border-radius:6px;background:#9265d8;padding:16px;color:white;font-size:13px;cursor:pointer;margin-top:25px}.primary:hover:not(:disabled){background:#a77ae9}#cancel{display:block;margin:15px auto}#cancel[hidden]{display:none}progress{width:100%;height:6px;accent-color:#b38df0;margin-top:25px}#status{font-size:11px;color:#b5a2cf;margin-bottom:0;overflow-wrap:anywhere}.results-panel{margin-top:25px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.result{background:#0c0915;border:1px solid var(--border);border-radius:7px;padding:18px;overflow:hidden}.result img{width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#403346 0% 25%,#21182e 0% 50%) 0 0/16px 16px}.result p{font-size:11px;overflow-wrap:anywhere}.result small{display:block;color:#a891c2;font:10px/1.8 monospace}.result a{display:inline-block;margin-top:15px;font-size:11px}#result-summary{font:10px monospace;color:#ba9dde}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);margin-top:65px;padding-top:25px;font:8px monospace;letter-spacing:1px;color:#7f708f}:focus-visible{outline:2px solid #7df9ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:750px){header{padding:20px}.brand span{display:none}main{padding:40px 18px}.workspace{grid-template-columns:1fr}.source-panel,.settings-panel,.results-panel{padding:22px}.results{grid-template-columns:1fr}.intro h1{letter-spacing:-2px}.drop{min-height:190px}footer{flex-direction:column}#result-summary{max-width:130px;text-align:right}}