/* Independent upload panel; the feed, order form and publication routes keep their styles. */
.my-images-sheet{width:min(480px,calc(100% - 32px));padding:30px 24px;color:#f5f5f7}
.my-images-sheet h2{font-size:27px;margin:8px 40px 7px 0;letter-spacing:-.7px}
.my-images-intro{font-size:14px;line-height:1.5;color:#b8b8c2;margin:0 0 18px}
.my-images-sheet [data-my-images-preview]{display:block;width:100%;max-height:230px;object-fit:contain;background:#101014;border:1px solid #3b3b43;border-radius:12px;margin-top:14px}
.my-images-sheet [data-my-images-preview][hidden],.my-images-sheet [hidden]{display:none}
.my-images-sheet textarea{width:100%;padding:12px;border:1px solid #45454f;border-radius:9px;background:#101014;color:#f5f5f7;font:inherit;font-size:16px;line-height:1.5;resize:vertical}
.my-images-sheet .order-field{font-size:14px}.my-images-sheet .primary-action{min-height:48px;font-size:14px;line-height:1.4}
.my-images-sheet .order-local-note{font-size:12px;margin-top:12px;line-height:1.5}
.my-images-sheet textarea[readonly]{opacity:.8}.my-images-sheet .close-dialog:disabled{opacity:.4}
.my-images-success{text-align:center;padding:22px 0 8px}.my-images-success h3{margin:15px 0;font-size:23px}.my-images-success p{font-size:14px;line-height:1.5;color:#b8b8c2;margin-bottom:20px}
@media(max-width:700px){.my-images-sheet{width:100%;padding:28px 22px 24px}.my-images-sheet h2{font-size:27px}.my-images-sheet .order-field input[type=file]{font-size:13px}}
.my-images-list{display:grid;gap:18px;margin:18px 0}
.my-image-item{min-width:0;padding:16px;border:1px solid #414149;border-radius:14px;background:#121216}
.my-image-item header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px}
.my-image-remove{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #494952;background:#24242c;color:#e9e9ed;border-radius:50%;font-size:21px;cursor:pointer}
.my-image-preview{display:block;width:100%;height:180px;object-fit:contain;background:#0a0a0d;border:1px solid #34343a;border-radius:9px}
.my-image-item .order-field{margin:16px 0 12px}
.my-image-item textarea{min-height:88px;resize:vertical}
.my-image-schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.my-image-schedule label{display:grid;gap:7px;color:#eeeaf1;font-size:13px;font-weight:650;min-width:0}
.my-image-schedule button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:46px;padding:11px 12px;border:1px solid #e6bd66;border-radius:10px;background:#f5f1e7;color:#252019;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.my-image-schedule button:focus-visible,.my-image-remove:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.my-image-schedule b{color:#735521;font-size:17px;font-weight:500}
.my-image-schedule button:disabled,.my-image-remove:disabled{cursor:default;opacity:.6}
.my-image-status{font-size:12px;line-height:1.5;color:#bdb7a8;margin:11px 0 0;overflow-wrap:anywhere}
.my-image-status:empty{display:none}
.my-image-item[data-status=saved]{border-color:#586847}
.my-image-item[data-status=saved] .my-image-status{color:#bdde9f}
.my-image-item[data-status=saved] .my-image-preview{height:90px}
.my-image-item[data-status=saved] textarea{min-height:62px}
#toast.my-images-confirmation{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:370px;box-sizing:border-box;padding:24px 22px;border:1px solid #d9b45f;border-radius:18px;background:#19191f;color:#fff;font-size:19px;font-weight:650;line-height:1.5;white-space:pre-line;box-shadow:0 14px 65px #000b;z-index:200}
#toast.my-images-confirmation::before{content:'✓';display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#f4cc72;color:#17140d;font-size:30px;font-weight:800}
body.video-only #toast.my-images-confirmation{visibility:visible!important}
.my-images-summary{font-size:13px;line-height:1.5;color:#d9e4c4;margin:15px 0}
.my-images-progress{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 16px;margin:0 0 16px;border:1px solid #d7b260;border-radius:12px;background:#29241b;color:#ffe0a0;font-size:15px;font-weight:650;line-height:1.4;box-shadow:0 4px 18px #0005}
.my-images-progress::before,.my-image-status[data-busy=true]::before,.my-images-sheet [data-my-images-send][data-busy=true]::before{content:"";display:inline-block;flex:0 0 auto;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:my-images-loading .85s linear infinite}
.my-image-status[data-busy=true]{display:flex;align-items:center;gap:8px;color:#ffe0a0;font-size:14px;font-weight:600}
.my-image-status[data-busy=true]::before{width:15px;height:15px}
.my-images-sheet [data-my-images-send][data-busy=true]{display:flex;align-items:center;justify-content:center;gap:10px;opacity:1;cursor:wait}
@keyframes my-images-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.my-images-progress::before,.my-image-status[data-busy=true]::before,.my-images-sheet [data-my-images-send][data-busy=true]::before{animation:none;border-style:dotted}}
@media(max-width:360px){.my-image-item{padding:12px}.my-image-schedule{gap:8px}.my-image-schedule button{padding:10px 8px;font-size:12px}}

.my-images-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:12px 0 20px;min-width:0}
.my-images-modes legend{font-size:14px;margin-bottom:10px;color:#eeeaf1}
.my-images-modes label{display:flex;align-items:center;gap:8px;padding:13px 10px;border:1px solid #4b4952;border-radius:11px;background:#18181d;font-size:13px;cursor:pointer;min-height:48px}
.my-images-modes label:has(input:checked){border-color:#e6bd66;background:#30291d;color:#ffe0a0}
.my-images-modes input{accent-color:#e6bd66;flex:0 0 auto}
.my-images-logo small{font-weight:400;color:#b8b8c2;line-height:1.45;font-size:12px}
.my-images-segment{margin:0 0 16px}
.my-images-segment select,.my-images-segment input{width:100%;min-height:48px;padding:12px;border:1px solid #55505a;border-radius:11px;background:#101014;color:#f5f5f7;font:inherit;font-size:16px;color-scheme:dark}
.my-images-segment select:focus-visible,.my-images-segment input:focus-visible{outline:2px solid #e6bd66;outline-offset:2px}
@media(max-width:360px){.my-images-modes{gap:7px}.my-images-modes label{font-size:12px;padding:11px 8px}}
.my-image-caption-option{display:flex;align-items:center;gap:.6rem;width:fit-content;min-height:36px;margin:-.25rem 0 .35rem;color:var(--text,#f5f3ef);font-size:.92rem;cursor:pointer}
.my-image-caption-option input{width:1.1rem;height:1.1rem;margin:0;accent-color:#efc66c}
.my-image-item [data-image-format]{width:100%;min-height:48px;padding:12px;border:1px solid #55505a;border-radius:11px;background:#101014;color:#f5f5f7;font:inherit;font-size:16px;color-scheme:dark}
.my-image-item [data-image-format]:focus-visible{outline:2px solid #e6bd66;outline-offset:2px}
.my-image-item [data-image-format-hint]{color:#b8b8c2;font-size:12px;font-weight:400}