.picture-gallery-settings{width:80vw;min-height:100vh;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);--event-color:#00aeef}.picture-settings-container{margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:35px;position:relative;overflow:hidden}.picture-settings-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%)}.picture-settings-container h1{margin:0 0 35px;font-size:32px;font-weight:700;color:#1a1a1a;text-align:center;position:relative;padding-bottom:20px}.picture-settings-container h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%);border-radius:2px}.picture-settings-container h2{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:15px;padding-left:15px;position:relative}.picture-settings-container h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%);border-radius:2px}.picture-settings-section{margin-bottom:30px;padding:25px;border:none;border-radius:12px;background:linear-gradient(135deg,#fafbfc,#f8f9fa);box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.picture-settings-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.picture-section-description{color:#6c757d;margin-bottom:20px;font-size:15px;line-height:1.5;font-weight:400}.picture-layout-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.picture-control-group{display:flex;flex-direction:column;gap:8px}.picture-control-group label{font-weight:500;color:#555;font-size:14px}.picture-control-select{padding:12px 16px;border:1px solid #343a40;border-radius:8px;font-size:14px;background-color:#ffffff;color:#1e1e1e;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.picture-control-select:focus{outline:none;border-color:var(--event-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--event-color) 15%,transparent),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.picture-control-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 0;cursor:pointer;background:linear-gradient(to right,var(--event-color) 0,var(--event-color) var(--percent,50%),#e9ecef var(--percent,50%),#e9ecef 100%);border:none;border-radius:5px;margin-top:10px}.picture-control-range::-webkit-slider-runnable-track{height:6px;border-radius:3px}.picture-control-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--event-color,#4a90e2) 0,color-mix(in srgb,var(--event-color,#4a90e2) 80%,black 20%) 100%);height:24px;width:24px;border:2px solid white;border-radius:50%;cursor:pointer;margin-top:-9px;box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 0 4px rgba(255,255,255,.6);-webkit-transition:box-shadow .2s ease;transition:box-shadow .2s ease}.picture-control-range::-moz-range-track{background:#e9ecef;height:6px;border-radius:3px}.picture-control-range::-moz-range-thumb{background:linear-gradient(135deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%);height:20px;width:20px;border-radius:50%;cursor:pointer;border:none}.picture-add-images-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%);color:white;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:10px}.picture-add-images-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--event-color) 80%,black 20%) 0,color-mix(in srgb,var(--event-color) 60%,black 40%) 100%);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--event-color) 30%,transparent)}.picture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:20px}.picture-header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.picture-tooltip-toggle{background:linear-gradient(135deg,#6c757d,#868e96);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.picture-tooltip-toggle.active{background:linear-gradient(135deg,#ffc107,#ffcd39);transform:scale(1.1)}.picture-keyboard-shortcuts{font-size:12px;color:#6c757d;font-style:italic;text-align:right;max-width:300px}.picture-tooltip-container{position:relative;display:inline-block}.picture-tooltip{bottom:100%;background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:5px}.picture-tooltip,.picture-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.picture-tooltip:after{content:"";top:100%;border:5px solid transparent;border-top-color:rgba(0,0,0,.9)}.picture-tooltip-container:hover .picture-tooltip{opacity:1}.picture-checkbox-group,.picture-checkbox-label{display:flex;align-items:center;gap:8px}.picture-checkbox-label{cursor:pointer;font-size:14px;color:#555}.picture-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--event-color)}.picture-drop-zone{border:3px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8f9fa,#ffffff)}.picture-drop-zone.picture-drag-over,.picture-drop-zone:hover{border-color:var(--event-color);background:linear-gradient(135deg,color-mix(in srgb,var(--event-color) 10%,#f8f9fa) 0,color-mix(in srgb,var(--event-color) 5%,#ffffff) 100%);transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--event-color) 15%,transparent)}.picture-drop-zone-content h3{margin:10px 0 5px;color:#1a1a1a;font-size:18px}.picture-drop-zone-content p{margin:5px 0;color:#6c757d;font-size:14px}.picture-drop-zone-hint{font-style:italic;font-size:12px!important}.picture-drop-zone-icon{font-size:48px;margin-bottom:10px}.picture-upload-progress{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;align-items:center;gap:15px}.picture-progress-bar{flex:1 1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.picture-progress-fill{height:100%;background:linear-gradient(90deg,var(--event-color) 0,color-mix(in srgb,var(--event-color) 80%,black 20%) 100%);transition:width .3s ease;border-radius:4px}.picture-image-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.picture-controls-left,.picture-controls-right{display:flex;gap:10px;align-items:center}.picture-batch-delete-btn,.picture-clear-selection-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.picture-batch-delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:white}.picture-batch-delete-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.picture-clear-selection-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:white}.picture-gallery-settings-grid{display:grid;grid-gap:8px;gap:8px;margin-bottom:20px}.picture-gallery-settings-item.picture-dragging{opacity:.5;transform:rotate(5deg)}.picture-gallery-settings-item.picture-drag-over{border-color:#28a745;transform:scale(1.05)}.picture-gallery-settings-thumbnail{width:100%;display:block}.picture-gallery-settings-thumbnail.picture-square{aspect-ratio:1/1;object-fit:cover}.picture-gallery-settings-thumbnail.picture-original{height:auto;max-height:200px;object-fit:contain}.picture-gallery-settings-thumbnail.picture-wide{aspect-ratio:16/9;object-fit:cover}.picture-remove-image-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(220,53,69,.9);color:white;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.picture-remove-image-btn:hover{background:rgba(220,53,69,1)}.picture-image-order{bottom:5px;background:rgba(0,0,0,.7);font-size:12px}.picture-image-order,.picture-new-image-badge{position:absolute;left:5px;color:white;padding:2px 6px;border-radius:3px;font-weight:700}.picture-new-image-badge{top:5px;background:#28a745;font-size:10px}.picture-gallery-empty{text-align:center;padding:40px;color:#adb5bd;font-style:italic}.picture-action-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.picture-clear-story-btn,.picture-reset-story-btn,.picture-save-story-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;overflow:hidden}.picture-save-story-btn{background:linear-gradient(135deg,#28a745,#20c997);color:white}.picture-save-story-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea888);transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.3)}.picture-save-story-btn:disabled{background:linear-gradient(135deg,#6c757d,#868e96);cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.picture-reset-story-btn{background:linear-gradient(135deg,#6c757d,#868e96);color:white}.picture-reset-story-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#6f7881);transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.picture-reset-story-btn:disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.picture-clear-story-btn{background:linear-gradient(135deg,#dc3545,#e74c3c);color:white}.picture-clear-story-btn:hover{background:linear-gradient(135deg,#c82333,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.picture-unsaved-warning{color:#856404;background:linear-gradient(135deg,#fff3cd,#ffeaa7 50%);border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin:0;font-size:14px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.05)}.picture-image-controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease;pointer-events:none}.picture-gallery-settings-item:hover .picture-image-controls-overlay{opacity:1;pointer-events:auto}.picture-remove-image-btn.picture-hover-delete{position:static;width:auto;height:auto;border:2px solid white;border-radius:6px;background:rgba(220,53,69,.9);color:white;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;display:flex;align-items:center;gap:6px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.picture-remove-image-btn.picture-hover-delete:hover{background:rgba(220,53,69,1);transform:scale(1.05);box-shadow:0 4px 12px rgba(220,53,69,.4)}.picture-delete-icon{font-size:16px}.picture-delete-text{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.picture-select-image-btn{position:static;width:40px;height:40px;border:2px solid white;border-radius:50%;background:color-mix(in srgb,var(--event-color) 90%,transparent);color:white;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.picture-select-image-btn:hover{background:var(--event-color);transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--event-color) 40%,transparent)}.picture-select-image-btn.selected{background:rgba(40,167,69,.9);border-color:#28a745}.picture-select-image-btn.selected:hover{background:rgba(40,167,69,1);box-shadow:0 4px 12px rgba(40,167,69,.4)}.picture-gallery-settings-item{position:relative;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:move;transition:all .3s ease;background:white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.picture-gallery-settings-item:hover{transform:scale(1.02);border-color:var(--event-color);box-shadow:0 8px 20px color-mix(in srgb,var(--event-color) 20%,transparent)}.picture-gallery-settings-item:hover .picture-gallery-settings-thumbnail{filter:brightness(.8)}@media (max-width:768px){.picture-image-controls-overlay{opacity:1;pointer-events:auto;background:rgba(0,0,0,.5)}.picture-remove-image-btn.picture-hover-delete{padding:6px 10px;font-size:12px}.picture-delete-text{display:none}.picture-delete-icon{font-size:14px}.picture-select-image-btn{width:35px;height:35px;font-size:16px}}@media (hover:none){.picture-image-controls-overlay{opacity:1;pointer-events:auto;background:rgba(0,0,0,.4)}.picture-gallery-settings-item:hover .picture-gallery-settings-thumbnail{filter:none}}@media (max-width:768px){.picture-gallery-settings{width:95vw;padding:10px}.picture-settings-container{padding:20px;border-radius:12px}.picture-settings-container h1{font-size:28px}.picture-settings-section{padding:20px}.picture-layout-controls{grid-template-columns:1fr}.picture-action-buttons{flex-direction:column;gap:12px}.picture-clear-story-btn,.picture-reset-story-btn,.picture-save-story-btn{width:100%}.picture-gallery-preview-grid,.picture-gallery-settings-grid{grid-template-columns:repeat(2,1fr)!important}.picture-header{flex-direction:column;align-items:flex-start}.picture-header-controls{align-items:flex-start;width:100%}.picture-keyboard-shortcuts{display:none}.picture-drop-zone{padding:30px 15px}.picture-drop-zone-icon{font-size:36px}.picture-image-controls{flex-direction:column;align-items:stretch}.picture-controls-left,.picture-controls-right{justify-content:center}.picture-tooltip{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.picture-gallery-settings-item:focus{outline:2px solid var(--event-color);outline-offset:2px}@media (prefers-color-scheme:dark){.picture-tooltip{background:rgba(255,255,255,.9);color:#000}.picture-tooltip:after{border-top-color:rgba(255,255,255,.9)}}.picture-gallery-settings.mobile{width:100vw;padding:0;margin:0;box-sizing:border-box;overflow-x:hidden;background:#fcfbfc}.picture-gallery-settings.mobile .picture-settings-container{padding:10px;border-radius:0;box-shadow:none;margin:0;width:100%;box-sizing:border-box;background:#fcfbfc}.picture-gallery-settings.mobile .picture-settings-container:before{height:3px}.picture-gallery-settings.mobile .picture-settings-container h1{font-size:20px;margin-bottom:15px;padding-bottom:10px;padding-left:10px;padding-right:10px}.picture-gallery-settings.mobile .picture-settings-section{margin-bottom:15px;padding:12px;border-radius:8px;box-sizing:border-box;width:100%}.picture-gallery-settings.mobile .picture-settings-container h2{font-size:16px;margin-bottom:8px;padding-left:8px}.picture-gallery-settings.mobile .picture-settings-container h2:before{width:3px;height:18px}.picture-gallery-settings.mobile .picture-section-description{font-size:13px;margin-bottom:12px;padding:0 5px}.picture-layout-controls.mobile{grid-template-columns:1fr;gap:12px}.picture-gallery-settings.mobile .picture-control-group label{font-size:13px}.picture-gallery-settings.mobile .picture-control-select{font-size:13px;padding:10px 12px}.picture-gallery-settings.mobile .picture-control-range{margin-top:8px}.picture-drop-zone.mobile{padding:20px 15px;margin-bottom:15px}.picture-drop-zone-content.mobile h3{font-size:16px;margin:8px 0 4px}.picture-drop-zone-content.mobile p{font-size:12px;margin:3px 0}.picture-gallery-settings.mobile .picture-drop-zone-icon{font-size:36px;margin-bottom:8px}.picture-image-controls.mobile{flex-direction:column;align-items:stretch;gap:10px}.picture-gallery-settings.mobile .picture-controls-left,.picture-gallery-settings.mobile .picture-controls-right{justify-content:center;width:100%}.picture-gallery-settings-grid.mobile{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.picture-gallery-settings.mobile .picture-gallery-settings-item{border-radius:4px}.picture-gallery-settings.mobile .picture-image-order{bottom:3px;left:3px;padding:1px 4px;font-size:10px}.picture-gallery-settings.mobile .picture-new-image-badge{top:3px;left:3px;padding:1px 4px;font-size:9px}.picture-gallery-settings.mobile .picture-remove-image-btn{width:20px;height:20px;top:3px;right:3px;font-size:12px}.picture-gallery-settings.mobile .picture-image-controls-overlay{opacity:1;pointer-events:auto;background:rgba(0,0,0,.5)}.picture-gallery-settings.mobile .picture-remove-image-btn.picture-hover-delete{padding:6px 8px;font-size:11px}.picture-gallery-settings.mobile .picture-delete-text{display:none}.picture-gallery-settings.mobile .picture-delete-icon{font-size:14px}.picture-upload-progress.mobile{padding:12px;margin-bottom:15px;gap:10px}.picture-gallery-settings.mobile .picture-progress-bar{height:6px}.picture-action-buttons.mobile{flex-direction:column;gap:10px;width:100%}.picture-clear-story-btn.mobile,.picture-reset-story-btn.mobile,.picture-save-story-btn.mobile{width:100%;padding:12px 20px;font-size:14px;box-sizing:border-box}.picture-unsaved-warning.mobile{font-size:13px;padding:10px 12px;text-align:center}.picture-gallery-settings.mobile .picture-warning-icon{font-size:14px}.picture-gallery-empty.mobile{padding:30px 20px}.picture-gallery-settings.mobile .picture-empty-icon{font-size:32px}.picture-gallery-empty.mobile h3{font-size:16px;margin:10px 0 5px}.picture-gallery-empty.mobile p{font-size:13px}.picture-gallery-settings.mobile .picture-tooltip{display:none}.picture-gallery-settings.mobile .picture-gallery-settings-item{min-height:80px}.picture-gallery-settings.mobile .picture-gallery-settings-thumbnail{transition:none}.picture-gallery-settings.mobile .picture-gallery-settings-item:hover{transform:none;border-color:var(--event-color)}.picture-gallery-settings.mobile .picture-drag-instructions{display:none}.picture-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:6px}.picture-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--event-color);border-radius:50%;animation:picture-spin 1s linear infinite}@keyframes picture-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.picture-gallery-settings-item.picture-loading{pointer-events:none;opacity:.7}.picture-gallery-settings-item.picture-selected{border-color:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,.3)}