:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#11232f;--card:#fff;--accent:#0f6e94;--safe-b:env(safe-area-inset-bottom,0px);--safe-r:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e8eef4;--card:#1b2430}}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,sans-serif}#app{height:100%;position:relative;overflow:hidden}.tank-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.fab{right:calc(20px + var(--safe-r));bottom:calc(24px + var(--safe-b));background:var(--accent);color:#fff;cursor:pointer;z-index:5;appearance:none;border:none;border-radius:50%;width:72px;height:72px;font-size:40px;line-height:1;position:fixed;box-shadow:0 6px 16px #00000059}.fab:disabled{opacity:.5;cursor:default}.overlay{padding:16px;padding-bottom:calc(16px + var(--safe-b));z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card{background:var(--card);color:var(--fg);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:460px;max-height:92vh;padding:22px;display:flex;overflow:auto}.card h2{margin:0;font-size:20px}.preview-canvas{background-color:#eee;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;width:100%;height:auto}.preview-canvas.flipped{transform:scaleX(-1)}.slider-row{align-items:center;gap:12px;font-size:16px;display:flex}.slider-row input[type=range]{appearance:none;background:0 0;flex:1;height:40px}.slider-row input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--fg) 30%, transparent);border-radius:3px;height:6px}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-top:-13px}.actions{gap:12px;display:flex}.actions button{flex:1}button{cursor:pointer;appearance:none;border:none;border-radius:10px;min-height:52px;padding:14px 16px;font-size:17px}.primary{background:var(--accent);color:#fff}.danger{color:#fff;background:#c0392b}.ghost{color:var(--fg);background:0 0;border:1px solid}.text-input{min-height:52px;color:var(--fg);background:0 0;border:1px solid #999;border-radius:10px;padding:14px;font-size:16px}.status{opacity:.85;min-height:1.3em;margin:0;font-size:15px}