@font-face{font-family:Lato;src:url(assets/Lato-Regular.ttf)}@font-face{font-family:Lato;src:url(assets/Lato-Bold.ttf);font-weight:700}:root{font-family:Lato,Arial,sans-serif;color:#edf0e9;background:#151d1b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#27352e;border:1px solid #46564c;border-radius:9px;color:inherit;padding:11px 12px;transition:background .15s}button:hover{background:#3b4b40}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5d4a2;outline-offset:4px}button[aria-pressed=true]{background:#dce3cb;color:#1a281e;border-color:#dce3cb}button:disabled{opacity:.4;cursor:default}a{color:inherit}header{height:64px;padding:0 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #344139}.brand{text-decoration:none;letter-spacing:6px;font-size:20px}header>span{font-size:14px;color:#bdc8bd}.header-actions{margin-left:auto;display:flex;gap:8px}.header-actions button{font-size:12px;padding:8px 11px;background:transparent}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:calc(100dvh - 64px);min-height:540px}#stage{position:relative;overflow:hidden;background:#181c20}#canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#canvas:active{cursor:grabbing}#loading{position:absolute;inset:0;background:#131c18;z-index:5;display:grid;place-items:center}#loading[hidden]{display:none}#loading img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.45}#loading>div{z-index:1;text-align:center;padding:24px;border-radius:12px;background:#16221ce6;max-width:340px}#loading p{font-size:13px;line-height:1.6;color:#c9d4c8}.spinner{display:block;width:25px;height:25px;border:2px solid #6c7c6d;border-top-color:#f2e6c5;border-radius:50%;margin:0 auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topline{position:absolute;top:22px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;font-size:10px;letter-spacing:2px;text-shadow:0 1px 6px #000}.motion-badge{letter-spacing:.5px;color:#efe6d0;border-radius:20px;padding:7px 10px;background:#17221d9c}.bottomline{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;gap:12px}.bottomline p{font-size:12px;line-height:1.6;text-shadow:0 2px 5px #000}.bottomline nav{display:flex;gap:5px;flex-wrap:wrap}.bottomline button{background:#18241de6;font-size:12px;padding:9px 11px}.bottomline button[aria-pressed=true]{background:#e5e9dc;color:#203322}#editHint{position:absolute;top:65px;left:24px;font-size:12px;background:#20342ce6;padding:10px 15px;border-radius:8px;pointer-events:none}aside{overflow:auto;padding:28px 24px;background:#18221d}h1{font-size:32px;font-weight:400;letter-spacing:-1px;margin:4px 0 10px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#b8c5b1;margin:0}.intro{font-size:14px;color:#b7c5b6;margin-bottom:25px}aside section{border-top:1px solid #3b493e;padding:22px 0}h2{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:400;margin:0 0 16px;color:#c1cdb9}.themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.themes button{padding:0;overflow:hidden;text-align:left;font-size:12px}.themes img{display:block;width:100%;height:52px;object-fit:cover}.themes span{display:block;padding:9px 11px}.themes .night{filter:brightness(.3) saturate(.5) hue-rotate(18deg)}.check{display:flex;gap:10px;align-items:center;font-size:13px;margin:18px 0 9px;cursor:pointer}input[type=checkbox]{accent-color:#d9dfc9;width:17px;height:17px}.range{display:block;font-size:12px;margin:19px 0 8px}.range output{float:right;color:#cad6bf}input[type=range]{display:block;width:100%;accent-color:#cfdab8;cursor:pointer}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttons button{font-size:12px}#editPanel{margin-top:15px;padding:15px;border-radius:9px;background:#25342b}#editPanel>label:not(.range){font-size:12px;display:block;margin:12px 0 8px}select,input[type=text],#member{width:100%;padding:9px;background:#17251d;color:inherit;border:1px solid #596651;border-radius:5px}.hint,#status{font-size:11px;line-height:1.6;color:#b4c1ae}#status{min-height:34px;margin-bottom:4px}.text-button{background:transparent;border:none;color:#cbd8bf;font-size:12px;padding:0;text-decoration:underline}dialog{max-width:640px;width:90vw;border:1px solid #6c7963;background:#1a271e;border-radius:14px;color:#e3eadc;padding:25px;line-height:1.7;font-size:14px}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:17px;letter-spacing:0;text-transform:none;margin:0}.dialog-head button{background:transparent}details{border-top:1px solid #506348;margin-top:24px;padding-top:16px;font-size:12px;color:#b9c9b0}summary{cursor:pointer}#renderDialog{max-width:1100px}#renderDialog img{width:100%;display:block;margin-top:16px}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:minmax(0,1fr) 275px}aside{padding:24px 17px}.bottomline{display:block}.bottomline p{margin:0 0 10px}.bottomline p span{display:none}}@media(max-width:650px){header{height:56px;padding:0 15px;gap:18px}.brand{font-size:16px}header>span{font-size:12px}.header-actions button{font-size:11px}main{display:block;height:auto;min-height:0}#stage{height:65dvh;min-height:420px}aside{padding:24px;overflow:visible}aside section{max-width:620px}.bottomline{left:15px;bottom:15px;right:15px}.topline{left:15px;right:15px;top:15px}.bottomline p{font-size:11px}.bottomline button{font-size:11px;padding:10px}.themes{grid-template-columns:repeat(4,1fr)}.themes span{padding:8px 4px;font-size:11px}.themes img{height:48px}#editHint{left:15px;right:15px;top:58px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}