@font-face{font-family:Sedice;src:url(./fonts/Sedice.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Sedice;src:url(./fonts/Sedice-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Sedice;src:url(./fonts/Sedice-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Sedice;src:url(./fonts/Sedice-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:TRT;src:url(/assets/TRT_Medium-ClLNk5_p.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:TRT;src:url(/assets/TRT_Bold-D7Mr4ko2.otf) format("opentype");font-weight:700;font-style:normal}:root{--app-font-stack: "TRT", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans KR", "Noto Sans", sans-serif}body{margin:0;display:flex;min-height:100vh;font-family:var(--app-font-stack);background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}#editorContainer{width:20%;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;background:#fff;box-shadow:0 10px 20px #0000000d}.language-selector{background:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-family:var(--app-font-stack)}.language-selector label{font-size:14px;color:#444;font-weight:500}.language-selector select{flex:1;padding:6px 10px;border-radius:6px;border:1px solid #d0d0d0;font-family:var(--app-font-stack);font-size:14px}#canvasContainer{width:80%;display:flex;justify-content:center;align-items:flex-start;background-color:#f8f9fa;padding:30px;position:relative}#editor{height:150px;overflow-y:auto;border:none;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;font-family:var(--app-font-stack);font-size:16px}.ck-editor__editable{min-height:120px!important;max-height:150px!important;font-family:var(--app-font-stack)!important;font-size:16px!important;font-weight:400!important}.ck-editor__editable strong,.ck-editor__editable b{font-weight:700!important;font-family:"TRT",var(--app-font-stack)!important}.ck-toolbar{padding:0!important;border:none!important;background:#f8f9fa!important;border-radius:8px 8px 0 0!important}.ck-toolbar__items{gap:5px!important}.ck-button{border-radius:6px!important;padding:6px 12px!important}.ck-button:hover{background:#e9ecef!important}.ck-button.ck-on{background:#2196f3!important;color:#fff!important}canvas{border:none;box-shadow:0 5px 30px #00000026;border-radius:8px;transition:all .3s ease}.controls-group{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:20px}button{padding:8px 16px;cursor:pointer;border:none;background:#2196f3;color:#fff;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack)}button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}#sliders{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 12px #00000014}#sliders div{margin-bottom:15px;display:flex;align-items:center;gap:15px}#sliders label{display:inline-block;width:150px;color:#444;font-weight:500}input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#2196f3;border-radius:50%;cursor:pointer;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value{min-width:50px;font-weight:500;color:#2196f3}.color-picker-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-top:20px;display:flex;align-items:center;gap:15px}input[type=color]{-webkit-appearance:none;width:40px;height:40px;border:none;border-radius:8px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.switch-container{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:15px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}@media(max-width:1200px){body{flex-direction:column}#editorContainer,#canvasContainer{width:100%;height:auto}}.text-input-container{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:20px}.text-input-container input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-family:var(--app-font-stack);font-size:16px}.image-upload-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:20px}.upload-area{border:2px dashed #2196F3;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area:hover{background:#f0f8ff;border-color:#1976d2}.upload-area i{font-size:48px;color:#2196f3;margin-bottom:10px}.upload-area p{margin:0;color:#666}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:90%;max-width:1200px;border-radius:8px;box-shadow:0 4px 20px #0003}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px;height:80vh;max-height:800px;overflow:hidden;position:relative}.modal-footer{padding:20px;border-top:1px solid #eee;text-align:right}.cropper-container{width:100%;height:100%;position:relative;background:#000}.cropper-area{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cropper-area img{max-width:100%;max-height:100%;object-fit:contain}.grid-overlay{position:absolute;cursor:move;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 9999px #00000080;box-sizing:border-box}.grid-line{position:absolute;background:#ffffff80}.grid-line-horizontal{width:100%;height:1px}.grid-line-vertical{width:1px;height:100%}.resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:50%}.resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.ck.ck-editor__main{margin-bottom:0!important}.layer-manager{position:fixed;right:20px;top:20px;width:250px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;font-family:var(--app-font-stack)}.layer-header{padding:15px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:12px 12px 0 0}.layer-header h3{margin:0;font-size:16px;color:#333;font-weight:500}.layer-list{max-height:400px;overflow-y:auto;padding:10px}.layer-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #eee;border-radius:8px;transition:all .2s ease}.layer-item:hover{background:#f8f9fa;border-color:#e0e0e0}.layer-item.active{background:#e3f2fd;border-color:#90caf9}.layer-controls{display:flex;align-items:center;gap:8px;margin-right:12px}.layer-visibility{width:20px;height:20px;cursor:pointer}.layer-move{display:flex;flex-direction:column;gap:4px}.layer-move button{padding:4px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.layer-move button:hover{background:#e0e0e0}.layer-name{flex:1;font-size:14px;color:#444}.layer-group{margin-bottom:16px;padding:8px;background:#f8f9fa;border-radius:8px}.layer-group-title{font-size:12px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}#gradientControls{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-top:20px}.gradient-header{margin-bottom:20px}.gradient-header .switch-container{background:none;padding:0;box-shadow:none;margin:0}.gradient-controls{margin-bottom:15px}.gradient-direction-controls{margin-top:10px}.gradient-direction-controls label{display:block;margin-bottom:5px;font-weight:700}.direction-buttons{display:flex;gap:5px}.gradient-direction-btn{width:40px;height:40px;font-size:20px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.gradient-direction-btn:hover{background-color:#e0e0e0}.gradient-direction-btn.active{background-color:#007bff;color:#fff;border-color:#0069d9}.gradient-row{display:flex;align-items:center;gap:15px}.gradient-row label{width:80px;color:#444;font-weight:500}.gradient-inputs{display:flex;align-items:center;gap:10px;flex:1}.gradient-inputs input[type=color]{width:40px;height:40px}.gradient-inputs input[type=range]{flex:1;min-width:150px}.gradient-inputs span{min-width:50px;text-align:right;color:#2196f3;font-weight:500}.save-button{background-color:#4caf50!important;width:100%;margin-top:15px;margin-bottom:15px;padding:12px!important;font-size:16px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--app-font-stack);font-weight:500}.save-button:hover{background-color:#45a049!important;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.update-button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack)}.update-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.align-button{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack);margin:0 5px}.align-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.uppercase-button{background:#ff9800}.uppercase-button:hover{background:#fb8c00;box-shadow:0 2px 8px #ff980066}.dropdown{position:relative;display:inline-block}.dropbtn{background-color:#4caf50;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.add-button{padding:8px 16px;background:#ff9800;color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack);margin-left:10px}.add-button:hover{background:#f57c00;transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.delete-button{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack);margin-left:10px}.delete-button:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px #f443364d}.resolution-container{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;display:flex;align-items:center;gap:15px}.resolution-options{display:flex;gap:10px}.resolution-btn{padding:8px 16px;background:#e0e0e0;color:#333;border:none;border-radius:6px;font-weight:500;transition:all .2s ease;font-family:var(--app-font-stack);cursor:pointer}.resolution-btn:hover{background:#d4d4d4;transform:translateY(-1px)}.resolution-btn.active{background:#2196f3;color:#fff;box-shadow:0 2px 8px #2196f34d}.opinion-btn{background-color:#ff9800;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease;font-family:var(--app-font-stack)}.opinion-btn:hover{background-color:#f57c00;transform:translateY(-2px)}.opinion-btn.active{background-color:#ff9800;box-shadow:0 2px 5px #0003}.opinion-btn.active:hover{background-color:#f57c00}.canvas-container{margin-top:5px!important;margin-left:auto;margin-right:auto;display:block}.custom-icon-controls{display:flex;flex-direction:column;gap:6px;position:relative}.custom-icon-upload-area{border:2px dashed #9C27B0;border-radius:6px;padding:8px 12px;text-align:center;cursor:pointer;transition:all .2s ease;background:#9c27b00d}.custom-icon-upload-area:hover,.custom-icon-upload-area.dragover{background:#9c27b026;border-color:#7b1fa2}.custom-icon-upload-text{font-size:12px;font-weight:600;color:#9c27b0;margin:0}.item-gallery-btn{width:50px;min-width:50px;border:2px solid #9b59b6;border-radius:6px;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.item-gallery-btn:hover{background:linear-gradient(135deg,#8e44ad,#7b3fa0);transform:scale(1.05);box-shadow:0 4px 12px #9b59b666}.custom-icon-list{display:flex;flex-direction:column;gap:6px;max-height:150px;min-height:80px;overflow-y:auto;transition:max-height .15s ease}.custom-icon-list::-webkit-scrollbar{width:4px}.custom-icon-list::-webkit-scrollbar-thumb{background:#9c27b04d;border-radius:2px}.custom-icon-item{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#9c27b014;border-radius:6px;border-left:3px solid #9C27B0;transition:all .2s;cursor:pointer}.custom-icon-item:hover{background:#9c27b026}.custom-icon-item.selected{background:#2196f333;border-left-color:#2196f3;box-shadow:0 0 0 1px #2196f34d}.custom-icon-item.locked{background:#ff98001a;border-left-color:#ff9800}.custom-icon-item.locked.selected{background:#ff980033;box-shadow:0 0 0 1px #ff98004d}.custom-icon-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-icon-name{flex:1;font-size:12px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.custom-icon-actions{display:flex;gap:4px}.custom-icon-btn{width:22px;height:22px;border:none;border-radius:4px;background:#00000014;color:#555;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.custom-icon-btn:hover{background:#00000026}.custom-icon-btn.lock.active{background:#ff9800;color:#fff}.custom-icon-btn.delete:hover{background:#f44336;color:#fff}.custom-icon-controls-inner{display:flex;flex-direction:column;gap:4px}.custom-icon-control-row{display:flex;align-items:center;gap:6px}.custom-icon-control-row label{font-size:10px;color:#666;width:32px;flex-shrink:0}.custom-icon-control-row input[type=range]{flex:1;height:3px;-webkit-appearance:none;background:#ddd;border-radius:2px}.custom-icon-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#9c27b0;border-radius:50%;cursor:pointer}.custom-icon-control-row .value{font-size:10px;color:#9c27b0;width:28px;text-align:right;font-weight:600}.custom-icon-control-row select{flex:1;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:10px;padding:3px 4px;cursor:pointer}.custom-icon-control-row select:focus{outline:none;border-color:#9c27b0}.custom-icon-empty{font-size:11px;color:#888;text-align:center;padding:8px}@media(max-width:768px){.custom-icon-list{max-height:150px}.custom-icon-item{padding:6px 8px}.custom-icon-name{max-width:70px;font-size:11px}.custom-icon-control-row label{width:28px;font-size:9px}}.color-selector{position:relative;display:inline-block;margin-right:15px}.predefined-colors{display:none;position:absolute;top:100%;left:0;width:180px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 3px 12px #00000026;z-index:1000;flex-wrap:wrap;gap:5px}.color-selector:hover .predefined-colors{display:flex}.color-item{width:25px;height:25px;border-radius:4px;cursor:pointer;transition:transform .2s;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.color-item:hover{transform:scale(1.1);box-shadow:0 2px 5px #0003}.color-item.custom{background:#f5f5f5;color:#555;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.gradient-direction-controls{display:flex;align-items:center;gap:8px;margin-left:15px}.gradient-direction-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease}.gradient-direction-btn:hover{background:#e9e9e9;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.gradient-direction-btn.active{background:#2196f3;border-color:#1976d2;color:#fff;box-shadow:0 2px 8px #2196f34d}.arrow{display:block;width:0;height:0;border-style:solid}.arrow.up{border-width:0 8px 12px 8px;border-color:transparent transparent #555 transparent}.arrow.right{border-width:8px 0 8px 12px;border-color:transparent transparent transparent #555}.arrow.down{border-width:12px 8px 0 8px;border-color:#555 transparent transparent transparent}.arrow.left{border-width:8px 12px 8px 0;border-color:transparent #555 transparent transparent}.gradient-direction-btn.active .arrow.up{border-color:transparent transparent #fff transparent}.gradient-direction-btn.active .arrow.right{border-color:transparent transparent transparent #fff}.gradient-direction-btn.active .arrow.down{border-color:#fff transparent transparent transparent}.gradient-direction-btn.active .arrow.left{border-color:transparent #fff transparent transparent}.icon-color-panel{position:fixed;z-index:10000;width:320px;max-height:85vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 12px 48px #00000059,0 0 0 1px #00000014;font-family:var(--app-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);resize:both;min-width:280px;min-height:300px}.icon-color-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;font-size:13px;font-weight:600;position:sticky;top:0;z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:12px 12px 0 0}.icon-color-panel-header:active{cursor:grabbing}.icon-color-panel-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.icon-color-panel-close:hover{background:#fff3}.icon-color-panel-content{padding:16px}.icon-color-section{background:#f9f9f9;border-radius:8px;padding:12px;margin-bottom:12px}.icon-color-section-title{font-size:12px;font-weight:600;color:#7b1fa2;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e0e0e0}.icon-color-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.icon-color-row:last-child{margin-bottom:0}.icon-color-row label{font-size:12px;color:#555;width:75px;flex-shrink:0}.icon-color-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:linear-gradient(to right,#e0e0e0,#9c27b0);border-radius:3px}.icon-color-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#9c27b0;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000040;border:2px solid #fff}.icon-color-row input[type=color]{width:36px;height:36px;padding:0;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}.icon-color-row input[type=color].color-picker-large{width:50px;height:50px;min-width:50px;min-height:50px;border:3px solid #9C27B0;border-radius:8px;box-shadow:0 2px 8px #00000026;flex-shrink:0}.icon-color-row input[type=color].color-picker-large::-webkit-color-swatch-wrapper{padding:2px}.icon-color-row input[type=color].color-picker-large::-webkit-color-swatch{border-radius:4px;border:none}.icon-color-value{font-size:12px;color:#9c27b0;width:40px;text-align:right;font-weight:600}.icon-color-presets{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.color-preset{width:40px;height:40px;border-radius:6px;cursor:pointer;border:3px solid #ddd;transition:all .2s;box-shadow:0 2px 4px #0000001a}.color-preset:hover{transform:scale(1.1);border-color:#9c27b0}.color-preset[data-color="#000000"]{background:#000}.color-preset[data-color="#ffffff"]{background:#fff;border-color:#ccc}.icon-color-divider{height:1px;background:#e0e0e0;margin:12px 0}.icon-color-actions{display:flex;justify-content:center;margin-top:12px}.icon-color-reset{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:8px;padding:10px 24px;font-size:13px;color:#555;cursor:pointer;transition:all .2s;font-weight:500}.icon-color-reset:hover{background:linear-gradient(135deg,#e8e8e8,#ddd);color:#333}.icon-color-btn.active{background:#9c27b0!important;color:#fff!important}.custom-icon-btn.layer-up,.custom-icon-btn.layer-down{font-size:10px;padding:0}.custom-icon-btn.disabled{opacity:.3;cursor:not-allowed}.custom-icon-drag-handle{cursor:grab;color:#9c27b0;font-size:16px;padding:4px 6px;-webkit-user-select:none;user-select:none;background:#9c27b01a;border-radius:4px;transition:all .2s}.custom-icon-drag-handle:hover{background:#9c27b033;color:#7b1fa2}.custom-icon-drag-handle:active{cursor:grabbing;background:#9c27b04d}.custom-icon-item.dragging{opacity:.5;background:#e1bee7}.custom-icon-item.drag-over{border-color:#9c27b0;background:#9c27b01a}.layer-resize-handle{height:14px;background:linear-gradient(to bottom,#9c27b01a,#9c27b00d);border-radius:0 0 6px 6px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;color:#9c27b0;font-size:10px;letter-spacing:4px;-webkit-user-select:none;user-select:none;transition:background .2s}.layer-resize-handle:hover{background:linear-gradient(to bottom,#9c27b033,#9c27b01a)}.custom-icon-opacity-popup{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:8px;margin-top:6px;border:1px solid #ddd}.custom-icon-opacity-popup label{font-size:10px;color:#666;font-weight:600;text-transform:uppercase}.custom-icon-opacity-popup input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:linear-gradient(to right,#9c27b033,#9c27b0);border-radius:3px;cursor:pointer}.custom-icon-opacity-popup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#9c27b0;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000040}.custom-icon-opacity-popup .opacity-value{font-size:14px;color:#9c27b0;font-weight:700;min-width:40px;text-align:center}.custom-icon-btn.opacity-btn{font-size:13px}.custom-icon-blend-row{padding-top:4px}.custom-icon-blend-row select.blend-select{width:100%;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:10px;padding:4px 6px;cursor:pointer}.custom-icon-blend-row select.blend-select:focus{outline:none;border-color:#9c27b0}.inpaint-panel{position:fixed;z-index:10000;width:340px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 12px 48px #0006;font-family:var(--app-font-stack, sans-serif)}.inpaint-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-size:14px;font-weight:600;cursor:grab;border-radius:12px 12px 0 0}.inpaint-panel-header:active{cursor:grabbing}.inpaint-panel-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.inpaint-panel-close:hover{background:#fff3}.inpaint-panel-content{padding:16px}.inpaint-section{margin-bottom:16px}.inpaint-section-title{font-size:12px;font-weight:600;color:#e94560;margin-bottom:10px}.inpaint-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inpaint-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#aaa;cursor:pointer;transition:all .2s}.inpaint-tool-btn:hover{background:#e9456026;border-color:#e94560;color:#fff;transform:translateY(-2px)}.inpaint-tool-btn.active{background:linear-gradient(135deg,#e94560,#ff6b6b);border-color:#ff6b6b;color:#fff;box-shadow:0 4px 15px #e9456066}.inpaint-tool-btn .tool-icon{font-size:20px;margin-bottom:4px}.inpaint-tool-btn .tool-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.inpaint-row{display:flex;align-items:center;gap:10px}.inpaint-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#ffffff1a;border-radius:3px}.inpaint-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#e94560;border-radius:50%;cursor:pointer}.inpaint-value{font-size:12px;color:#e94560;font-weight:600;min-width:40px;text-align:right}.inpaint-brush-preview{display:flex;justify-content:center;padding:15px;background:#0003;border-radius:8px;margin-top:10px}.brush-circle{width:30px;height:30px;background:#ff000080;border:2px solid #e94560;border-radius:50%;transition:all .2s}.inpaint-prompt{width:100%;min-height:60px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;font-size:12px;resize:vertical;box-sizing:border-box}.inpaint-prompt::placeholder{color:#666}.inpaint-prompt:focus{outline:none;border-color:#e94560}.inpaint-negative-prompt{border-color:#ff64644d}.inpaint-negative-prompt:focus{border-color:#ff6b6b}.inpaint-info{background:#0003;border-radius:8px;padding:10px}.inpaint-info p{margin:0 0 6px;font-size:11px;color:#888;line-height:1.4}.inpaint-info p:last-child{margin-bottom:0}.inpaint-actions{display:flex;gap:10px}.inpaint-clear-btn{flex:1;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#aaa;font-size:12px;cursor:pointer;transition:all .2s}.inpaint-clear-btn:hover{background:#fff3;color:#fff}.inpaint-test-btn{flex:1;padding:12px;background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.inpaint-test-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.inpaint-eraser-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.inpaint-eraser-btn{padding:8px 16px;background:#ff646433;border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .2s}.inpaint-eraser-btn:hover{background:#ff64644d;border-color:#ff6b6b}.inpaint-eraser-btn.active{background:linear-gradient(135deg,#ff6b6b,#e94560);border-color:#e94560;color:#fff}.inpaint-eraser-hint{font-size:10px;color:#666;font-style:italic}.inpaint-generate-btn{flex:2;padding:12px;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.inpaint-generate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e9456066}.inpaint-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.inpaint-preview-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.inpaint-preview-images{display:flex;gap:10px;margin-bottom:12px}.inpaint-preview-item{flex:1;text-align:center}.inpaint-preview-item label{display:block;font-size:11px;color:#888;margin-bottom:6px}.inpaint-preview-item img{width:100%;max-height:150px;object-fit:contain;border-radius:8px;background:#111;border:1px solid rgba(255,255,255,.1)}.inpaint-preview-prompt{background:#0000004d;border-radius:8px;padding:10px}.inpaint-preview-prompt label{display:block;font-size:11px;color:#4caf50;margin-bottom:6px}.inpaint-preview-prompt pre{margin:0;font-size:10px;color:#ddd;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow-y:auto}.custom-icon-btn.inpaint-btn{background:#e9456026;color:#e94560}.custom-icon-btn.inpaint-btn:hover{background:#e94560;color:#fff}.inpaint-overlay-canvas{pointer-events:none}@media(max-width:768px){.icon-color-panel{width:calc(100vw - 20px);max-width:340px;left:50%!important;transform:translate(-50%) translateY(-50%)!important}.icon-color-row label{width:65px;font-size:11px}.icon-color-value{width:35px;font-size:11px}.icon-color-row input[type=color]{width:32px;height:32px}.inpaint-panel{width:calc(100vw - 20px);max-width:340px}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}