:root{color-scheme:dark;--bg:#292b2e;--line:#484b50;--text:#f4f4f5;--muted:#b9bec6;--blue:#087bfa;--control:#55585e;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:#303236}h1{font-size:22px;line-height:1.3;margin:0;flex:1}h2{font-size:16px;line-height:1.4;margin:12px 0 8px}button,.fileButton,select{font:600 14px/1.3 inherit;font-family:inherit;font-size:14px;min-height:44px;border:1px solid #6b6e73;background:var(--control);border-radius:6px;color:var(--text);padding:10px 14px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled),.fileButton:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.fileButton:focus-within{outline:3px solid #8bc4ff;outline-offset:3px}header button{min-width:76px}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100dvh - 116px)}.workspace{padding:20px;display:flex;flex-direction:column;min-width:0}#stage{min-height:360px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#25272a;border:1px dashed #777c84;border-radius:8px;overflow:hidden}#preview{max-width:100%;max-height:calc(100dvh - 240px);width:auto;height:auto;display:none;touch-action:manipulation}#empty{text-align:center;padding:20px;color:#c0c4cb;font-size:17px}#empty svg{opacity:.7;margin:30px}aside{border-left:1px solid var(--line);padding:16px 18px;overflow:auto}.imports{display:flex;flex-direction:column;gap:10px}.fileButton,#export{display:block;text-align:center;background:var(--blue);border-color:#278fff}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}#analyze{width:100%;margin-top:10px}#estimate{font-size:12px;color:var(--muted);margin:12px 0}p{line-height:1.6}.field{margin-bottom:3px}.field label{display:flex;justify-content:space-between;gap:10px;font-size:13px}.field output{font-variant-numeric:tabular-nums;color:#ddeaff}input[type=range]{width:100%;height:24px;margin:0;accent-color:#2992ff;cursor:pointer}.export{margin-top:20px}.export>label{font-size:13px}select{width:100%;margin:5px 0 10px;font-weight:400}#export,#reset{width:100%;margin-bottom:8px}.previewTools{display:flex;align-items:center;gap:14px;margin-top:12px;color:var(--muted);font-size:12px}.previewTools button{font-size:13px}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}details{font-size:12px;color:var(--muted);margin-top:12px}summary{min-height:44px;display:list-item;align-content:center;color:#e7e8eb;cursor:pointer}footer{padding:10px 20px;background:#242629;border-top:1px solid var(--line);font-size:13px}dialog{max-width:460px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:24px}dialog::backdrop{background:#0009}dialog img{display:block;clear:both;margin-top:14px}#closeAbout{float:right}body.working{cursor:progress}.error{color:#ffbfb7}@media(min-width:1100px){aside{max-height:calc(100dvh - 110px)}}@media(max-width:900px){header{padding:12px}h1{font-size:18px}header img{width:28px;height:28px}main{display:flex;flex-direction:column}.workspace{padding:12px}#stage{min-height:280px}#preview{max-height:55dvh}aside{border-left:0;border-top:1px solid var(--line);padding:16px 20px}.imports{flex-direction:row}.fileButton{flex:1}.previewTools{justify-content:space-between}}
.autoToggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.autoToggle input{width:18px;height:18px;accent-color:var(--blue)}