html{font-size:16px;overflow-y:scroll}html::-webkit-scrollbar{width:.1px}html::-webkit-scrollbar-thumb{background:transparent}html:hover::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:transparent}:hover::-webkit-scrollbar-thumb{background:#8beee9;border-radius:1px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#e0f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:10px 20px 30px}.container{backdrop-filter:blur(10px);background:rgba(13,19,33,.8);border:1px solid rgba(64,224,208,.2);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.5);margin:0 auto;max-width:1400px;padding:30px}h1{color:#4fc3f7;font-weight:300;letter-spacing:1px;margin-bottom:30px;text-align:center;text-shadow:0 0 10px rgba(79,195,247,.5)}.main-content{display:flex;flex-wrap:wrap;gap:30px}.left-panel{flex:1;min-width:300px}.right-panel{flex:2;min-width:400px}.control-group{margin-bottom:20px}.control-group h3{color:#4fc3f7;font-size:16px;font-weight:500;margin-bottom:10px}.button-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}button{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;border-radius:30px;box-shadow:0 4px 10px rgba(33,150,243,.3);color:#fff;cursor:pointer;flex:1;font-size:13px;font-weight:500;min-width:80px;padding:10px 16px;transition:all .3s ease}button:hover{box-shadow:0 6px 15px rgba(33,150,243,.5);transform:translateY(-2px)}button:disabled{background:linear-gradient(45deg,#616161,#9e9e9e);box-shadow:none;cursor:not-allowed;transform:none}.rotate-controls{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rotate-slider{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;flex:1;height:6px;outline:none}.rotate-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4fc3f7;border-radius:50%;box-shadow:0 0 10px rgba(79,195,247,.8);cursor:pointer;height:18px;width:18px}.rotate-value{color:#4fc3f7;font-size:14px;min-width:50px}input[type=file]{display:none}.file-label{background:linear-gradient(45deg,#00bcd4,#006064);border-radius:30px;box-shadow:0 4px 15px rgba(0,188,212,.3);color:#fff;cursor:pointer;display:inline-block;flex:1;font-weight:500;padding:8px 16px;text-align:center;transition:all .3s ease}.file-label:hover{box-shadow:0 6px 20px rgba(0,188,212,.5);transform:translateY(-2px)}.canvas-container{background:rgba(18,27,45,.6);border:1px solid rgba(64,224,208,.1);border-radius:10px;margin-bottom:20px;padding:20px;text-align:center}#main_canvas{background:hsla(0,0%,100%,.05);border:1px solid rgba(64,224,208,.3);box-shadow:0 0 10px rgba(0,0,0,.3);cursor:crosshair;height:auto;max-width:100%}.info{background:rgba(33,150,243,.15);border:1px solid rgba(33,150,243,.3);color:#81d4fa;font-weight:300;margin-bottom:15px;padding:15px}.info,.status{border-radius:8px;text-align:center}.status{bottom:20px;font-weight:500;left:16%;letter-spacing:.5px;margin-bottom:20px;padding:12px;position:fixed}.status.success{background:rgba(46,204,113,.2);border:1px solid rgba(46,204,113,.3);color:#2ecc71}.status.error{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.3);color:#e74c3c}.status.info{background:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3);color:#3498db}.download-btn{background:linear-gradient(45deg,#4caf50,#2e7d32);box-shadow:0 4px 15px rgba(76,175,80,.3)}.download-btn:hover{box-shadow:0 6px 20px rgba(76,175,80,.5)}.edit-mode{background:rgba(33,150,243,.15);border:1px solid rgba(33,150,243,.3);border-radius:8px;color:#4fc3f7;font-size:14px;font-weight:500}.edit-mode,.rotation-info{margin-bottom:15px;padding:10px;text-align:center}.rotation-info{background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffd54f;font-size:13px}.magnifier{background:rgba(0,0,0,.8);border:2px solid #0ff;border-radius:50%;box-shadow:0 0 15px rgba(0,255,255,.9);display:none;height:200px;overflow:hidden;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:200px;z-index:1000}.magnifier-canvas{height:100%;width:100%}.magnifier-coords{color:#fff;font-family:Arial,sans-serif;font-size:12px;left:0;right:0;text-align:center;text-shadow:1px 1px 1px #000;top:5px;z-index:1001}.magnifier-coords,.point-hover{pointer-events:none;position:absolute}.point-hover{animation:pulse 1.5s infinite;border:2px solid hsla(0,0%,100%,.7);border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.5);display:none;height:24px;transform:translate(-50%,-50%);width:24px;z-index:999}@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.7;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.main-content{flex-direction:column}.left-panel,.right-panel{min-width:100%}.button-group{flex-direction:column}button{width:100%}}.rotate-input-container{display:inline-block;position:relative}.rotate-input-container span{color:#4fc3f7;font-weight:500;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.rotate-value{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:6px;color:#e0f7fa;font-weight:500;padding:6px 20px 6px 8px;text-align:center;width:70px}.rotate-value:focus{box-shadow:0 0 0 2px rgba(79,195,247,.5);outline:none}.split-input-container{align-items:center;display:flex;gap:8px;margin:8px 0;padding-right:20px}.split-input-label{color:#4fc3f7;font-size:13px;font-weight:500}.split-input{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:6px;color:#e0f7fa;font-weight:500;padding:6px 8px;text-align:center;width:50px}.split-input:focus{box-shadow:0 0 0 2px rgba(79,195,247,.5);outline:none}.split-input::-webkit-inner-spin-button,.split-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.split-input-container button{background:rgba(33,150,243,.2);border:1px solid #4fc3f7;border-radius:6px;color:#4fc3f7;cursor:pointer;font-size:12px;min-width:auto;padding:6px 10px;transition:all .3s ease}.split-input-container button:hover{background:rgba(33,150,243,.4)}.split-input-container button:disabled{background:rgba(97,97,97,.2);cursor:not-allowed}#splitPreview{background:rgba(18,27,45,.6);border:1px solid rgba(64,224,208,.1);border-radius:10px;margin-top:20px;padding:15px}#splitPreview h3{color:#0333ff;margin-bottom:15px}#splitPreview canvas{display:block;height:auto;max-width:100%}.filter-info{color:#81d4fa;font-size:12px;margin-bottom:10px;text-align:center}.image-selector{margin-bottom:15px;text-align:center}.image-selector select{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:6px;color:#e0f7fa;font-size:13px;padding:6px 10px;width:180px}.filter-controls-compact{margin-bottom:15px}.filter-row{display:flex;gap:15px;margin-bottom:10px}.filter-item{align-items:center;display:flex;flex:1;flex-direction:column;gap:5px}.filter-label{color:#e0f7fa;font-size:12px;font-weight:500}.filter-slider{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;outline:none;width:80%}.filter-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4fc3f7;border-radius:50%;cursor:pointer;height:14px;width:14px}.filter-value{color:#4fc3f7;font-size:11px;font-weight:500;min-width:35px;text-align:center}.control-group{transition:all .3s ease}.control-group h3{padding-left:10px;position:relative}.control-group h3:before{background:#4fc3f7;border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.footer{background:rgba(0,0,0,.5);bottom:0;color:#888;font-size:12px;left:0;opacity:0;padding:5px 0;position:fixed;text-align:center;transform:translateY(100%);transition:.3s;width:100%}.footer.show{opacity:1;transform:translateY(0)}.print-preview{height:100%;left:0;top:0;width:100%;z-index:1000}.floating-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;border-radius:0;box-shadow:0 4px 15px rgba(33,150,243,.4);color:#fff;cursor:pointer;flex:none;font-size:14px;height:3rem;min-width:0;padding:12px;transition:opacity .3s ease,height .3s ease;width:100%}.floating-btn:hover{box-shadow:0 6px 20px rgba(33,150,243,.6);transform:translateY(-2px)}.fixed-btn-group{border-radius:5px;bottom:11rem;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:0;overflow:hidden;position:fixed;right:11rem;width:5rem;z-index:1000}.floating-btn.hidden{height:0;opacity:0;padding:0}@media (max-width:768px){.floating-back{bottom:10px;left:10px}.floating-print{bottom:10px;right:10px}.floating-btn{font-size:13px;padding:10px 20px}}.print-content{display:flex;gap:30px}.print-content::-webkit-scrollbar{width:6px}.print-content::-webkit-scrollbar-track{background:rgba(18,27,45,.6);border-radius:3px}.print-content::-webkit-scrollbar-thumb{background:rgba(79,195,247,.6);border-radius:3px}.print-content::-webkit-scrollbar-thumb:hover{background:rgba(79,195,247,.8)}.paper-preview-section{margin-bottom:30px;padding:20px}.compact-section-header{align-items:center;display:flex;gap:20px;justify-content:flex-start;margin-bottom:15px}.paper-preview-section{background:rgba(18,27,45,.6);border:1px solid rgba(64,224,208,.1);border-radius:10px;display:flex;flex:1;flex-direction:column;margin-bottom:20px;overflow:hidden;padding:15px}.image-selection{background:rgba(18,27,45,.4);border-bottom:1px solid rgba(64,224,208,.1);border-radius:8px;margin-bottom:5px;padding:0}@media (max-width:768px){.compact-section-header{align-items:flex-start;flex-direction:column;gap:10px}.compact-section-header h3,.compact-section-header h4{white-space:normal}.layout-controls,.paper-preview-section{margin-bottom:15px;padding:12px}}.selection-options{flex-wrap:wrap;gap:25px}.selection-item,.selection-options{display:flex;justify-content:center}.selection-item{align-items:center;background:rgba(18,27,45,.4);border:1px solid rgba(79,195,247,.3);border-radius:8px;color:#e0f7fa;cursor:pointer;font-size:14px;gap:8px;min-width:120px;padding:8px 16px;transition:all .3s ease}.selection-item:hover{background:rgba(79,195,247,.2);border-color:#4fc3f7}.selection-item input[type=checkbox]{accent-color:#4fc3f7;height:16px;width:16px}.paper-previews{flex:1;flex-direction:column;flex-wrap:wrap;width:600px}.paper-preview,.paper-previews{align-items:center;display:flex;justify-content:center;margin:0 auto}.paper-preview{aspect-ratio:210/297;background:hsla(0,0%,100%,.05);border:2px dashed #4fc3f7;border-bottom:none;flex-direction:column;height:auto;position:relative}.paper-preview:last-child{border-bottom:2px dashed #4fc3f7}.paper-selector{margin-bottom:20px;text-align:center}.paper-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.paper-btn{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:6px;color:#e0f7fa;cursor:pointer;font-size:13px;min-width:91px;padding:6px 12px;transition:all .3s ease}.paper-btn:hover{background:rgba(79,195,247,.3)}.paper-btn.active{background:#4fc3f7;color:#0f2027;font-weight:500}.layout-controls{background:rgba(18,27,45,.6);border:1px solid rgba(64,224,208,.1);border-radius:10px;margin-bottom:20px;padding:15px}.layout-controls h4{color:#4fc3f7;font-size:14px;font-weight:500;margin-bottom:12px}.layout-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.layout-btn{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:6px;color:#e0f7fa;cursor:pointer;font-size:12px;min-width:60px;padding:6px 12px;transition:all .3s ease}.layout-btn:hover{background:rgba(79,195,247,.3)}.layout-btn.active{background:#4fc3f7;color:#0f2027;font-weight:500}.layout-settings{flex-wrap:wrap;gap:15px}.layout-settings,.setting-item{align-items:center;display:flex}.setting-item{color:#e0f7fa;font-size:12px;gap:8px}.setting-item label{white-space:nowrap}.setting-item input[type=range]{-webkit-appearance:none;background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;outline:none;width:80px}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4fc3f7;border-radius:50%;cursor:pointer;height:14px;width:14px}.setting-item input[type=checkbox]{accent-color:#4fc3f7;height:14px;width:14px}.setting-row{align-items:center;display:flex;gap:15px}.grid-settings{background:rgba(18,27,45,.4);border:1px solid rgba(64,224,208,.1);border-radius:6px;margin-bottom:10px;padding:10px}.setting-item select{border-radius:4px;padding:4px 6px;width:120px}.orientation-btn,.setting-item select{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;color:#e0f7fa;font-size:12px}.orientation-btn{border-radius:6px;cursor:pointer;margin:0 4px;min-width:60px;padding:6px 12px;transition:all .3s ease}.orientation-btn:hover{background:rgba(79,195,247,.3)}.orientation-btn.active{background:#4fc3f7;color:#0f2027;font-weight:500}.setting-item input[type=number]{background:rgba(18,27,45,.6);border:1px solid #4fc3f7;border-radius:4px;color:#e0f7fa;font-size:12px;padding:4px 6px;text-align:center}.paper-label{background:rgba(79,195,247,.8);border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:4px 8px;position:absolute;top:10px}.preview-images-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.preview-images-container::-webkit-scrollbar{width:4px}.preview-images-container::-webkit-scrollbar-track{background:rgba(18,27,45,.6);border-radius:2px}.preview-images-container::-webkit-scrollbar-thumb{background:rgba(79,195,247,.6);border-radius:2px}.preview-image-item{background:hsla(0,0%,100%,.05);box-sizing:border-box;flex-shrink:0;text-align:center;width:100%}.preview-image-item img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.main-page{transition:transform .3s ease-in-out;z-index:1}.page.active{transform:translateX(0);z-index:10}.page:not(.active){transform:translateX(100%)}#print-main{max-width:100%!important}.current-edit-filter{border:1px solid rgba(64,224,208,.3);box-shadow:0 0 16px 10px #fff!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:10}@media print{.paper-label,body>:not(#print-main){display:none!important}body{background:none!important;color:none!important;padding:0!important}.paper-preview{page-break-inside:avoid;border:none!important}.paper-preview:not(:first-child){page-break-before:always}.paper-preview:not(:last-child){page-break-after:always}.empty-cell{border:none!important}@page{margin:0;padding:0}@page :first{size:auto;margin:0}@page landscape{size:auto landscape}}@media (max-width:576px){.paper-previews{width:200px}}@media (max-width:768px){.paper-previews{width:300px}}@media (max-width:992px){.paper-previews{width:500px}}@media (max-width:1200px){.paper-previews{width:600px}}.controls{background:rgba(18,27,45,.6);border:1px solid rgba(64,224,208,.1);border-radius:10px;margin-bottom:20px;padding:20px}