:root{color-scheme:dark;--text:#f4f2e9;--muted:#b8bdb5;--accent:#c5d4a3;--panel:rgba(22,30,27,.88);--border:rgba(235,241,220,.15)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#151b1b;color:var(--text);font:13px 'DM Sans',system-ui,sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{color:#dbeabc}#viewport,canvas{display:block;position:absolute;inset:0;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;height:90px;display:flex;align-items:center;padding:0 38px;gap:23px;background:linear-gradient(#101915b3,transparent);pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;font:800 22px 'Manrope',sans-serif;letter-spacing:2.5px;text-decoration:none;color:inherit}.brand-mark{font:800 26px 'Manrope';position:relative;color:var(--accent);width:24px;transform:skew(-10deg)}.brand-mark span{font-size:13px;position:absolute;left:8px;top:14px}.brand-divider{height:19px;width:1px;background:#ffffff50;margin:0 4px}.brand small{font:600 9px 'DM Sans';letter-spacing:2px;color:#d1d9cb}.version{margin-left:auto;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.version i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.version span{opacity:.4}.icon{font-size:23px;width:32px;height:32px;display:grid;place-items:center}.property{position:absolute;top:118px;left:39px;pointer-events:none;text-shadow:0 2px 16px #102015b3}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:var(--accent)}h1{font:500 31px 'Manrope';letter-spacing:-1px;margin:11px 0 8px}.property p{color:#e1e7d9;font-size:12px;margin:0}.stats{display:flex;gap:22px;margin-top:25px}.stats>span{font-size:15px;font-weight:550}.stats small{display:block;font-size:7px;letter-spacing:1.4px;color:#d4dbcd;margin-top:5px}.panel{position:absolute;right:30px;top:118px;width:277px;border:1px solid var(--border);border-radius:12px;padding:16px 19px 20px;background:var(--panel);backdrop-filter:blur(20px);box-shadow:0 12px 50px #0002}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.panel-top .icon{width:20px;height:20px;font-size:19px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);background:#ffffff08;border:1px solid #ffffff08;border-radius:6px;padding:3px;margin-bottom:24px}.segmented button{font-size:10px;padding:8px 0;border-radius:4px;color:#aeb8ac}.segmented button.active{background:#c6d6aa;color:#1b2a1b;box-shadow:0 2px 5px #0003}label{display:block;font-size:11px;font-weight:500}label output{float:right;color:#c7d4bd;font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:3px;margin:18px 0 10px;accent-color:var(--accent);cursor:pointer;display:block}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#899888;margin-bottom:24px}#clouds{margin-bottom:26px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border);margin-top:20px}.switch-row label{font-size:10px}.switch-row input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.quality-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.quality-row label{font-size:10px}.quality-row select{background:#ffffff09;border:1px solid #ffffff18;border-radius:4px;font-size:10px;padding:6px}.viewbar{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:8px 10px;gap:3px;background:var(--panel);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:9px;white-space:nowrap;box-shadow:0 8px 40px #0002}.viewbar>.eyebrow{padding:0 12px 0 8px;font-size:8px;color:#8a9984}.viewbar button{padding:10px 14px;border-radius:5px;font-size:11px;color:#c4cbbf}.viewbar button.active{background:#ffffff13;color:#f2f5e9}.viewbar .rule{height:18px;width:1px;background:var(--border);margin:0 6px}footer{position:absolute;bottom:0;left:0;right:0;min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;color:#d2d8c9;font-size:10px;gap:15px;background:linear-gradient(transparent,#0c160d99)}footer>div{display:flex;gap:21px}footer button{font-size:10px}#loader{position:absolute;inset:0;background:#18211d;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s}.loading-brand{font:800 32px Manrope;letter-spacing:5px}.loading-brand span{display:block;text-align:center;font:500 9px 'DM Sans';letter-spacing:3px;color:var(--accent);margin-top:8px}.loading-line{width:230px;height:2px;background:#ffffff15;margin-top:40px;overflow:hidden}.loading-line i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}#loader p{font-size:11px;color:#d4ddcf;margin:20px 0 8px}#loader small{font-size:9px;color:#859580}#toast{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#1b2b24ed;border:1px solid var(--border);border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;max-width:80%;text-align:center}dialog{width:850px;max-width:calc(100vw - 36px);max-height:85vh;border:1px solid var(--border);border-radius:15px;background:#1b2520;color:var(--text);padding:30px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#07130cc9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}h2{font:500 28px Manrope;margin:8px 0 15px}.intro{color:#b9c7b5;font-size:12px;line-height:1.8;max-width:680px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.swatch{border:1px solid var(--border);border-radius:8px;overflow:hidden;display:block;text-decoration:none;color:inherit;background:#ffffff03}.swatch img{width:100%;height:100px;object-fit:cover;display:block}.swatch div{padding:10px}.swatch strong{font-size:11px;font-weight:500;display:block}.swatch small{font-size:9px;color:#91a68b;display:block;margin-top:4px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-columns h3{font-size:12px;font-weight:550}.detail-columns p{font-size:11px;line-height:1.8;color:#aebfab}.dialog-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:22px;margin-top:18px}.dialog-actions a{font-size:11px;color:#c3d5ac}.primary{background:var(--accent);color:#1c2b1e;padding:13px 17px;border-radius:6px;font-size:11px}.primary:hover{color:#152019;background:#d3e2b7}.export-note{display:block;color:#8da189;font-size:9px;margin-top:16px;line-height:1.7}.clean header,.clean .property,.clean .panel,.clean footer,.clean .viewbar{display:none}
@media(max-width:800px){header{height:70px;padding:0 19px}.brand{font-size:18px;gap:8px}.brand small,.brand-divider,.version{display:none}#fullscreen{margin-left:auto}.property{left:21px;top:87px}h1{font-size:25px}.property p{display:none}.stats{margin-top:15px;gap:15px}.stats>span{font-size:13px}.panel{top:85px;right:16px;width:235px;padding:12px 14px}.viewbar{bottom:71px;max-width:calc(100vw - 20px);overflow-x:auto;padding:6px}.viewbar>.eyebrow{display:none}.viewbar button{padding:10px;font-size:10px}.viewbar .rule{margin:0 2px}footer{padding:10px 18px;align-items:flex-end}footer>span{max-width:145px;font-size:9px;line-height:1.5}footer>div{gap:12px}footer button{font-size:9px}.material-grid{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr;gap:5px}}@media(max-width:550px){.panel{top:auto;bottom:130px;width:220px}.panel-top{margin-bottom:0}.panel.collapsed{width:130px;padding-bottom:12px}.panel.collapsed #panel-content{display:none}.property .stats{display:none}dialog{padding:21px}.dialog-actions{align-items:flex-start;gap:15px;flex-direction:column}}
@media(min-width:801px){.viewbar{max-width:calc(100vw - 50px);overflow-x:auto}.viewbar button{padding:10px 11px}.viewbar>.eyebrow{padding-right:8px}} .quality-row select{max-width:140px}

h1,h2,.brand,.loading-brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

body.ui-hidden .panel,body.ui-hidden .viewbar,body.ui-hidden footer,body.ui-hidden .property,body.ui-hidden .version{display:none!important}