*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#f4f4f5;color:#18181b}button,input{font:inherit}.toolbar{position:fixed;top:12px;left:12px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffffeb;border:1px solid #e4e4e7;box-shadow:0 8px 24px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar label{display:flex;align-items:center;gap:6px;font-size:14px}.toolbar button{border:1px solid #d4d4d8;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.toolbar button.active{background:#18181b;color:#fff;border-color:#18181b}.status{font-size:13px;color:#52525b}.canvas-wrap{width:100%;height:100%;cursor:crosshair}.canvas-wrap.panning{cursor:grabbing}.hud{position:fixed;right:12px;bottom:12px;z-index:10;padding:8px 10px;border-radius:10px;background:#18181bd6;color:#fafafa;font-size:12px;line-height:1.5}.status.error{color:#dc2626}.hidden-input{display:none}.canvas-wrap.text-tool{cursor:text}.canvas-wrap.image-tool{cursor:copy}.text-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#00000040}.text-prompt{width:min(420px,calc(100vw - 32px));padding:16px;border-radius:12px;background:#fff;border:1px solid #e4e4e7;box-shadow:0 16px 40px #0000001f;display:grid;gap:10px}.text-prompt input{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:8px 10px}.text-prompt-actions{display:flex;justify-content:flex-end;gap:8px}.voice-debug{position:fixed;left:12px;bottom:12px;z-index:11;width:min(520px,calc(100vw - 24px));max-height:min(360px,42vh);display:grid;grid-template-rows:auto auto 1fr;gap:8px;padding:10px 12px;border-radius:12px;background:#09090bf0;color:#f4f4f5;border:1px solid #3f3f46;box-shadow:0 12px 32px #00000047;font-size:11px}.voice-debug-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-debug-actions{display:flex;gap:6px}.voice-debug button{border:1px solid #52525b;background:#27272a;color:#fafafa;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px}.voice-debug-snapshot{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#18181b;color:#d4d4d8;line-height:1.4}.voice-debug-snapshot code{color:#fbbf24}.voice-debug-log{overflow:auto;border-radius:8px;background:#09090b;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45}.voice-debug-line{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.voice-debug-line.warn{color:#fbbf24}.voice-debug-line.error{color:#f87171}.voice-debug-time{color:#71717a}.voice-debug-tag{color:#60a5fa}.voice-debug-data{color:#a1a1aa;word-break:break-all}.voice-debug-empty{color:#71717a}