*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#fff;color:#1a1a1a;-webkit-tap-highlight-color:transparent}.app-shell{height:100%;width:100%}.drawing-canvas{display:block;width:100%;height:100%;touch-action:none}.toolbar{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;padding:6px;background:#ffffffeb;border:1px solid #e5e5e5;border-radius:999px;box-shadow:0 2px 12px #00000014}.tool{min-width:72px;min-height:44px;border:none;border-radius:999px;background:transparent;font-size:15px;cursor:pointer}.tool.active{background:#1a1a1a;color:#fff}.tool:disabled{opacity:.35;cursor:default}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.wizard-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.region-box{position:absolute;border:2px dashed rgba(37,99,235,.7);background:#2563eb14;border-radius:4px;pointer-events:none}.region-index{position:absolute;top:-10px;left:-10px;width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.annotation-box{position:absolute;border:2px solid #16a34a;background:#16a34a1a;border-radius:4px;pointer-events:none}.annotation-label{position:absolute;top:-24px;left:0;background:#16a34a;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;white-space:nowrap}.drag-rect{position:absolute;border:2px dashed #f59e0b;background:#f59e0b1a;pointer-events:none}.wizard-topbar{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:8px 16px;background:#fffffff2;border:1px solid #e5e5e5;border-radius:999px;box-shadow:0 2px 12px #00000014;font-size:14px;white-space:nowrap}.wizard-topbar button,.annotate-form button,.mode-picker button{min-height:40px;padding:0 16px;border:1px solid #d4d4d4;border-radius:999px;background:#fff;font-size:14px;cursor:pointer}.wizard-topbar .primary,.annotate-form .primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.annotate-form{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #e5e5e5;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000001f;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:8px;flex-wrap:wrap}.form-row.actions{justify-content:flex-end}.chip{border:1px solid #d4d4d4;border-radius:999px;padding:8px 16px;background:#fff;font-size:14px}.chip.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.form-note{min-height:44px;border:1px solid #d4d4d4;border-radius:8px;padding:0 12px;font-size:16px}.annotate-form .danger{color:#dc2626;border-color:#dc2626;margin-right:auto}.mode-picker{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000001f;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.mode-picker p{font-size:15px;color:#666}