*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#57c27a #212326}body{font-family:'Trebuchet MS',sans-serif;background:linear-gradient(135deg,#212326 0,#2a2d31 100%);color:#fff;min-height:100vh}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#212326;border-radius:6px}::-webkit-scrollbar-thumb{background:#57c27a;border-radius:6px;border:2px solid #212326}::-webkit-scrollbar-thumb:hover{background:#4db66a}.container{display:flex;height:100vh}.sidebar{width:350px;background:#212326;padding:20px;overflow-y:auto;border-right:2px solid #57c27a}.main-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.main-content.center-upload{justify-content:center;align-items:center}.main-content.show-gallery{justify-content:flex-start;align-items:stretch}.logo{text-align:center;margin-bottom:30px}.logo h1{color:#57c27a;font-size:20px;margin-bottom:8px;line-height:1.2}.logo p{color:#f0ca81;font-size:14px}.section{margin-bottom:30px;padding:20px;background:rgba(87,194,122,.1);border-radius:12px;border:1px solid rgba(87,194,122,.3)}.section-title{color:#f0ca81;font-size:16px;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px}.section-title-with-checkbox{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.custom-checkbox{position:relative;display:inline-block;width:20px;height:20px}.custom-checkbox input{opacity:0;width:0;height:0}.checkbox-mark{position:absolute;top:0;left:0;height:20px;width:20px;background:rgba(255,255,255,.1);border:2px solid rgba(87,194,122,.3);border-radius:4px;cursor:pointer;transition:.3s}.custom-checkbox:hover .checkbox-mark{border-color:#57c27a}.custom-checkbox input:checked~.checkbox-mark{background:#57c27a;border-color:#57c27a}.checkbox-mark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkbox-mark:after{display:block}.custom-checkbox .checkbox-mark:after{left:6px;top:2px;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.font-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.font-control-group{display:flex;flex-direction:column}.font-control-label{font-size:12px;color:#fff;margin-bottom:5px}.font-select{padding:6px 8px;background:rgba(255,255,255,.1);border:2px solid rgba(87,194,122,.3);border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.font-select:focus{outline:0;border-color:#57c27a}.upload-area{border:2px dashed #57c27a;border-radius:12px;padding:40px 20px;text-align:center;background:rgba(87,194,122,.05);cursor:pointer;transition:.3s;margin-bottom:20px;width:400px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;max-width:90vw;aspect-ratio:1/1}.upload-area:hover{background:rgba(87,194,122,.1);border-color:#f0ca81;transform:translateY(-2px);box-shadow:0 8px 25px rgba(87,194,122,.15)}.upload-area.dragover{background:rgba(87,194,122,.2);border-color:#f0ca81;transform:scale(1.02);box-shadow:0 10px 30px rgba(87,194,122,.25)}.upload-icon{font-size:64px;color:#57c27a;margin-bottom:0;transition:transform .3s}.upload-area:hover .upload-icon{transform:scale(1.1)}.upload-area h2{margin:0;font-size:24px;color:#fff;font-weight:600}.upload-area p{margin:0;font-size:16px;color:#f0ca81;opacity:.9}.control-group{margin-bottom:15px}.control-label{display:block;margin-bottom:8px;color:#fff;font-size:14px;font-weight:500}.control-input{width:100%;padding:10px 15px;border:2px solid rgba(87,194,122,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-family:'Trebuchet MS',sans-serif;font-size:14px;transition:.3s}.control-input:focus{outline:0;border-color:#57c27a;background:rgba(255,255,255,.15)}.control-input[type=file]{padding:8px}.control-input[type=range]{padding:0;height:6px;background:0 0;border-radius:3px;outline:0;cursor:pointer;border:none;-webkit-appearance:none;appearance:none;position:relative;z-index:2}.control-input[type=range]::-webkit-slider-track{height:6px;background:rgba(255,255,255,.2);border-radius:3px;-webkit-appearance:none}.control-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#57c27a;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);position:relative}.control-input[type=range]::-moz-range-track{height:6px;background:rgba(255,255,255,.2);border-radius:3px;border:none}.control-input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#57c27a;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);-moz-appearance:none}.control-input[type=range]::-moz-range-progress{height:6px;background:#57c27a;border-radius:3px}.range-group{position:relative;display:flex;align-items:center;gap:10px}.range-group::before{content:'';position:absolute;top:50%;left:0;height:6px;background:rgba(255,255,255,.2);border-radius:3px;transform:translateY(-50%);pointer-events:none;z-index:0;right:40px}.range-group::after{content:'';position:absolute;top:50%;left:0;height:6px;background:#57c27a;border-radius:3px;transform:translateY(-50%);pointer-events:none;z-index:1;width:var(--progress-width,0);transition:width .1s;opacity:var(--progress-opacity,1)}.control-input[type=color]{width:60px;height:40px;border:none;border-radius:8px;cursor:pointer}.btn{background:linear-gradient(135deg,#57c27a,#4db66a);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-family:'Trebuchet MS',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;width:100%;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background:linear-gradient(135deg,#4db66a,#43a35c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(87,194,122,.4)}.btn:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#f0ca81,#e6b866);color:#212326}.btn-secondary:hover{background:linear-gradient(135deg,#e6b866,#dba956)}.format-buttons{display:flex;gap:10px;margin-bottom:15px}.format-btn{flex:1;padding:8px 12px;background:rgba(87,194,122,.2);border:2px solid rgba(87,194,122,.3);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:.3s;text-align:center}.format-btn.active{background:#57c27a;border-color:#57c27a;color:#212326;font-weight:700}.position-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:6px;margin-bottom:15px}.position-btn{padding:8px;background:rgba(87,194,122,.2);border:2px solid rgba(87,194,122,.3);border-radius:6px;color:#fff;font-size:11px;cursor:pointer;transition:.3s;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.position-btn.active{background:#57c27a;border-color:#57c27a;color:#212326;font-weight:700}.range-value{min-width:50px;padding:5px 10px;background:rgba(87,194,122,.2);border-radius:4px;font-size:12px;text-align:center;color:#f0ca81;white-space:nowrap;font-weight:500}.gallery{display:grid;gap:5px;margin-top:20px;width:100%;max-width:1200px}.gallery.format-1-1{grid-template-columns:repeat(4,1fr)}.gallery.format-16-9{grid-template-columns:repeat(3,1fr)}.gallery.format-9-16{grid-template-columns:repeat(4,1fr)}.gallery.format-4-3{grid-template-columns:repeat(3,1fr)}.gallery.format-3-4{grid-template-columns:repeat(4,1fr)}.gallery-item{position:relative;background:#212326;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .3s}.gallery-item:hover{transform:translateY(-2px)}.gallery-image{width:100%;height:100%;object-fit:cover}.gallery-preview{width:100%;cursor:grab;display:block;height:auto}.gallery-preview:active{cursor:grabbing}.order-controls{display:flex;justify-content:center;gap:10px;padding:10px;background:rgba(87,194,122,.1)}.order-btn{background:rgba(87,194,122,.3);border:1px solid rgba(87,194,122,.5);border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;font-size:12px;transition:.3s;font-weight:700}.order-btn:hover{background:rgba(87,194,122,.6);border-color:#57c27a}.order-btn:disabled{opacity:.3;cursor:not-allowed}.logo-upload-area{position:relative;border:2px dashed rgba(87,194,122,.5);border-radius:12px;padding:20px;text-align:center;background:rgba(87,194,122,.05);cursor:pointer;transition:.3s;margin-bottom:15px}.logo-upload-area:hover{border-color:#57c27a;background:rgba(87,194,122,.1)}.logo-upload-area.has-logo{border-color:#57c27a;background:rgba(87,194,122,.15)}.logo-upload-icon{font-size:24px;color:#57c27a;margin-bottom:8px}.logo-upload-text{color:#f0ca81;font-size:14px;font-weight:500}.logo-upload-text.has-logo{color:#57c27a}.canvas-container{display:none}.no-images{text-align:center;color:rgba(255,255,255,.6);font-size:18px;margin-top:100px;width:100%}.no-images-icon{font-size:64px;color:rgba(87,194,122,.3);margin-bottom:20px}.stats{display:none}@media (max-width:768px){.container{flex-direction:column;height:auto}.sidebar{width:100%;order:2}.main-content{order:1;justify-content:flex-start;padding-top:40px}.upload-area{width:300px;height:300px}.gallery.format-1-1,.gallery.format-3-4,.gallery.format-9-16{grid-template-columns:repeat(2,1fr)}.gallery.format-16-9,.gallery.format-4-3{grid-template-columns:repeat(1,1fr)}.order-controls{flex-direction:column;gap:5px}.order-btn{padding:8px 12px;font-size:11px}}@media (max-width:480px){.upload-area{width:250px;height:250px}.gallery.format-1-1,.gallery.format-16-9,.gallery.format-3-4,.gallery.format-4-3,.gallery.format-9-16{grid-template-columns:repeat(1,1fr)}}.add-more-btn{position:relative;background:rgba(87,194,122,.1);border:2px dashed rgba(87,194,122,.5);border-radius:12px;cursor:pointer;transition:.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#57c27a;font-size:48px;text-align:center;padding:20px}.add-more-btn:hover{background:rgba(87,194,122,.2);border-color:#57c27a;transform:none}.add-more-text{font-size:14px;color:#f0ca81;margin-top:10px;line-height:1.3}.control-input[type=range]:disabled{opacity:.4;cursor:not-allowed}.control-input[type=range]:disabled::-webkit-slider-thumb{background:#666;cursor:not-allowed}.control-input[type=range]:disabled::-moz-range-thumb{background:#666;cursor:not-allowed}.help-link{color:#f0ca81;text-decoration:none;font-size:12px;margin-top:5px;display:block;opacity:.8;transition:opacity .3s}.help-link:hover{opacity:1;text-decoration:underline}.control-input[type=range]:disabled+*+.range-group::after,.range-group:has(.control-input[type=range]:disabled)::after{opacity:0}.seo-block{background:linear-gradient(135deg,#1a1d20 0,#212326 50%,#2a2d31 100%);border-top:3px solid #57c27a;margin-top:40px;padding:200px 0 60px;position:relative;overflow:hidden}.seo-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(87,194,122,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(240,202,129,.1) 0,transparent 50%);pointer-events:none}.seo-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.seo-header{text-align:center;margin-bottom:50px}.seo-header h2{font-size:42px;color:#57c27a;margin-bottom:15px;font-weight:700;text-shadow:0 2px 10px rgba(87,194,122,.3);background:linear-gradient(135deg,#57c27a,#f0ca81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-header p{font-size:20px;color:#f0ca81;opacity:.9;max-width:600px;margin:0 auto;line-height:1.4}.seo-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:50px}.seo-column{background:rgba(87,194,122,.08);border:1px solid rgba(87,194,122,.2);border-radius:16px;padding:30px;transition:.3s;position:relative;overflow:hidden}.seo-column::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57c27a,#f0ca81);border-radius:16px 16px 0 0}.seo-column:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(87,194,122,.2);border-color:#57c27a}.seo-column h3{color:#f0ca81;font-size:20px;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:10px}.seo-column ul{list-style:none;padding:0;margin:0}.seo-column li{margin-bottom:12px;padding-left:20px;position:relative;color:#fff;line-height:1.5;font-size:15px}.seo-column li::before{content:'✓';position:absolute;left:0;color:#57c27a;font-weight:700;font-size:14px}.seo-link{color:#57c27a;text-decoration:none;font-weight:600;transition:.3s;position:relative}.seo-link:hover{color:#f0ca81;text-shadow:0 0 8px rgba(240,202,129,.5)}.seo-keywords{background:rgba(240,202,129,.08);border:1px solid rgba(240,202,129,.2);border-radius:16px;padding:30px;margin-bottom:40px;position:relative;overflow:hidden}.seo-keywords::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f0ca81,#57c27a);border-radius:16px 16px 0 0}.seo-keywords h3{color:#f0ca81;font-size:22px;margin-bottom:25px;font-weight:700;text-align:center}.keywords-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.keyword-tag{background:linear-gradient(135deg,rgba(87,194,122,.2),rgba(240,202,129,.2));border:1px solid rgba(87,194,122,.3);color:#fff;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:500;transition:.3s;cursor:pointer;position:relative;overflow:hidden}.keyword-tag::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.keyword-tag:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(87,194,122,.3);border-color:#57c27a;color:#f0ca81}.keyword-tag:hover::before{left:100%}.seo-description{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:35px;margin-bottom:40px;position:relative}.seo-description::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57c27a,#f0ca81,#57c27a);border-radius:16px 16px 0 0}.seo-description h3{color:#f0ca81;font-size:22px;margin-bottom:20px;font-weight:700}.seo-description p{color:#fff;line-height:1.7;font-size:16px;margin-bottom:15px;opacity:.9}.seo-description strong{color:#57c27a;font-weight:600}.video-section{background:rgba(240,202,129,.08);border:1px solid rgba(240,202,129,.2);border-radius:16px;padding:30px;margin-bottom:40px;position:relative;overflow:hidden}.video-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f0ca81,#57c27a);border-radius:16px 16px 0 0}.video-section h3{color:#f0ca81;font-size:22px;margin-bottom:25px;font-weight:700;text-align:center}.video-container{position:relative;width:100%;max-width:600px;margin:0 auto;height:0;padding-bottom:33.75%;overflow:hidden;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.3)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.seo-footer{text-align:center;padding-top:30px;border-top:1px solid rgba(87,194,122,.2)}.seo-footer p{color:rgba(255,255,255,.7);font-size:14px;margin:0}@media (max-width:768px){.seo-block{padding:40px 0}.seo-header h2{font-size:32px}.seo-header p{font-size:18px}.seo-content{grid-template-columns:1fr;gap:25px}.seo-column,.seo-description,.seo-keywords,.video-section{padding:20px}.keywords-grid{gap:8px}.keyword-tag{font-size:13px;padding:6px 12px}}@media (max-width:480px){.seo-container{padding:0 15px}.seo-header h2{font-size:28px}.seo-header p{font-size:16px}.seo-column h3,.seo-description h3,.seo-keywords h3{font-size:18px}}