*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overscroll-behavior:none;touch-action:none}.app{display:grid;grid-template-rows:auto 1fr;height:100dvh}.toolbar{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;z-index:5}.canvas-wrap{position:relative;height:100%;background:#fafafa;overflow:hidden}#video{position:absolute;right:12px;bottom:12px;width:clamp(96px,22vw,220px);height:auto;border-radius:8px;opacity:.8;box-shadow:0 2px 8px #00000026;pointer-events:none}#output-canvas{position:absolute;left:0;top:0;width:100%;height:100%}.badge{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #ddd;background:#fff}.separator{height:24px;border-left:1px solid #e6e6e6}label{font-size:14px;color:#333}button,input,select{font-size:14px}button{padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}button:active{transform:translateY(1px)}.color-input{width:36px;height:28px;padding:0;border:1px solid #ddd;border-radius:4px}.tool{display:inline-flex;align-items:center;gap:6px}.tool input[type=range]{width:140px}