:root{font-family:system-ui,sans-serif;color:#ecf2ed;background:#132832;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:72px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}header strong{font-size:30px;letter-spacing:-1px}header strong span{font-size:10px;color:#afd9c3;letter-spacing:2px;margin-left:7px}.privacy{font-size:11px;color:#acd1bd}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100dvh - 72px)}.stage{min-height:440px;position:relative;background:radial-gradient(ellipse at 50% 40%,#365951,#142b39 75%)}canvas{display:block;width:100%;height:100%;touch-action:none;position:absolute;top:0;right:0;bottom:0;left:0}#empty{position:absolute;top:35%;width:100%;text-align:center;padding:20px;pointer-events:none}h1{font-size:36px;letter-spacing:-1px;font-weight:500;margin:0 0 16px}#empty p{font-size:13px;color:#adc3c8;line-height:1.8}#loading{position:absolute;top:0;right:0;bottom:0;left:0;place-content:center;text-align:center;background:#152a39bc;font-size:14px}#loading:not([hidden]){display:grid}.panel{padding:24px;background:#142633;border-left:1px solid #ffffff15}button,.picker{font:500 13px system-ui;border-radius:10px;padding:12px;border:1px solid #ffffff22;cursor:pointer;color:#e1eee6;background:#ffffff08;min-height:46px}button:hover,button[aria-pressed=true]{background:#afd9c325}button:disabled{opacity:.35;cursor:default}button:focus-visible,.picker:focus-visible,input:focus-visible{outline:2px solid #afd9c3;outline-offset:3px}.picker{display:block;background:#b4d9c6;color:#183b32;text-align:center;font-weight:650}#file{display:block;width:100%;font-size:11px;margin-top:12px;color:#adc3c8}#file::file-selector-button{padding:7px;border:1px solid #ffffff22;border-radius:6px;background:#203b46;color:#e1eee6;margin-right:8px}#status{font-size:12px;line-height:1.7;color:#b3c9ca;min-height:62px;overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;margin:23px 0;color:#b6cbce}.settings label{display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:#b4d9c6;width:17px;height:17px}.secondary button{font-size:11px}#details{font-size:11px;line-height:1.7;border-top:1px solid #ffffff15;padding-top:20px;color:#a9c2c8}.note{font-size:11px;line-height:1.7;color:#839fa9}@media(max-width:850px)and (orientation:portrait),(max-width:600px){header{height:64px;padding:15px 22px}.privacy{font-size:10px}main{display:flex;flex-direction:column;min-height:calc(100dvh - 64px)}.stage{height:54dvh;min-height:330px}.panel{padding:19px 22px;border-left:0;border-top:1px solid #ffffff15}#status{min-height:0;margin:12px 0}.actions{grid-template-columns:repeat(2,1fr)}.settings{margin:17px 0}.secondary{grid-template-columns:repeat(3,1fr)}#details{margin-top:18px;padding-top:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}