main{padding-bottom:32px}.intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 4px 22px}#submission label{display:block;font-size:13px;font-weight:600;margin:18px 0 0}#submission b{color:#c63737}#submission input:not([type=file]),#submission select,#submission textarea{display:block;box-sizing:border-box;width:100%;font:400 16px Manrope,system-ui;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px;outline-offset:3px}#submission input::placeholder{font-size:13px}.submit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.submit-grid label{min-width:0}.submit-primary{width:100%;border:0;border-radius:14px;padding:16px;background:var(--accent);color:var(--card);font:800 14px Manrope,system-ui;cursor:pointer}.photo-picker{padding:16px;border:1px dashed var(--accent);border-radius:14px;color:var(--accent)}.photo-picker input{display:block;width:100%;font-size:12px;margin-top:12px}#photo-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}#photo-previews figure{margin:0;width:calc(33.33% - 7px)}#photo-previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}#photo-previews button{width:100%;min-height:36px;font-size:11px}#submit-status{font-size:13px;text-align:center;color:var(--muted)}

.moderation-description { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }.moderation-photos { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; margin:18px 0; }.moderation-photos img { width:100%; flex-shrink:0; max-height:450px; object-fit:contain; scroll-snap-align:start; border-radius:12px; }

.moderation-editor label { display:block; margin:16px 0; font-size:13px; font-weight:600; }.moderation-editor input,.moderation-editor textarea { display:block; box-sizing:border-box; width:100%; margin-top:8px; padding:12px; font:400 16px Manrope,system-ui; color:var(--text); background:var(--input); border:1px solid var(--line); border-radius:12px; }.moderation-photos { display:grid; grid-template-columns:1fr; }

#submit-loading { margin:0 0 16px; } #submit-loading:has(#submit-status:empty):has(#submit-retry[hidden]) { display:none; } #submit-loading #submit-status { text-align:left; } #submit-loading:has(#submit-retry:not([hidden])) { padding:14px; border:1px solid #e8b5a9; border-radius:12px; background:var(--card); }

#photo-previews figure { position:relative; border-radius:10px; }
#photo-previews img { display:block; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; cursor:grab; }
#photo-previews img:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
#photo-previews .photo-position { position:absolute; top:5px; left:5px; padding:3px 6px; border-radius:6px; background:rgba(0,0,0,.7); color:white; font-size:10px; pointer-events:none; }
#photo-previews .photo-drag-source img { opacity:.35; }
#photo-previews .photo-drop-target { outline:3px solid var(--accent); outline-offset:3px; }
#photo-previews button { margin-top:5px; }
.photo-drag-ghost { position:fixed; z-index:10000; pointer-events:none; aspect-ratio:1; object-fit:cover; border-radius:10px; transform:translate(-50%,-50%) rotate(3deg); opacity:.9; box-shadow:0 8px 24px #0005; }

#photo-previews .photo-remove { position:absolute; top:0; right:0; width:36px; height:36px; min-height:36px; margin:0; padding:0; border:0; border-radius:0 10px 0 10px; background:rgba(0,0,0,.65); color:white; display:grid; place-items:center; cursor:pointer; }
#photo-previews .photo-remove:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }

.moderation-decisions { display:grid; grid-template-columns:1fr 1fr; gap:10px; } .moderation-decisions[hidden] { display:none; } .moderation-card>.outline { margin-top:14px; width:100%; } .moderation-gallery-slot { min-height:120px; }

header:has(.moderation-refresh) { display:flex; align-items:center; justify-content:space-between; gap:12px; } .moderation-refresh { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:0; border:0; background:transparent; color:var(--muted); border-radius:12px; cursor:pointer; } .moderation-refresh svg { width:22px; height:22px; } .moderation-refresh:hover { background:var(--input); color:var(--accent); } .clear-dialog textarea { width:100%; box-sizing:border-box; padding:12px; border:1px solid var(--line); background:var(--input); color:var(--text); border-radius:12px; font:inherit; margin:12px 0; }

.delete-submission { display:block; width:100%; margin-top:12px; min-height:44px; background:transparent; color:#bc4234; border:1px solid currentColor; border-radius:14px; font:600 14px Manrope,system-ui; cursor:pointer; } .delete-submission[hidden] { display:none; } .delete-submission-confirm { padding:12px 20px; border:0; border-radius:12px; background:#b43b30; color:white; font:600 14px Manrope,system-ui; cursor:pointer; }

.submission-back{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0 12px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.leave-actions{display:flex;gap:12px;margin-top:20px}.leave-actions button{flex:1;min-height:44px}

#submission .photo-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;overflow:hidden}.photo-picker>svg{width:23px;height:23px;flex-shrink:0}#submission .photo-picker input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.photo-picker:hover{border-color:var(--accent)!important}.photo-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}fieldset:disabled .photo-picker{opacity:.55}fieldset:disabled .photo-picker input{cursor:wait}