.header,.logo-group,body{display:flex}.filename-text,.layer-name{white-space:nowrap;text-overflow:ellipsis}.noise-overlay,.search-icon,.select-arrow,.slider-fill{pointer-events:none}.layers-empty,.mobile-blocker,.number-input,.upload-zone,.zoom-level{text-align:center}:root{--frog-bg:#0f241a;--frog-panel:#1c3829;--frog-surface:#2d5241;--frog-primary:#7bc96f;--frog-primary-dark:#5ea354;--frog-accent:#e9f58c;--frog-accent-hover:#d4e667;--frog-text-main:#f1f8f3;--frog-text-dark:#0a1f12;--frog-text-muted:#8caea1;--frog-mud:#5c4d3c;--shadow-soft:0 12px 24px -8px rgba(0, 0, 0, 0.4),0 4px 8px -4px rgba(0, 0, 0, 0.2),inset 0 1px 1px rgba(255, 255, 255, 0.1);--shadow-deep:inset 0 0 50px rgba(0, 0, 0, 0.5);--shadow-stone:0 4px 0 rgba(15, 36, 26, 0.8),0 6px 6px rgba(0, 0, 0, 0.2);--radius-organic-xl:40px 30px 50px 35px/35px 50px 30px 40px;--radius-organic-lg:25px 35px 20px 30px/30px 20px 35px 25px;--radius-organic-md:18px 22px 16px 24px/22px 18px 24px 16px;--radius-organic-sm:12px 15px 10px 14px;--canvas-width:960px;--canvas-height:540px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;font-size:16px;color:var(--frog-text-main);background-color:var(--frog-bg);background-image:radial-gradient(at 0 0,#153727 0,transparent 50%),radial-gradient(at 100% 100%,#1b4034 0,transparent 50%);flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--frog-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--frog-surface);border:2px solid var(--frog-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--frog-primary)}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;user-select:none}.noise-overlay{position:fixed;inset:0;opacity:.2;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}.header{position:relative;z-index:30;margin:16px 16px 0;padding:12px 24px;background:var(--frog-panel);border-radius:var(--radius-organic-lg);box-shadow:var(--shadow-soft);border:1px solid rgba(45,82,65,.3);align-items:center;justify-content:space-between}.header-left,.header-right{display:flex;align-items:center;gap:24px}.logo-group{align-items:center;gap:12px}.filename-display,.history-controls{gap:8px;display:flex}.logo-icon{width:48px;height:48px;border-radius:var(--radius-organic-md);display:flex;align-items:center;justify-content:center;border:2px solid rgba(233,245,140,.2);transition:transform .3s}.btn-icon,.btn-primary,.btn-secondary{cursor:pointer;transition:.15s cubic-bezier(.4, 0, .2, 1)}.logo-icon:hover{transform:rotate(6deg)}.logo-icon img{width:100%;height:auto;margin-bottom:8px}.logo-text,.sidebar-header-text{display:flex;flex-direction:column}.logo-title{font-family:Fredoka,sans-serif;font-size:24px;font-weight:500;color:var(--frog-accent);letter-spacing:.5px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.canvas-info span,.logo-tagline{font-size:11px;text-transform:uppercase}.logo-tagline{letter-spacing:3px;color:var(--frog-primary);font-weight:700;margin-top:2px;opacity:.8}.btn-primary,.btn-secondary,.filename-text,.zoom-level{font-size:14px;font-weight:700}.divider-vertical{width:2px;height:32px;background:rgba(45,82,65,.5);border-radius:4px;margin:0 4px}.btn-icon{width:40px;height:40px;background:var(--frog-surface);border:none;border-radius:var(--radius-organic-md);box-shadow:var(--shadow-stone);display:flex;align-items:center;justify-content:center;color:var(--frog-text-muted)}.btn-icon:hover,.btn-primary,.number-btn:hover{background:var(--frog-primary);color:var(--frog-text-dark)}.canvas-info span,.filename-display{padding:8px 16px;background:rgba(15,36,26,.6)}.add-btn:active,.btn-icon:active,.btn-primary:active,.btn-secondary:active{transform:translateY(4px);box-shadow:none}.btn-icon:disabled,.modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon:disabled:hover{background:var(--frog-surface);color:var(--frog-text-muted)}.filename-display{align-items:center;border-radius:20px;border:1px solid rgba(45,82,65,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.filename-display .material-symbols-outlined{font-size:16px;color:var(--frog-primary)}.filename-text{color:var(--frog-text-muted);max-width:150px;overflow:hidden}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:8px 20px;border:none;border-radius:var(--radius-organic-md);font-family:Nunito,sans-serif;letter-spacing:.5px;box-shadow:var(--shadow-stone)}.sidebar-title,.zoom-level{font-family:Fredoka,sans-serif}.tool-btn,.zoom-btn{transition:.2s;cursor:pointer}.btn-secondary{background:0 0;border:2px solid var(--frog-surface);color:var(--frog-primary)}.btn-secondary:hover{border-color:var(--frog-primary);background:var(--frog-primary);color:var(--frog-text-dark)}.btn-primary:hover{background:var(--frog-accent)}.main-content{flex:1;display:flex;overflow:hidden;position:relative;padding:16px;gap:16px;z-index:10}.toolbar-left,.zoom-controls{z-index:20;position:absolute}.canvas-section{flex:1;position:relative;background:rgba(15,36,26,.4);border-radius:var(--radius-organic-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-deep);border:2px solid rgba(45,82,65,.2);backdrop-filter:blur(4px)}.toolbar-group,.zoom-controls{box-shadow:var(--shadow-soft)}.modal-overlay,.properties-panel,.toolbar-group,.zoom-controls{backdrop-filter:blur(8px)}.toolbar-left{top:30%;left:10px}.toolbar-group{display:flex;flex-direction:column;gap:8px;padding:8px;background:rgba(28,56,41,.9);border-radius:var(--radius-organic-lg);border:1px solid rgba(45,82,65,.5)}.tool-btn,.zoom-controls{align-items:center;display:flex}.tool-btn{width:44px;height:44px;border:none;border-radius:var(--radius-organic-md);background:0 0;color:var(--frog-text-muted);justify-content:center}.tool-btn:hover{color:var(--frog-text-dark);background:var(--frog-primary)}.tool-btn.active{color:var(--frog-accent);background:rgba(45,82,65,.5);box-shadow:0 0 0 1px rgba(123,201,111,.2)}.tool-btn .material-symbols-outlined{font-size:22px;transition:transform .2s}.gallery-item:hover img,.tool-btn:hover .material-symbols-outlined{transform:scale(1.1)}.toolbar-divider{height:2px;width:24px;background:rgba(45,82,65,.5);border-radius:2px;margin:4px auto}.zoom-controls{bottom:12px;right:24px;gap:4px;background:rgba(28,56,41,.9);padding:6px 8px;border-radius:24px;border:1px solid rgba(45,82,65,.3)}.zoom-btn{width:32px;height:32px;border:none;border-radius:50%;background:0 0;color:var(--frog-text-main);display:flex;align-items:center;justify-content:center}.add-btn:hover,.sidebar-title,.zoom-btn:hover,.zoom-level{color:var(--frog-accent)}.zoom-btn:hover{background:var(--frog-surface)}.add-btn .material-symbols-outlined,.layer-visibility .material-symbols-outlined,.zoom-btn .material-symbols-outlined{font-size:18px}.zoom-level{width:48px;padding-top:2px}.layer-drag .material-symbols-outlined,.sidebar-title{font-size:20px}.canvas-container{flex:1;overflow:auto;padding:48px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(rgba(255,255,255,.03) 2px,transparent 2px);background-size:32px 32px}.canvas-wrapper{background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5);border:12px solid #d8f3dc;border-radius:30px;overflow:hidden;transition:transform .3s}.sidebar,.sidebar-header{background:var(--frog-panel);display:flex}.canvas-wrapper canvas{display:block}.canvas-info{position:absolute;bottom:16px;left:24px;z-index:10}.canvas-info span{letter-spacing:2px;color:rgba(140,174,161,.6);font-weight:700;border-radius:20px;backdrop-filter:blur(4px);border:1px solid rgba(45,82,65,.2)}.sidebar{width:320px;flex-shrink:0;border-radius:var(--radius-organic-lg);flex-direction:column;z-index:20;box-shadow:var(--shadow-soft);border:1px solid rgba(45,82,65,.2);overflow:hidden;position:relative}.add-controls,.sidebar-header{border-bottom:1px solid rgba(45,82,65,.3);z-index:10}.sidebar-header{padding:24px 24px 16px;justify-content:space-between;align-items:flex-end;position:relative}.sidebar-title{font-weight:500;margin-bottom:4px}.add-btn,.custom-select,.number-input{font-family:Nunito,sans-serif}.sidebar-subtitle{font-size:12px;color:var(--frog-text-muted);font-weight:700;letter-spacing:.5px}.sidebar-icon{font-size:36px;color:var(--frog-surface);opacity:.5;transform:rotate(12deg)}.add-btn,.layer-item.active .layer-drag,.layer-item:hover .layer-drag{color:var(--frog-text-muted)}.add-controls{padding:16px 20px;background:rgba(15,36,26,.1);display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.add-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:rgba(15,36,26,.5);border:1px solid rgba(45,82,65,.3);border-radius:var(--radius-organic-sm);font-weight:700;font-size:14px;cursor:pointer;transition:.2s;box-shadow:var(--shadow-stone)}.add-btn:hover{border-color:var(--frog-primary);background:var(--frog-bg)}.layers-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:10}.layer-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(15,36,26,.4);border:1px solid transparent;border-radius:var(--radius-organic-md);cursor:pointer;transition:.2s}.layer-item:hover{border-color:var(--frog-surface);transform:scale(1.01)}.layer-item.active{background:var(--frog-surface);border-color:rgba(123,201,111,.4);box-shadow:0 4px 12px rgba(0,0,0,.2)}.layer-item.hidden{opacity:.5;border:2px dashed rgba(92,77,60,.5);background:0 0}.layer-drag{color:var(--frog-surface);cursor:grab}.layer-thumbnail{width:40px;height:40px;background:rgba(0,0,0,.2);border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--frog-primary);border:1px solid rgba(123,201,111,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.layer-thumbnail img{width:100%;height:100%;object-fit:cover}.layer-thumbnail .material-symbols-outlined,.mobile-blocker-hint .material-symbols-outlined{font-size:24px}.layer-info{flex:1;min-width:0;display:flex;flex-direction:column}.layer-name{font-size:14px;font-weight:700;color:var(--frog-text-main);overflow:hidden}.layer-type,.layer-visibility,.layers-empty{color:var(--frog-text-muted)}.layer-type{font-size:10px;text-transform:uppercase;font-weight:700;opacity:.6;letter-spacing:.5px}.layer-item.active .layer-type{color:var(--frog-accent);opacity:1}.layer-visibility{background:0 0;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:.2s;display:flex;align-items:center;justify-content:center}.layer-visibility:hover{background:rgba(15,36,26,.3)}.layer-item.active .layer-visibility{color:var(--frog-accent)}.layer-drag,.layer-item[draggable=true]{cursor:grab}.layer-item.dragging{opacity:.4;cursor:grabbing;background:var(--frog-surface);border:2px dashed var(--frog-primary);transform:scale(.98)}.layers-list.dragging-active .layer-item:not(.dragging){transition:transform .2s,border-color .2s}.layer-item.drag-over{background:rgba(123,201,111,.1)}.layer-item.drag-over-top{border-top:3px solid var(--frog-accent);padding-top:9px}.layer-item.drag-over-bottom{border-bottom:3px solid var(--frog-accent);padding-bottom:9px}.layer-item.dragging .layer-drag{cursor:grabbing}.layers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;opacity:.6}.layers-empty .material-symbols-outlined{font-size:48px;margin-bottom:12px;color:var(--frog-surface)}.layers-empty p{font-size:14px;font-weight:600}.properties-panel{background:rgba(15,36,26,.4);padding:20px;border-top:1px solid rgba(45,82,65,.3);z-index:10;transition:max-height .3s,padding .3s,opacity .3s;max-height:1000px;overflow:hidden}.properties-panel.collapsed{max-height:0;padding:0 20px;opacity:0;border-top:none}.properties-title{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--frog-primary);font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.property-label,.property-label-simple{font-size:14px;color:var(--frog-text-muted);font-weight:700}.properties-indicator{width:8px;height:8px;border-radius:50%;background:var(--frog-accent);animation:2s infinite pulse}.custom-select,.slider,.slider-container{width:100%;cursor:pointer}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.property-group{margin-bottom:20px}.property-group:last-child{margin-bottom:0}.property-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.property-label{display:flex;align-items:center;gap:8px}.gallery-item-check .material-symbols-outlined,.property-label .material-symbols-outlined{font-size:16px}.property-label-simple{display:block;margin-bottom:8px;padding-left:4px}.property-value{font-size:12px;font-weight:700;color:var(--frog-text-dark);background:var(--frog-accent);padding:2px 8px;border-radius:6px}.slider-container{position:relative;height:12px;background:var(--frog-bg);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.slider,.slider-fill{position:absolute;height:100%}.slider{opacity:0;z-index:2}.slider-fill{top:0;left:0;background:linear-gradient(to right,var(--frog-primary),var(--frog-accent));border-radius:8px;transition:width .1s}.slider-fill::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(50%);width:16px;height:16px;background:var(--frog-text-main);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);border:2px solid var(--frog-primary)}.select-wrapper{position:relative}.custom-select{padding:10px 40px 10px 16px;background:rgba(15,36,26,.8);border:1px solid var(--frog-surface);border-radius:var(--radius-organic-sm);color:var(--frog-text-main);font-size:14px;font-weight:700;appearance:none;transition:.2s}.custom-select:focus,.custom-select:hover{border-color:var(--frog-primary);outline:0}.custom-select:focus{box-shadow:0 0 0 2px rgba(123,201,111,.2)}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--frog-text-muted);font-size:20px;transition:transform .2s}.custom-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.number-input-group{display:flex;align-items:stretch;border:1px solid var(--frog-surface);border-radius:var(--radius-organic-sm);overflow:hidden;background:rgba(15,36,26,.8)}.number-btn,.number-input{border:none;font-weight:700}.modal-close:hover,.number-btn{background:var(--frog-surface);color:var(--frog-text-main)}.number-btn{width:40px;font-size:18px;cursor:pointer;transition:.2s}.number-input{flex:1;min-width:0;background:0 0;color:var(--frog-text-main);font-size:14px;padding:10px}.color-input-wrapper,.search-input{border:1px solid var(--frog-surface)}.number-input:focus{outline:0}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.color-input-wrapper{display:flex;align-items:center;gap:12px;padding:8px 12px;background:rgba(15,36,26,.8);border-radius:var(--radius-organic-sm);transition:.2s}.color-input-wrapper:hover{border-color:var(--frog-primary)}.color-input{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;background:0 0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:2px solid var(--frog-surface);border-radius:6px}.color-value{font-family:Fredoka,monospace;font-size:14px;color:var(--frog-text-muted);font-weight:600;text-transform:uppercase}.modal-title,.upload-title{font-family:Fredoka,sans-serif}.text-controls{margin-top:20px;padding-top:20px;border-top:1px solid rgba(45,82,65,.3)}::selection{background:var(--frog-primary);color:var(--frog-text-dark)}.modal-icon,.modal-title{color:var(--frog-accent)}@media (max-width:1200px){.sidebar{width:280px}.canvas-container{padding:24px}}@media (max-width:900px){.main-content{flex-direction:column}.sidebar{width:100%;max-height:300px}.canvas-wrapper{transform:scale(.7);transform-origin:center}}.modal-overlay,.modal-title-row{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:rgba(10,31,18,.85);justify-content:center;z-index:1000;padding:24px;animation:.3s modalFadeIn}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}.modal{background:var(--frog-panel);border-radius:24px;box-shadow:0 25px 60px -10px rgba(0,0,0,.5),0 10px 30px -10px rgba(0,0,0,.4);border:1px solid rgba(45,82,65,.4);width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:.3s modalSlideUp}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 24px 20px;border-bottom:1px solid rgba(45,82,65,.4);position:relative}.modal-title-row{gap:12px;margin-bottom:6px}.modal-close,.upload-icon{display:flex;align-items:center}.modal-icon{font-size:28px}.modal-title{font-size:24px;font-weight:500}.modal-close,.modal-subtitle{color:var(--frog-text-muted)}.modal-subtitle{font-size:14px;font-weight:600;padding-left:40px}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:rgba(15,36,26,.5);border-radius:var(--radius-organic-sm);cursor:pointer;justify-content:center;transition:.2s}.modal-close:focus{outline:2px solid var(--frog-primary);outline-offset:2px}.modal-body{padding:24px;overflow-y:auto;flex:1}.upload-section{margin-bottom:28px}.upload-zone{border:2px dashed var(--frog-surface);border-radius:16px;padding:32px 24px;background:rgba(15,36,26,.3);transition:.3s;cursor:pointer}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--frog-primary);background:rgba(123,201,111,.08)}.upload-zone:focus-within{outline:2px solid var(--frog-primary);outline-offset:2px}.upload-zone.file-selected{border-color:var(--frog-accent);background:rgba(233,245,140,.1)}.upload-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--frog-surface);border-radius:50%;justify-content:center;color:var(--frog-primary);transition:.3s}.modal-footer .btn,.upload-btn{padding:12px 24px;display:inline-flex}.upload-zone:hover .upload-icon{background:var(--frog-primary);color:var(--frog-text-dark);transform:scale(1.05)}.upload-icon .material-symbols-outlined{font-size:32px}.upload-title{font-size:18px;font-weight:500;color:var(--frog-text-main);margin-bottom:8px}.search-input,.upload-btn{font-family:Nunito,sans-serif}.upload-formats{font-size:13px;color:var(--frog-text-muted);margin-bottom:20px}.upload-btn{align-items:center;gap:8px;background:var(--frog-primary);color:var(--frog-text-dark);border:none;border-radius:var(--radius-organic-sm);font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.category-pill,.gallery-item,.search-input{background:rgba(15,36,26,.5)}.upload-btn:hover{background:var(--frog-accent);transform:translateY(-1px)}.upload-btn:focus{outline:2px solid var(--frog-accent);outline-offset:2px}.upload-input{display:none}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.gallery-title{font-family:Fredoka,sans-serif;font-size:16px;font-weight:500;color:var(--frog-text-main);display:flex;align-items:center;gap:8px}.gallery-title .material-symbols-outlined{font-size:20px;color:var(--frog-primary)}.search-wrapper{position:relative;width:220px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--frog-text-muted);font-size:18px}.search-input{width:100%;padding:10px 12px 10px 40px;border-radius:var(--radius-organic-sm);color:var(--frog-text-main);font-size:14px;font-weight:600;transition:.2s}.category-pill,.modal-footer .btn{font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:.2s}.search-input::placeholder{color:var(--frog-text-muted)}.search-input:hover{border-color:var(--frog-primary-dark)}.category-pill.active,.category-pill:hover,.gallery-item:focus,.gallery-item:hover,.search-input:focus{border-color:var(--frog-primary)}.search-input:focus{outline:0;box-shadow:0 0 0 3px rgba(123,201,111,.15)}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-pill{padding:8px 16px;border:1px solid var(--frog-surface);border-radius:20px;color:var(--frog-text-muted);font-size:13px}.category-pill:hover{color:var(--frog-text-main)}.category-pill:focus,.modal-footer .btn:focus{outline:2px solid var(--frog-primary);outline-offset:2px}.category-pill.active{background:var(--frog-primary);color:var(--frog-text-dark)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:240px;overflow-y:auto;padding:4px}.gallery-grid::-webkit-scrollbar{width:8px}.gallery-grid::-webkit-scrollbar-track{background:var(--frog-bg);border-radius:8px}.gallery-grid::-webkit-scrollbar-thumb{background:var(--frog-surface);border-radius:8px}.gallery-item{aspect-ratio:1;border-radius:var(--radius-organic-sm);overflow:hidden;position:relative;cursor:pointer;border:2px solid transparent;transition:.2s}.gallery-item:hover{transform:scale(1.03)}.gallery-item:focus{outline:0;box-shadow:0 0 0 3px rgba(123,201,111,.2)}.gallery-item.selected{border-color:var(--frog-accent);box-shadow:0 0 0 3px rgba(233,245,140,.3)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--frog-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--frog-text-dark);opacity:0;transform:scale(.5);transition:.2s}.gallery-item.selected .gallery-item-check{opacity:1;transform:scale(1)}.modal-footer{padding:20px 24px;border-top:1px solid rgba(45,82,65,.4);display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(15,36,26,.3)}.modal-footer .btn{border-radius:var(--radius-organic-sm);font-size:14px;align-items:center;gap:8px}.modal-footer .btn-secondary{background:0 0;border:2px solid var(--frog-surface);color:var(--frog-text-muted)}.modal-footer .btn-secondary:hover{border-color:var(--frog-text-muted);color:var(--frog-text-main)}.modal-footer .btn-primary{background:var(--frog-primary);border:2px solid var(--frog-primary);color:var(--frog-text-dark)}.modal-footer .btn-primary:hover:not(:disabled){background:var(--frog-accent);border-color:var(--frog-accent)}@media (max-width:600px){.modal{max-height:95vh}.modal-body{padding:16px}.gallery-header{flex-direction:column;align-items:flex-start}.search-wrapper{width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.upload-zone{padding:24px 16px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%;justify-content:center}}.mobile-blocker{display:none;position:fixed;inset:0;z-index:9999;background:var(--frog-bg);background-image:radial-gradient(at 0 0,#153727 0,transparent 50%),radial-gradient(at 100% 100%,#1b4034 0,transparent 50%);flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.mobile-blocker-hint,.mobile-blocker-icon{display:flex;background:var(--frog-panel)}.mobile-blocker-content{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.mobile-blocker-icon{width:120px;height:120px;border-radius:50%;border:4px solid var(--frog-surface);align-items:center;justify-content:center;box-shadow:var(--shadow-soft);animation:3s ease-in-out infinite floatBounce}.mobile-blocker-icon img{width:80%;height:auto;margin-bottom:10px}@keyframes floatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.mobile-blocker-title{font-family:Fredoka,sans-serif;font-size:32px;font-weight:500;color:var(--frog-accent);text-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-blocker-text{font-size:16px;color:var(--frog-text-muted);font-weight:600;line-height:1.6}.mobile-blocker-hint{align-items:center;gap:12px;padding:16px 24px;border:1px solid var(--frog-surface);border-radius:16px;color:var(--frog-primary);font-size:14px;font-weight:700;margin-top:16px}@media (max-width:1023px){.mobile-blocker{display:flex}.header,.main-content,.noise-overlay{display:none!important}}