#iai-app { --iai-border:var(--site-border,#d7dfec); }
#iai-app [hidden] { display:none!important; }
#iai-app .tool-form-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
#iai-app .tool-select { appearance:none; min-height:46px; padding-inline-end:36px; background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%; background-size:6px 6px; background-repeat:no-repeat; }
#iai-app .tool-actions { flex-wrap:wrap; gap:8px; }
#iai-app .tool-actions button { min-height:46px; white-space:normal; }
#iai-app .iai-workspace { display:grid; gap:20px; margin-block:20px; }
#iai-app .iai-two-panels { grid-template-columns:1fr 1fr; }
#iai-app .iai-workspace section { min-width:0; }
#iai-app .iai-canvas-frame { border:1px solid var(--iai-border); border-radius:10px; overflow:auto; background-color:#fff; background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%); background-size:20px 20px; background-position:0 0,0 10px,10px -10px,-10px 0; }
#iai-app #iai-input { display:block; width:100%; height:auto; cursor:crosshair; touch-action:pan-y; }
#iai-app .iai-stage { position:relative; width:100%; line-height:0; }
#iai-app #iai-output { display:block; width:100%; height:auto; }
#iai-app #iai-before { position:absolute; inset:0; width:100%; height:100%; clip-path:inset(0 50% 0 0); }
#iai-app .iai-compare-label { position:absolute; top:10px; left:10px; padding:7px 10px; border-radius:6px; background:#ffffffde; color:#111827; line-height:1.3; max-width:40%; overflow-wrap:anywhere; pointer-events:none; }
#iai-app .iai-after-label { left:auto; right:10px; }
#iai-app .iai-range { display:flex; align-items:center; gap:12px; min-height:46px; }
#iai-app .iai-range input { flex:1; min-width:0; }
#iai-app .iai-range output { min-width:44px; text-align:end; }
#iai-app #iai-compare-controls { margin-block:12px; }
#iai-app #iai-name,#iai-app #iai-result-info { overflow-wrap:anywhere; }
#iai-app progress { width:100%; margin-block:12px 0; }
#iai-app .iai-native .iai-stage { width:var(--iai-native-width); }
#iai-app .iai-native { max-height:70vh; }
html[dir=rtl] #iai-app .tool-select { background-position:18px 50%,12px 50%; }
@media(max-width:760px) { #iai-app .iai-two-panels { grid-template-columns:1fr; } #iai-app .iai-workspace { gap:16px; } #iai-app .tool-form-grid { grid-template-columns:1fr; } }