:root{--bg-color:#fff;--text-color:#111827;--border-color:#d1d5db;--primary:#3b82f6;--primary-dark:#2563eb;--primary-darker:#1e40af;--z-modal:5000;--z-confirm:9000;--z-toast:9500}body.dark{--bg-color:#1f2937;--text-color:#f9fafb;--border-color:#374151;--primary:#60a5fa;--primary-dark:#3b82f6;--primary-darker:#2563eb}body{background:var(--bg-color);color:var(--text-color);flex-direction:column;align-items:center;margin:20px;font-family:Segoe UI,sans-serif;transition:all .3s;display:flex}body:before{content:"";opacity:.05;pointer-events:none;z-index:-1;background:url(../src/assets/bg3.png) 0 0/200px 200px;width:100%;height:100%;position:fixed;top:0;left:0}.container{flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:10px;display:flex}.image-container{border:2px solid var(--border-color);background:var(--bg-color);box-sizing:border-box;place-content:center;align-items:center;width:480px;padding:5px;display:flex}.image-label{direction:rtl}.image-label,input[type=file],.zoom-controls{border:1px solid var(--border-color);box-sizing:border-box;background:var(--bg-color);width:100%;color:var(--text-color);border-radius:8px;margin-bottom:10px;padding:10px;font-size:14px;transition:border .3s,box-shadow .3s}.image-label:focus,.zoom-controls:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f633}input[type=file]{display:none}canvas{border:2px solid var(--border-color);cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAlmVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSATEAAgAAABEAAABah2kABAAAAAEAAABsAAAAAAAAAC0AAAABAAAALQAAAAF3d3cuaW5rc2NhcGUub3JnAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAGQAAAABGIQVAAAAACXBIWXMAAAbsAAAG7AEedTg1AAADBGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4zMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4zMjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj40NTwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NDU8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+d3d3Lmlua3NjYXBlLm9yZzwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4Kf2/WoQAAAtJJREFUSA2tlU1oE0EUx2d2k81HkzRsjKUi4gdCT6GiFerFHgTxZtGoaKqxWkFQBEEQUchJEEEqSosHEQ1oRER6EaXqwUvBLxS89CAEhJIoFAtNzaa7O763H0k32bW7IRMmk515+377/8+bDSF643HgY+sz1B+ZjQ6dWWPM+42xI4MOSWw5zvVuY4SSL5FdI2uNzL6OEAhJaxBIlu0+epclz00x+P0tMnyzoyATcjJ+bJJtfcgWE2OPm0FtW8c1WcFUuUaUmhyMD6SlxOlCavHFpWlD0TLEtgVqhhDC8YQxlahyNRDfeVBKjD1tBnneo1YImkRhWgP9BdABAFkUyV4VtUJM/yjVQcsAGkBFFpAn65whCNMUMbDOEeTKuv9DCHinKTJArXuE1q0KWgVieGexzvseuYPUrcOqc7TOsbzdQ+ogR+uwGGyt8wbRQFh1AMKq08pbP0c9I5P4CrLdI/cQODdMVaDDiB9FhjdDJdC9Y78kjuZT5fzZ6Uhq2ARZrHMHAQDlBcKFogofjCh8AHoopnBCl0J4n0/cnVlKXniZqpRmX5PBUyIoQuvM96G9h+iK3vQDSf1BJi+USW3+J89xfizsRoMHIJwv7I8lSaBvqL/6fmIm2H9kb/VroQhBkIAw240yM6A9NNClyn/muFLhslr7/OQtrFWh41NaWHBN+Y2DEvGHe6pzH9fBdRHnoNtB9HvReyqEmFqZZ6VnVwkArsANN6A7NqU4o6/9+oEjAkAmCMUvS8ODhwp8AmFSRS4/v8bXPuSvQwwAGCW5HAfVRW07rjdyNiutb1I2dmicbb6vyJsmFqTwnosYeMd4iJUJjCl3Q7MSygkh0Eml369uC0tvbj2CNOehAyCNsZp8d6lbolb8xx8eZ2L2ASqYaoTV1xtTbfzSappP9p2g0Q0IeLf93ifzQNXrvY28llt0SKw3Q4Pid3FfLmasmiBLsNeLf67QN4cv44RlAAAAAElFTkSuQmCC),auto;margin:0 auto;display:block}canvas#mainCanvas{border:2px solid var(--border-color);flex-shrink:0}.canvas-wrapper{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;max-width:100%;display:flex}.canvas-container{justify-content:center;align-items:flex-start;gap:20px;display:flex}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.controls label{color:var(--text-color);align-items:center;gap:6px;font-size:14px;display:flex}button{background:var(--primary);color:#fff;cursor:pointer;text-align:center;box-shadow:none;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;transition:all .3s;display:flex}button:hover{background:var(--primary-dark)}button:active{background:var(--primary-darker);transform:scale(.97)}.custom-file-btn{background:var(--primary);color:#fff;cursor:pointer;text-align:center;box-shadow:none;border:none;border-radius:8px;margin-bottom:10px;padding:10px 16px;font-size:14px;transition:all .3s;display:inline-block}.custom-file-btn:hover{background:var(--primary-dark)}.custom-file-btn:active{background:var(--primary-darker);transform:scale(.97)}body.dark button{background:var(--bg-color);color:var(--text-color);border:2px solid #fff;box-shadow:0 0 8px #fff}body.dark button:hover{transform:scale(1.03);box-shadow:0 0 12px #fff,0 0 20px #fff}body.dark button:active{transform:scale(.97);box-shadow:0 0 6px #fff}body.dark .custom-file-btn{background:var(--bg-color);color:var(--text-color);border:2px solid #fff;box-shadow:0 0 8px #fff}body.dark .custom-file-btn:hover{transform:scale(1.03);box-shadow:0 0 12px #fff,0 0 20px #fff}body.dark .custom-file-btn:active{transform:scale(.97);box-shadow:0 0 6px #fff}.controls-group label{color:var(--text-color);margin-bottom:-6px;font-size:13px}.alert{color:#fff;z-index:9999;background:#f87171;border-radius:10px;padding:12px 20px;font-size:16px;transition:opacity .3s;position:fixed;top:20px;right:20px;box-shadow:0 0 20px #f8717199}.hidden{opacity:0;pointer-events:none}.confirm-box{color:#fff;z-index:var(--z-confirm);background:#1f2937;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:20px 30px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0006}.confirm-box.hidden{display:none}.confirm-buttons{gap:10px;display:flex}.confirm-buttons button{cursor:pointer;border:none;border-radius:8px;padding:6px 18px;font-size:16px;transition:background .3s}#confirmYes{color:#fff;background-color:#10b981}#confirmNo{color:#fff;background-color:#ef4444}.confirm-buttons button:hover{filter:brightness(1.2)}.ens{background-color:var(--bg-color);border-radius:12px;flex-direction:column;align-items:center;gap:15px;width:120px;padding:10px;display:flex;box-shadow:0 0 10px #0000004d}.ens legend{color:var(--primary);padding:0 6px;font-size:13px;font-weight:700}.ens fieldset{border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:80px;display:flex}.icon-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .2s,background-color .2s,color .2s;display:inline-flex;width:27px!important;height:27px!important}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:var(--primary);background:#0000000d;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--text-color);color:var(--bg-color);white-space:nowrap;pointer-events:none;opacity:0;z-index:999;border-radius:6px;padding:4px 8px;font-size:12px;transition:opacity .1s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.floating-settings{background-color:var(--bg-color);border:2px solid var(--border-color);z-index:var(--z-modal);border-radius:12px;flex-direction:column;gap:12px;padding:15px;display:none;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}#settingsMenu .close-btn{all:unset;cursor:pointer;width:28px;height:28px;color:var(--text-color);z-index:1;background:#00000026;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px}#settingsMenu .close-btn:hover{background:var(--primary);color:#fff}#settingsMenu button:not(.close-btn){width:100%;display:block}.slider-control{align-items:center;gap:8px;width:100%;display:flex}.slider-control .icon{color:#fff;flex-shrink:0}.slider-control input[type=range]{flex:1}.ens label{color:var(--text-color);flex-direction:column;gap:4px;font-size:13px;display:flex}.ens input[type=range]{-webkit-appearance:none;background:var(--border-color);border-radius:4px;outline:none;width:100%;height:10px;transition:background .3s}.ens input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 5px var(--primary);border:2px solid #fff;border-radius:50%;transition:all .3s}.ens input[type=range]::-moz-range-thumb{background:var(--primary);width:16px;height:16px;box-shadow:0 0 5px var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%}.ens button{text-align:center;width:100%;font-weight:700}theme-switch{vertical-align:middle;width:60px;height:30px;margin:10px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-switch .slider{background-color:var(--border-color);border:2px solid var(--border-color);cursor:pointer;border-radius:34px;justify-content:flex-start;align-items:center;height:100%;padding:2px;transition:all .3s;display:flex}body.dark .theme-switch .slider{border:2px solid #fff}.theme-switch .slider .icon{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .3s;display:flex}.theme-switch input:checked+.slider{background-color:var(--primary);justify-content:flex-end}.theme-switch input:checked+.slider .icon{content:"🌞";background-color:#111}.control-label{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:700;display:inline-block}body.dark .control-label{color:#fff;text-shadow:0 0 6px #fff}.case-input-wrapper{direction:rtl;align-items:center;gap:10px;margin-top:20px;display:flex}.case-input-wrapper label{color:var(--text-color);font-size:14px;font-weight:700}.case-input-wrapper input{border:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:border .3s,box-shadow .3s}.case-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 5px var(--primary)}.print-header{color:var(--text-color);direction:rtl;justify-content:space-between;align-items:center;gap:10px;margin:10px 40px 20px;display:none}.print-title{margin:0;font-size:20px;font-weight:700}.print-info{color:var(--text-color);margin:0;font-size:16px}.print-footer{text-align:center;color:var(--text-color);padding-top:20px;font-size:14px;display:none}.modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:8px;width:600px;max-width:90vw;max-height:80vh;padding:20px;overflow:auto}#cropCanvas{max-width:100%;max-height:60vh;margin:0 auto;display:block}#pointsCounter{color:#fff;z-index:10;background:#0009;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;bottom:15px;left:20px}.magnifier-controls{justify-content:center;width:100%;margin-top:20px;display:flex}.magnifier-controls fieldset{border:2px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:80px;padding:10px;display:flex}.magnifier-controls legend{color:var(--primary);text-align:center;padding:0 6px;font-size:13px;font-weight:700}.magnifier-controls label{color:var(--text-color);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.mode-switch{cursor:pointer;color:var(--text-color);align-items:center;gap:8px;font-size:14px;display:flex}.mode-switch input{cursor:pointer}.mode-switch span{font-size:12px}.scale-panel{box-sizing:border-box;width:100%;max-width:100%;padding:12px}.scale-panel .scale-groups{flex-wrap:wrap;gap:12px;width:100%;display:flex}.scale-panel .control-group{border:1px solid var(--border-color);box-sizing:border-box;background:#00000008;border-radius:10px;flex:220px;min-width:220px;max-width:100%;padding:8px 10px}.scale-panel .group-title{color:var(--primary);margin-bottom:6px;font-size:12px;font-weight:700}body.lang-en .mode-switch span,body.lang-en .mode-switch,body.lang-en .mode-switch label{text-align:left;direction:ltr}body.lang-en .floating-settings{direction:ltr}body.lang-en .floating-settings button{text-align:left;direction:ltr}body.lang-en .floating-settings fieldset{direction:ltr}body.lang-en .floating-settings legend{text-align:left;direction:ltr}body.lang-en .scale-panel,body.lang-en .scale-panel fieldset{direction:ltr}body.lang-en .scale-panel legend{text-align:left;direction:ltr}body.lang-en .control-group,body.lang-en .control-row{direction:ltr}body.lang-en .scale-panel .group-title,body.lang-en input[type=text],body.lang-en .case-input-wrapper input,body.lang-en .case-input-wrapper label{text-align:left;direction:ltr}body.lang-en .modal-content{direction:ltr}body.lang-en .modal-content button,body.lang-en .confirm-message,body.lang-en .confirm-buttons button{text-align:left;direction:ltr}.scale-panel .control-row{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}.scale-panel .scale-value{text-align:center;min-width:52px;font-weight:600}.app-version{opacity:.7;pointer-events:none;font:12px/1.2 system-ui,sans-serif;position:fixed;bottom:8px;right:12px}.magnifier-btn.active{color:#fff;background:#2563eb}#ghostCursor{pointer-events:none;z-index:999999;background-position:50%;background-repeat:no-repeat;background-size:contain;width:25px;height:25px;display:none;position:fixed}#ghostCursorBtn.active{color:#fff;background:#2563eb}@media (width>=720px){.scale-panel .control-group{flex:calc(33.333% - 12px)}}@media print{@page{size:landscape}html{zoom:.7}.print-header{display:flex}.print-footer{display:block;position:fixed;bottom:10px;left:0;right:0}h2,.custom-file-btn,#img1Input,#img2Input,.controls,#themeToggle,.zoom-controls{display:none!important}.image-container{width:var(--image-width,480px)}.image-label{color:#000!important}.controls-group,.ens{display:none!important}.print-title{color:#000!important;display:flex!important}.caseNumberPrint{color:#000!important}}