.preview-container{position:relative;width:100%;max-height:500px;overflow:auto;background:#eee;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:var(--radius);display:flex;justify-content:center;align-items:center;border:1.5px solid var(--border)}#imageCanvas{max-width:100%;height:auto;cursor:crosshair}.controls{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border)}@media(min-width:600px){.controls{grid-template-columns:repeat(3,1fr);align-items:end}}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:.85rem;font-weight:700;color:var(--text)}input[type="color"]{width:100%;height:42px;padding:2px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--card)}input[type="range"]{width:100%;height:8px;background:var(--border);border-radius:5px;outline:none;-webkit-appearance:none;margin:10px 0}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.preview-box{background:#222;border-radius:var(--radius);border:1.5px solid var(--border);min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-box canvas{image-rendering:pixelated}.controls-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border)}@media(min-width:768px){.controls-grid{grid-template-columns:1fr 1fr}}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700}.slider-label span{color:var(--primary)}.progress-container-ocr{margin-top:20px;text-align:center}.progress-bar-wrap-ocr{width:100%;height:12px;background:var(--border);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-bar-fill-ocr{width:0%;height:100%;background:var(--primary);transition:width .3s ease}.result-textarea-ocr{width:100%;min-height:250px;padding:15px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;margin-bottom:15px;background:var(--bg)}