:root{color:#e1e9e6;font-synthesis:none;background:#162226;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=number]{color:#e1e9e6;background:#24383e;border:1px solid #4b6369;border-radius:5px;padding:7px}button{cursor:pointer}button:hover{background:#355058}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:wait}:focus-visible{outline-offset:3px;outline:2px solid #b5e5ce}header{border-bottom:1px solid #385057;justify-content:space-between;align-items:center;gap:12px;height:78px;padding:15px 24px;display:flex}h1{margin:0 0 5px;font-size:19px}header p{color:#a1b8b7;overflow-wrap:anywhere;margin:0;font-size:12px}main{grid-template-columns:220px minmax(300px,1fr) 240px;height:calc(100dvh - 78px);min-height:300px;display:grid}aside{scrollbar-gutter:stable;background:#1b2b30;min-width:0;padding:16px;overflow:auto}.tools-panel{border-right:1px solid #385057}.document-panel{border-left:1px solid #385057}section{margin-bottom:22px}h2,summary{letter-spacing:.04em;color:#bdcfca;font-size:13px;font-weight:600}h2{margin:0 0 12px}details{border-top:1px solid #385057;margin-top:16px;padding-top:13px}aside>details:first-child{margin-top:0}summary{cursor:pointer;line-height:1.6}details[open]>summary{margin-bottom:12px}label{margin:10px 0;font-size:13px;display:block}label select,label input[type=number]{width:100%;margin-top:5px}input[type=range]{accent-color:#8fc8b1;width:100%}input[type=checkbox]{accent-color:#8fc8b1}.check{align-items:center;gap:7px;display:flex}.row{gap:7px;display:flex}.row>*{flex:1;min-width:0}.wide{width:100%}.file{text-align:center;cursor:pointer;background:#355058;border:1px solid #6c9991;border-radius:5px;padding:10px}.file input{width:100%;margin-top:8px;font-size:11px}small{color:#a1b8b7;overflow-wrap:anywhere;font-size:11px;line-height:1.6;display:block}small+small{margin-top:9px}#historyState{font-variant-numeric:tabular-nums;margin-top:10px}#viewport{min-width:0;min-height:300px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}#cursorPosition{pointer-events:none;font-variant-numeric:tabular-nums;color:#e1eee8;background:#162226dd;border-radius:5px;width:fit-content;max-width:calc(100% - 28px);padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;top:14px;left:14px;right:14px}#status{white-space:pre-wrap;background:#162226e6;border:1px solid #4b6369;border-radius:5px;max-height:40%;padding:10px 12px;font-size:12px;position:absolute;bottom:16px;left:14px;right:14px;overflow:auto}#status.error{color:#ffd3bf;border-color:#d99475}#metrics{font-variant-numeric:tabular-nums}.warning{color:#ffd695;font-weight:600}#dragHeight{background:#243b41;border:1px solid #486369;border-radius:5px;margin-top:6px;padding:8px 10px;display:block}@media (width<=900px){main{grid-template-rows:minmax(300px,1fr) auto;grid-template-columns:200px minmax(300px,1fr);height:calc(100dvh - 78px)}aside{padding:12px}.document-panel{border-top:1px solid #385057;border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:32dvh;display:grid}.document-panel>details{border-top:0;margin:0;padding-top:0}header{padding:12px}header small{display:none}}@media (width<=540px){main{grid-template-columns:160px minmax(300px,1fr);overflow:auto}.document-panel{grid-template-columns:1fr;max-height:35dvh}.tools-panel{padding:10px}header{min-width:460px}.row{gap:4px}button{padding:7px 4px}#cursorPosition{font-size:11px}}[hidden]{display:none!important}.header-links{align-items:center;gap:16px;display:flex}.header-links a{color:#b5e5ce;white-space:nowrap;text-underline-offset:3px;font-size:13px}.header-links a:hover{color:#e1eee8}#fileOperation{color:#e1eee8;z-index:2;background:#162226ed;border:1px solid #6c9991;border-radius:6px;width:min(420px,100% - 28px);padding:14px;font-size:13px;position:absolute;top:62px;left:14px;right:14px}#fileOperation progress{accent-color:#8fc8b1;width:100%;height:12px;margin:12px 0;display:block}#cancelFileOperation{width:100%}