.draw-overlay{z-index:100;background:#f5f5f5fa;flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.overlay-close{cursor:pointer;color:#0a3d62;background:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;position:absolute;top:12px;right:16px;box-shadow:0 2px 8px #00000026}.overlay-footer{color:#0a3d62;align-items:center;gap:14px;font-size:1rem;display:flex}.overlay-footer input{font:inherit;border:2px solid #ccc;border-radius:8px;margin-left:8px;padding:8px 10px}.dive-btn{color:#fff;cursor:pointer;background:#0a3d62;border:none;border-radius:12px;padding:12px 22px;font-size:1.1rem}.overlay-error{color:#c0392b;background:#fff;border-radius:8px;padding:8px 12px}.toolbar{background:#f5f5f5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar button{cursor:pointer;font:inherit;color:#0a3d62;background:#fff;border:2px solid #0000;border-radius:8px;padding:8px 12px}.toolbar button.active{border-color:#0a3d62}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.size-btn{place-items:center;width:40px;height:40px;display:grid;padding:0!important}.size-btn span{background:#0a3d62;border-radius:50%;display:block}.palette{flex-wrap:wrap;max-width:320px}.color-btn{border-radius:50%;width:28px;height:28px;border:2px solid #ddd!important;padding:0!important}.color-btn.active{box-shadow:inset 0 0 0 2px #fff;border-color:#0a3d62!important}.draw-canvas{touch-action:none;background:#fff;border-radius:12px;width:min(90vw,900px);height:min(60vw,600px);max-height:70vh;display:block;box-shadow:0 8px 24px #0003}.aquarium-root{position:absolute;inset:0}.fish-list-toggle{color:#0a3d62;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:14px 22px;font-size:1rem}.fish-list-panel{color:#0a3d62;z-index:5;background:#fffffff5;border-radius:14px;width:280px;max-height:calc(100vh - 100px);padding:12px;position:absolute;top:80px;right:16px;overflow:auto;box-shadow:0 8px 28px #00000040}.fish-list-panel header{margin-bottom:8px;font-weight:600}.fish-list-panel ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fish-item{border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:4px;display:grid}.fish-item.selected{background:#e0f0ff}.fish-thumb{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.fish-thumb img{max-width:100%;max-height:100%}.fish-name{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:4px}.fish-delete{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.fish-item input{font:inherit;border:1px solid #aaa;border-radius:6px;padding:4px 6px}.empty{color:#777;padding:8px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app-root{color:#fff;background:#0a3d62;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.primary-btn{color:#0a3d62;cursor:pointer;background:#fff;border:none;border-radius:12px;margin-top:16px;padding:14px 22px;font-size:1.1rem}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.hud{z-index:5;gap:12px;display:flex;position:absolute;top:16px;left:16px}.primary-btn.dev{opacity:.7;font-size:.9rem}