#imageRotateFlipTool .privacy-banner{margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--color-success-light, #dcfce7);color:var(--color-success-dark, #166534);font-size:13px;text-align:center}#imageRotateFlipTool .mode-switch{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:8px}#imageRotateFlipTool .mode-btn{flex:1;min-height:44px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500}#imageRotateFlipTool .mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}#imageRotateFlipTool .mode-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#imageRotateFlipTool .help-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:18px;font-weight:700}#imageRotateFlipTool .help-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#imageRotateFlipTool .upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-sm);padding:36px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:var(--color-surface)}#imageRotateFlipTool .upload-zone:hover,#imageRotateFlipTool .upload-zone.dragover{border-color:var(--color-primary);background:var(--color-primary-light, rgba(59, 130, 246, .05))}#imageRotateFlipTool .upload-zone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#imageRotateFlipTool .upload-emoji{font-size:40px;display:block;margin-bottom:8px}#imageRotateFlipTool .upload-title{font-weight:500;margin:0 0 4px}#imageRotateFlipTool .upload-hint{font-size:13px;color:var(--color-text-secondary);margin-top:4px}#imageRotateFlipTool .source-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#imageRotateFlipTool .source-info{font-size:13px;color:var(--color-text-secondary);margin:0}#imageRotateFlipTool .source-actions{display:flex;gap:8px}#imageRotateFlipTool .src-btn{min-height:44px;padding:8px 12px;font-size:13px}#imageRotateFlipTool .exif-banner{padding:8px 12px;border-radius:var(--radius-sm);background:var(--color-info-light, #e0f2fe);color:var(--color-info-dark, #075985);font-size:13px}#imageRotateFlipTool .editor-stage{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:repeating-conic-gradient(#f3f4f6 0% 25%,#fff 0% 50%) 0 0 / 24px 24px;padding:12px;text-align:center;overflow:hidden}#imageRotateFlipTool .canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none}#imageRotateFlipTool #previewCanvas{display:block;max-width:100%;max-height:min(58vh,520px);width:auto;height:auto;border-radius:4px;box-shadow:0 1px 4px #00000014}#imageRotateFlipTool .angle-readout{position:absolute;top:8px;right:8px;background:#0f172ac7;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;pointer-events:none;line-height:1}#imageRotateFlipTool .angle-readout-inline{margin-left:8px;color:var(--color-primary);font-weight:600}#imageRotateFlipTool .touch-hint{font-size:12px;color:var(--color-text-secondary);margin:0;text-align:center}#imageRotateFlipTool .action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}#imageRotateFlipTool .action-btn{min-height:56px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:13px}#imageRotateFlipTool .action-btn .ico{font-size:22px;line-height:1}#imageRotateFlipTool .action-btn .kbd-tag{font-size:10px;color:#ffffffc7;background:#0000002e;padding:1px 4px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace)}#imageRotateFlipTool .btn-secondary.action-btn .kbd-tag{color:var(--color-text-secondary);background:#0000000a}#imageRotateFlipTool .nudge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}#imageRotateFlipTool .nudge-btn{min-height:36px;min-width:56px;padding:4px 8px;font-size:13px}#imageRotateFlipTool .small-num{width:80px}#imageRotateFlipTool .slider-row{display:flex;gap:8px;align-items:center}#imageRotateFlipTool .slider-row input[type=range]{flex:1;min-width:0}#imageRotateFlipTool .bg-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#imageRotateFlipTool .bg-swatch{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;min-width:64px}#imageRotateFlipTool .bg-swatch input[type=radio]{margin:0}#imageRotateFlipTool .bg-swatch.transparent{background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}#imageRotateFlipTool .bg-swatch.white{background:#fff}#imageRotateFlipTool .bg-swatch.black{background:#1f2937;color:#fff}#imageRotateFlipTool .bg-swatch.custom{background:linear-gradient(45deg,#fde68a,#f97316)}#imageRotateFlipTool .bg-swatch input[type=color]{height:24px;width:40px;padding:0;border:0;background:transparent;cursor:pointer}#imageRotateFlipTool .bg-name{font-size:12px}#imageRotateFlipTool .lock-row{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:36px}#imageRotateFlipTool .big-btn{min-height:52px;font-size:15px}#imageRotateFlipTool .btn-row{display:flex;gap:8px;flex-wrap:wrap}#imageRotateFlipTool .divider{border:0;border-top:1px solid var(--color-border);margin:8px 0}#imageRotateFlipTool .result-head{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}#imageRotateFlipTool .result-actions{display:flex;gap:8px;flex-wrap:wrap}#imageRotateFlipTool .result-actions .btn{min-height:44px}#imageRotateFlipTool .result-preview{text-align:center;background:repeating-conic-gradient(#f3f4f6 0% 25%,#fff 0% 50%) 0 0 / 24px 24px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}#imageRotateFlipTool .result-preview img{max-width:100%;max-height:min(48vh,420px);display:inline-block}#imageRotateFlipTool .batch-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;align-items:end}#imageRotateFlipTool .batch-control-item{margin-bottom:0}#imageRotateFlipTool .batch-controls select{width:100%;min-height:40px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}#imageRotateFlipTool .batch-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;max-height:360px;overflow-y:auto}#imageRotateFlipTool .batch-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:8px 12px;border-bottom:1px solid var(--color-border);align-items:center}#imageRotateFlipTool .batch-item:last-child{border-bottom:0}#imageRotateFlipTool .batch-item img{width:64px;height:64px;object-fit:contain;background:#f9fafb;border-radius:4px}#imageRotateFlipTool .batch-item-meta{font-size:13px;min-width:0}#imageRotateFlipTool .batch-item-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#imageRotateFlipTool .batch-item-meta small{color:var(--color-text-secondary);display:block}#imageRotateFlipTool .batch-item-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}#imageRotateFlipTool .batch-item-controls select{min-height:36px;padding:4px 6px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface)}#imageRotateFlipTool .batch-item-rm{background:transparent;border:0;color:var(--color-danger, #dc2626);cursor:pointer;font-size:18px;padding:4px 8px;min-height:36px;min-width:36px}#imageRotateFlipTool .batch-progress{padding:12px;background:var(--color-surface);border-radius:var(--radius-sm)}#imageRotateFlipTool .batch-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}#imageRotateFlipTool .batch-bar-fill{width:0;height:100%;background:var(--color-primary);transition:width .2s}#imageRotateFlipTool .help-panel{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}#imageRotateFlipTool .help-card{position:relative;max-width:480px;width:100%;background:var(--color-surface, #ffffff);border-radius:var(--radius-sm);padding:20px 24px;max-height:80vh;overflow-y:auto}#imageRotateFlipTool .help-close{position:absolute;top:8px;right:12px;background:transparent;border:0;font-size:24px;cursor:pointer;line-height:1;width:36px;height:36px}#imageRotateFlipTool .help-grid{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:12px 0 0}#imageRotateFlipTool .help-grid dt{font-family:var(--font-mono, ui-monospace, monospace);font-size:13px}#imageRotateFlipTool .help-grid dd{margin:0;font-size:13px}#imageRotateFlipTool .help-grid kbd{background:var(--color-border);padding:2px 6px;border-radius:3px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px}#imageRotateFlipTool .hidden{display:none!important}@media(max-width:480px){#imageRotateFlipTool .action-grid{grid-template-columns:repeat(2,1fr)}#imageRotateFlipTool .nudge-btn{min-width:48px;padding:4px 6px;font-size:12px}}