*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}:root{--scroll-thumb:#4d4d4d;--scroll-track:#101010}:root[data-theme=light]{--scroll-thumb:#b6b6b6;--scroll-track:#ededed}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}aside{overflow-y:auto;overscroll-behavior:contain}dialog{overscroll-behavior:contain;scrollbar-gutter:stable}input[type=file]{font-size:11px;color:var(--muted);padding:9px;cursor:pointer;max-width:100%;overflow:hidden}input[type=file]::file-selector-button{font:600 11px Montserrat,Arial,sans-serif;border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin-right:12px;background:var(--raised);color:var(--text);cursor:pointer}input[type=file]::file-selector-button:hover{background:var(--active);border-color:var(--accent)}select{appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23999999' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}select option{background:var(--panel);color:var(--text)}input[type=range]{accent-color:var(--accent);padding:0;height:24px;cursor:pointer}.field-label{display:block;color:var(--text);font-size:11px}.genre-dropdown{position:relative;margin:8px 0 18px;background:var(--field);border:1px solid var(--line);border-radius:7px}.genre-dropdown:focus-within{border-color:var(--accent)}.genre-dropdown summary{display:flex;justify-content:space-between;gap:12px;padding:12px;cursor:pointer;font-size:13px;list-style:none}.genre-dropdown summary::-webkit-details-marker{display:none}.genre-caption{line-height:1.5;overflow-wrap:anywhere}.genre-options{max-height:240px;overflow:auto;border-top:1px solid var(--line);padding:12px;background:var(--panel);border-radius:0 0 7px 7px}.genre-options p{margin:0 0 8px;font-size:10px}.genre-options label{display:flex;gap:10px;align-items:center;border-radius:5px;padding:9px 5px;font-size:12px;cursor:pointer}.genre-options label:hover{background:var(--hover)}.genre-options input{margin:0;width:16px;height:16px}.picture-field{padding:16px 0;border-top:1px solid var(--line);margin-top:8px}.picture-field label>.note{display:block;margin:6px 0;color:var(--muted)}.picture-preview{width:130px;aspect-ratio:1;border:1px dashed var(--line);border-radius:9px;overflow:hidden;background:var(--raised);display:grid;place-items:center}.picture-preview span{font-size:10px;color:var(--muted);text-align:center}.picture-preview img{width:100%;height:100%;object-fit:cover}.picture-preview.banner-preview{width:min(100%,390px);aspect-ratio:3}.picture-preview.event-preview{width:230px;aspect-ratio:16/9}.picture-status{margin-top:8px}.profile-banner{aspect-ratio:3;background:var(--hero);border:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden}.profile-banner>img{width:100%;height:100%;object-fit:cover;display:block}.profile-banner+.profile-hero{border-radius:0 0 12px 12px;border-top:0}.cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:12px;flex-wrap:wrap;padding:20px}.cover-placeholder .ico{width:26px;height:26px}.cover-placeholder button{font-size:11px}.crop-dialog{width:min(700px,95vw)}.crop-canvas{display:block;width:100%;height:auto;max-height:42vh;object-fit:contain;background:repeating-conic-gradient(#8882 0 25%,transparent 0 50%) 50%/16px 16px;border:1px solid var(--line);border-radius:8px;margin:20px 0}.crop-dialog>label{margin-top:12px}.crop-dialog .form-actions{flex-wrap:wrap}.event-cover{aspect-ratio:16/9;width:100px;height:auto}@media(max-width:700px){aside{overflow:visible}.profile-banner{min-height:140px}.cover-placeholder{gap:9px;font-size:10px}.cover-placeholder button{padding:8px}.crop-dialog{padding:20px}.genre-dropdown summary{font-size:12px}}
.credits-editor{margin:8px 0 24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credits-editor .card-head{align-items:flex-start}.credits-editor .card-head button{border:1px solid var(--line);padding:10px 12px;white-space:nowrap;color:var(--text)}.credit-row{display:grid;grid-template-columns:1.1fr 1fr 34px;gap:12px;align-items:start;padding:12px 0}.credit-row input,.credit-row select{margin-bottom:0}.credit-row>button{margin-top:23px;padding:9px;color:var(--danger)}.legacy-credits{font-size:11px;padding:12px;background:var(--raised);border-radius:7px}.legacy-credits summary{cursor:pointer;color:var(--muted)}.legacy-credits p{white-space:pre-wrap;font-size:11px}.calendar-field{min-width:0}.calendar-dropdown{margin:8px 0 18px;border:1px solid var(--line);background:var(--field);border-radius:7px}.calendar-dropdown summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:12px;cursor:pointer;list-style:none;min-height:42px}.calendar-dropdown summary::-webkit-details-marker{display:none}.calendar-dropdown[open]{border-color:var(--accent)}.calendar-panel{padding:12px;border-top:1px solid var(--line);background:var(--panel);border-radius:0 0 7px 7px}.calendar-toolbar{display:flex;align-items:center;gap:5px;margin-bottom:12px}.calendar-toolbar button{padding:6px 9px;font-size:20px;line-height:1}.calendar-toolbar select{min-width:0;flex:1;margin:0;padding:8px 22px 8px 8px;font-size:11px;background-position:right 8px center}.calendar-toolbar input{width:68px;margin:0;padding:8px 4px;font-size:11px;text-align:center;appearance:textfield}.calendar-toolbar input::-webkit-inner-spin-button{appearance:none}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-days .weekday{font-size:9px;color:var(--muted);text-align:center;padding:6px 0}.calendar-days button{border-color:transparent;padding:8px 0;border-radius:6px;font-size:11px;min-height:30px}.calendar-days button.today{border-color:var(--accent)}.calendar-days button.selected{background:var(--accent);color:var(--bg);font-weight:700}.calendar-bottom{border-top:1px solid var(--line);margin-top:10px;padding-top:10px;display:flex;justify-content:space-between}.calendar-bottom button{font-size:10px;padding:7px 10px}.calendar-time{margin-top:-6px}.calendar-time input{margin-top:8px}input[type=time]{color-scheme:inherit}@media(max-width:700px){.credit-row{grid-template-columns:1fr 34px;gap:0 10px}.credit-row>label:first-child{grid-column:1/-1}.credit-row>label:nth-child(2){margin-top:10px}.credit-row>button{margin-top:33px}.credits-editor .card-head{gap:10px;flex-wrap:wrap}.calendar-days button{min-height:36px}}

/* Keep the crop editor above its owning form and near the viewport top. */
.crop-dialog[open]{position:fixed;inset:16px 0 auto;margin:0 auto;max-height:calc(100dvh - 32px);z-index:2147483647}.crop-dialog::backdrop{background:#000b}.crop-dialog .dialog-head{position:sticky;top:-1px;background:var(--panel);z-index:1}