@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#111310;--panel:#1a1d18;--panel2:#22261f;--text:#f0f2e9;--muted:#989d90;--line:#30352a;--lime:#e5ff71;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 DM Sans,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,input,textarea,select{color:inherit}button{background:0 0;border:0}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-2px;font-size:clamp(32px,3.4vw,50px);font-weight:500;line-height:1.2}h2{letter-spacing:-.8px;font-size:28px}h3{font-size:19px}p,.muted{color:var(--muted)}.header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(280px,560px) minmax(0,1fr);align-items:center;gap:28px;height:88px;padding:0 4%;display:grid}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.brand-mascot{object-fit:contain;flex-shrink:0;width:90px;height:60px}.brand-wordmark{flex-direction:column;flex-shrink:0;align-items:center;padding-top:10px;display:flex;position:relative}.brand-prefix,.brand-name{letter-spacing:0;line-height:1}.brand-prefix{color:var(--muted);justify-content:space-between;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;display:flex;position:absolute;top:0;left:2px;right:2px}.brand-name{font-size:34px;font-weight:700}.header-actions{flex-shrink:0;justify-self:end;align-items:center;gap:22px;display:flex}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.button.lime{background:var(--lime);color:#14170e}.button.lime:hover{background:#d0ee52}.button.small{min-height:38px;padding:9px 12px}.button.outline{background:0 0;border:1px solid #454d38}.button.outline:hover{background:var(--panel2)}.button.full{width:100%}.login-link{align-items:center;gap:4px;font-size:14px;display:flex}.page{max-width:1600px;margin:0 auto;padding:42px 4% 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:8px;margin-bottom:13px;font-size:11px;font-weight:500;display:flex}.tiny-line{background:var(--lime);width:20px;height:1px}.page-heading p{margin-top:12px;font-size:15px}.category-list{gap:8px;padding:3px 1px 7px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);white-space:nowrap;color:#b0b6a6;border-radius:6px;padding:7px 14px;font-size:13px}.chip:hover{border-color:#778362}.chip.chosen{background:var(--lime);color:#19200e;border-color:var(--lime);font-weight:600}.edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 22px;display:grid}.card-image{background:#25291f;border-radius:11px;height:310px;position:relative;overflow:hidden}.poster-link{position:absolute;inset:0}.poster-link img{object-fit:cover;transition:transform .5s}.edit-card:nth-child(3n+2) .poster-link img{object-position:55% center}.avatar{letter-spacing:-.5px;color:#18200f;background:var(--lime);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:9px;font-weight:700;display:inline-flex}.small-avatar{width:34px;height:34px;font-size:12px}.avatar.large{letter-spacing:-2px;width:84px;height:84px;font-size:29px}.likes{color:#a3ab97;align-items:center;gap:5px;font-size:12px;display:flex}.demo-note{color:#879078;margin:20px 0 35px;font-size:12px;line-height:1.7}.demo-note a{color:#b5bf9f;align-items:center;gap:4px;display:inline-flex}.footer{border-top:1px solid var(--line);color:#979f8a;justify-content:space-between;align-items:center;gap:20px;padding:27px 4%;font-size:12px;display:flex}.footer-brand{color:#c3cab5;font-family:Space Grotesk,sans-serif;font-size:16px}.footer-brand span{color:#707965;margin-left:12px;font-family:DM Sans,sans-serif;font-size:11px}.footer>div{gap:20px;display:flex}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:65px 20px;display:flex}.empty-state>svg{color:var(--lime)}.empty-state p{max-width:440px;margin-bottom:8px}.toast{z-index:99;background:#252b1e;border:1px solid #535c43;border-radius:9px;align-items:center;gap:18px;max-width:95vw;padding:14px 17px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.toast>a{color:var(--lime);white-space:nowrap}.toast button{display:flex}.skip-link{background:var(--lime);color:#111;z-index:100;padding:10px;position:absolute;top:-80px;left:10px}.skip-link:focus{top:10px}.mobile-search{display:none}.poster-empty{height:100%;color:var(--lime);background:linear-gradient(130deg,#333d26,#121510);justify-content:center;align-items:center;display:flex}.narrow{max-width:520px;min-height:65vh;margin:55px auto;padding:0 24px}.narrow h1{margin:15px 0;font-size:36px}.signin-heading{align-items:center;gap:12px;display:flex}.signin-heading svg{color:var(--muted);flex-shrink:0}.narrow .signin-heading{font-size:clamp(24px,5vw,36px)}.auth-dialog{border:1px solid var(--line);background:var(--bg);width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);overscroll-behavior:contain;border-radius:16px;margin:auto;padding:30px;box-shadow:0 24px 80px #0006}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6}.auth-dialog h2{padding-right:28px;font-size:26px}.auth-dialog .form{gap:18px;margin-top:24px}.auth-dialog-close{width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.auth-dialog-close:hover{background:var(--panel);color:var(--text)}.form{gap:20px;margin-top:30px;display:grid}.field{gap:8px;font-size:14px;display:grid}.field input,.field textarea,.field select{background:var(--panel);border:1px solid #3c4431;border-radius:7px;width:100%;padding:12px;font-size:16px}.field textarea{resize:vertical;min-height:120px}.field small,.form small{color:var(--muted);font-size:12px}.field input:focus,.field textarea:focus{border-color:var(--lime)}.form-error{color:#ffc4ba;background:#482927;border:1px solid #a26860;border-radius:7px;padding:12px;font-size:14px}.form-success{color:#d7edaa;background:#29371a;border:1px solid #697e43;border-radius:7px;padding:12px;font-size:14px}.auth-switch{text-align:center;margin-top:24px;font-size:14px}.auth-switch a,.auth-switch button{color:var(--lime)}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:25px;font-size:14px;display:inline-flex}.two-column{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:40px;display:grid}.video-frame{border:1px solid var(--line);background:#080a07;border-radius:12px;min-height:240px;overflow:hidden}.detail-title{justify-content:space-between;align-items:start;gap:20px;margin-top:25px;display:flex}.detail-title h1{font-size:34px}.detail-actions{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.detail-actions button{font-size:14px}.detail-description{white-space:pre-wrap;line-height:1.8}.info-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:20px;padding:22px}.info-box h3{margin-bottom:14px}.creator-header{align-items:center;gap:13px;margin-bottom:17px;display:flex}.creator-header .avatar{width:44px;height:44px;font-size:15px}.creator-header small{color:var(--muted)}.info-box p{font-size:14px;line-height:1.7}.info-box .button{margin-top:16px}.data-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:10px 0;font-size:14px;display:flex}.data-row span:first-child{color:var(--muted)}.data-row:last-child{border:0}.data-row a{color:var(--lime)}.tag-list{flex-wrap:wrap;gap:8px;margin:23px 0;display:flex}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:25px;margin-bottom:32px;padding:18px 0 35px;display:flex}.profile-hero h1{font-size:40px}.profile-hero p{max-width:660px;margin:9px 0;font-size:15px}.profile-hero .profile-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.profile-stats{color:var(--muted);gap:20px;font-size:14px;display:flex}.profile-stats strong{color:var(--text)}.section-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-title h2{font-size:24px}.reading{max-width:760px;padding-bottom:70px}.reading h2{margin:30px 0 12px}.reading p{margin:12px 0;line-height:1.8}.reading a{color:var(--lime)}.reading li{color:var(--muted);margin-bottom:9px}.upload-area{background:var(--panel);width:100%;min-width:0;color:var(--text);text-align:center;cursor:pointer;border:1px dashed #66744c;border-radius:14px;place-items:center;gap:12px;padding:36px 24px;transition:background .15s,border-color .15s;display:grid}.upload-area:hover:not(:disabled){border-color:var(--lime);background:#242c19}.upload-area:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.upload-area:disabled{cursor:wait;opacity:.6}.upload-icon{width:52px;height:52px;color:var(--lime);background:#2c351f;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.upload-area strong{overflow-wrap:anywhere;max-width:100%;font-size:18px}.upload-selection{color:var(--muted);font-size:13px}.upload-title input{letter-spacing:-.02em;border-radius:10px;padding:17px 18px;font-size:20px}.upload-title input::placeholder{color:var(--muted);opacity:1}.progress{width:100%;height:8px;accent-color:var(--lime)}.inline-actions{align-items:center;gap:10px;display:flex}.admin-list{gap:15px;display:grid}.admin-row{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.admin-row p{font-size:13px}.small-text{color:var(--muted);font-size:13px}@media (min-width:1450px){.edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-image{height:330px}}@media (max-width:1100px){.header{gap:15px;padding:0 3%}.header-actions{gap:14px}.brand{font-size:20px}.card-image{height:270px}.page{padding-left:3%;padding-right:3%}.category-list{max-width:calc(100vw - 200px)}.two-column{gap:25px}}@media (max-width:800px){.header{flex-wrap:wrap;align-content:flex-start;row-gap:0;height:auto;padding:0 5%;display:flex;position:relative}.brand,.header-actions{height:66px}.header-actions{margin-left:auto}.login-link{font-size:13px}.page{padding:30px 5% 0}.page-heading{margin-bottom:23px}.eyebrow{letter-spacing:1.6px;font-size:10px}h1{letter-spacing:-1.2px}.page-heading p{font-size:14px}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.card-image{height:300px}.category-list{max-width:calc(100vw - 155px)}.chip{padding:6px 10px;font-size:12px}.footer{flex-wrap:wrap;gap:15px;padding:22px 5%}.footer>p{display:none}.two-column{grid-template-columns:1fr}.profile-hero{flex-wrap:wrap;gap:16px}.profile-hero>div:nth-child(2){flex:1;min-width:210px}.profile-hero .profile-actions{width:100%;margin:0;display:flex}.profile-hero h1{font-size:31px}.admin-row{flex-wrap:wrap}}@media (max-width:480px){.card-image{height:235px}.brand{font-size:20px}.brand-mascot{width:72px;height:48px}.brand-prefix{font-size:11px}.brand-name{font-size:30px}.header-actions{gap:13px}.desktop-text,.login-link svg{display:none}.detail-title h1{font-size:27px}.narrow{margin-top:35px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.detail-page,.gallery-page{padding-bottom:64px}.extra-section{margin-top:35px;margin-bottom:35px}.extra-section>p{margin:12px 0 22px}.signout,.detail-description{margin-top:20px}.detail-actions .button{white-space:normal}.data-row>span:last-child{text-align:right;overflow-wrap:anywhere;max-width:65%}code{overflow-wrap:anywhere}.profile-stats{flex-wrap:wrap}mux-player{--media-object-fit:contain;width:100%;max-height:70vh}main{min-height:70vh}@media (max-width:480px){.inline-actions{flex-wrap:wrap}}.gallery-page{padding-top:24px}.gallery-heading{letter-spacing:-.6px;margin-bottom:18px;font-size:28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-info{grid-template-columns:minmax(0,1fr) auto minmax(32px,max-content);column-gap:10px;padding:12px 0 0;display:grid}.card-title-row,.card-meta{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;min-width:0;display:grid}.card-title-row{min-height:24px}.edit-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;flex:1;min-width:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;line-height:1.5;overflow:hidden}.card-duration{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:3;justify-self:center;font-size:12px}.card-meta{min-height:32px;margin-top:5px}.creator-link{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.creator-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creator-link:hover{color:var(--text)}.card-stats,.card-timing{display:contents}.card-timing .preview-sound-toggle,.card-stats .likes{grid-column:2;justify-self:center}.card-stats .save-button{grid-column:3;justify-self:center}.card-stats .likes{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:12px;display:inline-flex}.card-stats .likes.liked{color:var(--lime)}.save-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.save-button:hover{background:var(--panel2);color:var(--text)}.save-button.saved{color:var(--lime)}.save-button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media (max-width:480px){.card-info{column-gap:5px}.edit-title{font-size:14px}.card-duration{font-size:11px}.creator-link{gap:5px;font-size:11px}.creator-link .avatar{width:18px;height:18px;font-size:8px}.save-button{width:32px;height:36px}}.card-labels{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.card-preview{object-fit:cover;pointer-events:none;opacity:0;--controls:none;--media-object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.is-playing .card-preview{opacity:1}.profile-tabs{border-bottom:1px solid var(--line);gap:1.75rem;margin:2rem 0;display:flex}.profile-tabs a{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.85rem 0;display:flex}.profile-tabs a[aria-current=page]{color:var(--text);border-color:var(--lime)}.watch-navigation{justify-content:space-between;gap:1rem;margin:1rem 0;display:flex}.song-row{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.song-row a{flex-direction:column;gap:.35rem;display:flex}@media (max-width:600px){.watch-navigation .button{padding:.65rem;font-size:.8rem}.profile-tabs{gap:1.5rem}}.header-search{background:var(--panel);border:1px solid var(--line);width:100%;min-width:0;height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:12px;padding:0 8px 0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.header-search:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #dfff7110}.header-search>svg{flex-shrink:0}.header-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px}.header-search input::placeholder{color:var(--muted)}.header-search button{width:32px;height:32px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.header-search button:hover{color:var(--text);background:#ffffff08}.header-search .search-submit{color:var(--text);background:#ffffff09}.header-search button:disabled{opacity:.35;cursor:default}.search-spinner{animation:1s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.header-search{flex-basis:100%;order:3;margin-bottom:16px}.gallery-page{padding-top:20px}}@media (prefers-reduced-motion:reduce){.search-spinner{animation:none}}.profile-actions .button{height:44px}.profile-actions .settings-button{flex-shrink:0;width:44px;padding:0}.account-details{margin-top:28px}.account-details h2{font-size:18px}.account-details dl{margin:20px 0 0}.account-details dl>div{border-bottom:1px solid var(--line);padding:14px 0}.account-details dt{color:var(--muted);margin-bottom:6px;font-size:13px}.account-details dd{overflow-wrap:anywhere;margin:0}.field .profile-username{color:var(--muted);background:0 0}.detail-actions .share-button{white-space:nowrap;min-width:112px}.share-button.is-copied{color:var(--lime)}.related-edits:last-child{margin-bottom:0}.related-edits>h2{margin-bottom:24px}.gallery-load-more{margin:32px auto 0;display:flex}.watch-player{object-fit:contain;width:100%;min-height:240px;max-height:70vh;display:block}.controlled-video{color:#fff;position:relative}.video-controls{background:linear-gradient(#0000,#000000a6);padding:34px 14px 12px;font:12px/1.3 DM Sans,sans-serif;transition:opacity .16s;position:absolute;inset:auto 0 0}.controlled-video[data-idle=true] .video-controls:not(:focus-within){opacity:0;pointer-events:none}.video-control-row{align-items:center;gap:5px;display:flex}.video-control-row button{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:34px;height:34px;padding:8px;display:grid}.video-control-row button:hover,.video-control-row button[aria-expanded=true]{background:#ffffff1f}.video-control-row svg{stroke-width:1.8px;width:18px;height:18px}.video-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:2px}.video-time>span{color:#ffffffa6}.video-control-space{flex:1}.video-controls input[type=range]{accent-color:#fff;cursor:pointer;height:14px;margin:0}.video-timeline{width:100%;display:block;margin-top:4px!important}.video-volume{align-items:center;display:flex}.video-volume input{opacity:0;width:0;transition:width .15s,opacity .15s}.video-volume:hover input,.video-volume:focus-within input{opacity:1;width:64px;margin-right:9px}.video-menu{background:#161616f5;border:1px solid #ffffff1f;border-radius:10px;min-width:156px;padding:6px;position:absolute;bottom:76px;right:51px;overflow-y:auto;box-shadow:0 6px 24px #0000004d}.video-menu-speed{right:90px}.video-menu-heading{color:#a8a8a8;padding:8px 10px;font-size:11px}.video-menu label{cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:24px;padding:9px 10px;display:flex;position:relative}.video-menu label:hover,.video-menu label:focus-within{background:#ffffff1a}.video-menu input{opacity:0;width:1px;height:1px;position:absolute}.video-menu input:not(:checked)~svg{visibility:hidden}.video-menu label:has(input:focus-visible){outline:1px solid #fff}.controlled-video:fullscreen{background:#000;border:0;border-radius:0;align-items:center;width:100%;height:100%;display:flex}.controlled-video:fullscreen .watch-player{height:100%;max-height:100vh}@media (max-width:480px){.video-controls{padding:28px 8px 8px}.video-control-row{gap:0}.video-control-row button{width:32px}.video-volume:hover input,.video-volume:focus-within input{width:44px;margin-right:4px}.video-menu{bottom:66px;right:40px;overflow-y:auto}.video-menu-speed{right:72px}}@media (prefers-reduced-motion:reduce){.video-controls,.video-volume input{transition:none}}.video-controls input[type=range]{appearance:none;background:0 0}.video-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--progress), #ffffff59 var(--progress));border-radius:2px;height:3px}.video-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:11px;height:11px;margin-top:-4px}.video-controls input[type=range]::-moz-range-track{background:#ffffff59;border-radius:2px;height:3px}.video-controls input[type=range]::-moz-range-progress{background:#fff;height:3px}.video-controls input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:11px;height:11px}.video-volume,.video-time{flex-shrink:0}.preview-sound-toggle{opacity:0;pointer-events:none;width:24px;height:24px;color:var(--muted);border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.edit-card:hover .preview-sound-toggle{opacity:1;pointer-events:auto}}.edit-card:has(:focus-visible) .preview-sound-toggle{opacity:1;pointer-events:auto}.preview-sound-toggle:hover{color:var(--text);background:#ffffff08}.preview-sound-toggle.preview-sound-overlay{z-index:3;color:#fff;background:#0000008c;border-radius:50%;width:30px;height:30px;position:absolute;top:10px;right:10px}.preview-sound-toggle.preview-sound-overlay:hover{background:#000000bf}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.card-stats button.likes{cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:32px;padding:0}.card-stats button.likes:hover{color:var(--lime)}.card-stats button:disabled{opacity:.5;cursor:wait}.profile-edit-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px;display:flex}.profile-edit-heading h1{margin:0}.profile-edit-heading .profile-photo-button{flex-shrink:0}.profile-photo-button{border-radius:50%;padding:0;position:relative}.photo-camera{border:3px solid var(--bg);background:var(--lime);color:#18200f;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:0}.confirm-dialog{background:var(--panel);width:min(440px,100% - 32px);color:var(--text);border:1px solid var(--line);border-radius:16px;margin:auto;padding:28px}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.confirm-dialog h2{margin-bottom:12px;font-size:22px}.confirm-dialog p{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.button.danger{color:#fff;background:#e64c55}.delete-edit-button{flex-shrink:0}.thumbnail-picker{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px}.thumbnail-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:14px;display:flex}.thumbnail-heading span{color:var(--muted);font-variant-numeric:tabular-nums}.thumbnail-preview{background:#080908;border-radius:8px;height:230px;overflow:hidden}.thumbnail-preview video{object-fit:contain;width:100%;height:100%}.thumbnail-strip{background:#080908;border-radius:6px;height:56px;margin:16px 0 0;position:relative}.thumbnail-frames{border-radius:inherit;grid-template-columns:repeat(8,1fr);height:100%;display:grid;overflow:hidden}.thumbnail-frames img{object-fit:cover;width:100%;min-width:0;height:100%}.thumbnail-strip input{appearance:none;cursor:ew-resize;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.thumbnail-strip input::-webkit-slider-thumb{appearance:none;border:3px solid var(--lime);background:#e5ff7129;border-radius:5px;width:18px;height:62px;box-shadow:0 0 0 1px #0007}.thumbnail-strip input::-moz-range-thumb{border:3px solid var(--lime);background:#e5ff7129;border-radius:5px;width:12px;height:56px}.thumbnail-strip input:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.photo-crop-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.photo-crop-dialog h2{margin-bottom:24px}.photo-crop-preview{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#080908;border-radius:50%;width:min(100%,320px);margin:0 auto;position:relative;overflow:hidden}.photo-crop-preview.is-ready{cursor:grab}.photo-crop-preview.is-ready:active{cursor:grabbing}.photo-crop-preview:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.photo-crop-preview canvas{width:100%;height:100%;display:block}.photo-crop-mask{box-shadow:0 0 0 100px var(--panel);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:0}.photo-crop-loading{color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.photo-crop-tools{gap:18px;margin-top:24px;display:grid}.crop-control{gap:10px;font-size:13px;display:grid}.crop-control>span{justify-content:space-between;align-items:center;display:flex}.crop-control output{color:var(--muted);font-variant-numeric:tabular-nums}.crop-control input{width:100%;min-width:0;accent-color:var(--lime);cursor:pointer;margin:0;padding:0}