*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#e8dec5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-layout{display:flex;flex-direction:column}#sandCanvas{display:block;cursor:crosshair}#ui-panel{position:absolute;top:20px;left:20px;width:220px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:10;border:1px solid rgba(255,255,255,.3)}#authControls{position:fixed;top:20px;right:20px;display:flex;gap:8px;align-items:center;z-index:10050;background:#fffffff2;padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px #00000014}#authControls button{padding:8px 10px;border-radius:6px;border:1px solid #d2b48c;background:#fff;cursor:pointer;font-size:14px}#authControls button:hover{background:#fdfaf3;border-color:#8b795e}h3{margin:0 0 8px;color:#5a5a5a;font-weight:400;text-align:center;letter-spacing:1px}.tool-section{display:flex;flex-direction:column;gap:8px}.label{font-size:12px;color:#8b795e;text-transform:uppercase;font-weight:700;margin-bottom:-5px}button{padding:10px;border:1px solid #d2b48c;background:#fff;border-radius:6px;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#fdfaf3;border-color:#8b795e}button.active{background:#8b795e;color:#fff}button.danger{color:brown;margin-top:0}input[type=range]{width:100%;accent-color:#8b795e}.divider{height:1px;background:#0000000d;margin:10px 0}footer{position:fixed;bottom:0;left:0;width:100%;background:#000000b3;color:#fff;text-align:center;padding:10px 0;z-index:9999;font-family:sans-serif;font-size:14px}#app-status{color:#4caf50;text-transform:uppercase;font-weight:700}.auth-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200000;pointer-events:none}.auth-modal__backdrop{position:absolute;inset:0;background:#00000073;pointer-events:auto}.auth-modal__panel{position:relative;width:360px;max-width:calc(100% - 32px);background:#fff;border-radius:8px;padding:16px;box-shadow:0 10px 30px #00000040;pointer-events:auto}.auth-modal__close{position:absolute;right:8px;top:6px;background:transparent;border:none;font-size:20px;cursor:pointer}.auth-row{display:flex;flex-direction:column;gap:6px;margin-top:10px}.auth-label{font-size:12px;color:#444}.link-like{background:none;border:none;color:#07c;cursor:pointer;padding:6px 8px;text-decoration:underline}#authMessage{font-size:.95em}