.ri-home{padding:16px 12px 12px;background:#222}.ri-drop{min-height:162px;border:1px dashed #3b3b3b;border-radius:18px;display:flex;align-items:center;justify-content:center}.ri-home button,.ri-page button,.ri-step button{font:inherit;color:inherit;border:0;cursor:pointer;background:transparent}.ri-home button:disabled,.ri-page button:disabled{opacity:.3;cursor:default}.ri-upload{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;padding:20px}.ri-upload-art{position:relative;display:block;width:90px;height:54px;margin-bottom:10px;border:1px solid #292929;border-radius:8px}.ri-upload-art>svg{opacity:.2;width:42px;height:42px}.ri-upload-art i{position:absolute;right:-7px;top:-8px;background:#414141;border-radius:50%;width:20px;height:20px;font-style:normal}.ri-upload small{font-size:12px;color:#888}.ri-home-footer{display:flex;align-items:center;justify-content:center;position:relative;margin-top:16px;min-height:32px}.ri-home-footer>div{display:flex;gap:5px}.ri-home-footer summary{height:32px;border-radius:24px;padding:6px 10px;background:#2a2a2a;display:flex;gap:6px;align-items:center;font-size:12px;list-style:none;cursor:pointer}.ri-home-footer .ri-start{position:absolute;right:0;background:#f5f5f5;color:#171717;border-radius:24px;padding:8px 16px;font-size:12px}.ri-home-footer .ri-start:disabled{background:#333;color:#999;opacity:.6}.ri-select .native-menu-panel{width:180px;max-height:310px;overflow:auto;z-index:90}.ri-select b{font-weight:400;color:#888;font-size:12px;padding:10px}.ri-select button{display:block;text-align:left;padding:9px 14px;width:100%;border-radius:7px}.ri-select button[aria-checked=true],.ri-select button:hover{background:#3b3b3b}.ri-copyright{font-size:12px;text-align:center;color:#888;margin:12px}.ri-copyright a{color:inherit;text-decoration:underline}.ri-thumbs{padding:12px;display:flex;gap:12px;overflow-x:auto;width:100%}.ri-thumbs>div,.ri-thumbs>.ri-add{position:relative;width:124px;height:110px;flex-shrink:0;background:#151515;border-radius:12px;overflow:hidden}.ri-thumbs video{width:100%;height:100%;object-fit:contain}.ri-thumbs span{position:absolute;bottom:5px;right:8px;font-size:12px}.ri-thumbs div button{position:absolute;right:4px;top:4px;border-radius:100%;background:#222b}.ri-page{max-width:1240px;margin:auto;padding:58px 48px 105px}.ri-page>header{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:34px}.ri-page h1{font-size:28px;font-weight:500;margin:0 0 14px}.ri-page header p{font-size:14px;color:#8d8d8d;line-height:1.6}.ri-page header>div:last-child{display:flex;gap:12px;flex-shrink:0}.ri-page header button{background:#343434;border:1px solid #494949;border-radius:24px;height:36px;padding:0 15px;display:flex;align-items:center;gap:6px}.ri-list article{display:flex;align-items:center;gap:20px;border-bottom:1px solid #343434;padding:24px 0}.ri-list .ri-preview{width:160px;height:90px;padding:0;flex-shrink:0;border-radius:8px;overflow:hidden;background:#141414}.ri-preview video{width:100%;height:100%;object-fit:cover}.ri-drag{color:#888!important;padding:0;width:24px}.ri-info{flex:1;min-width:0}.ri-info>div{display:flex;align-items:center;gap:14px}.ri-info .ri-name{font-size:16px;padding:0}.ri-name:disabled{opacity:1!important}.ri-status{color:#999;font-size:12px}.ri-info p{font-size:12px;color:#888;margin:10px 0}.ri-info>div:last-child button{font-size:12px;color:#aaa;display:flex;align-items:center;gap:6px;padding:0}.ri-info button:hover,.ri-page button:hover{color:white}.ri-step{position:fixed;bottom:20px;left:calc(50% + 25px);transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#080808;padding:12px 16px;border-radius:40px;max-width:calc(100vw - 90px);z-index:10;font-size:12px;white-space:nowrap}.ri-step>span{display:flex;align-items:center;gap:10px}.ri-step img{width:26px;height:26px;border-radius:50%;background:#272238}.ri-step .ri-primary{background:#fff;color:#171717;border-radius:25px;padding:9px 20px;font-weight:500}.ri-error{color:#ff9f85;font-size:13px;white-space:pre-wrap}.ri-player{width:100%;max-height:65vh}.ri-pending>div[role=status]{text-align:center;margin:100px 0;color:#999}.ri-pending h3{color:#eee}.ri-pending .ri-step button{border:0;color:#eee;background:none}.ri-pending .ri-step button:disabled{opacity:.35}.ri-page input{max-width:100%}@media(max-width:800px){.ri-page{padding:30px 20px 110px}.ri-page>header{align-items:flex-start;flex-direction:column}.ri-page header p{font-size:12px}.ri-list article{gap:10px}.ri-list .ri-preview{width:95px;height:70px}.ri-info>div{gap:7px}.ri-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.ri-step{white-space:normal;width:calc(100vw - 85px);bottom:12px;padding:12px;gap:10px}.ri-step>span{flex:1;font-size:11px}.ri-step .ri-primary{flex-shrink:0;padding:9px 12px}.ri-home-footer{justify-content:flex-start;flex-wrap:wrap;gap:10px}.ri-home-footer .ri-start{position:static;margin-left:auto}.ri-home-footer summary{font-size:11px;max-width:145px;overflow:hidden}.ri-copyright{line-height:1.6}}
/* Measured against the original upload surface at 1500 × 900. */
.ri-page{max-width:1180px;width:calc(100% - 64px);padding:24px 0 105px}.ri-page>header{border-bottom:1px solid #363636;padding-bottom:12px;margin-bottom:32px;gap:15px}.ri-page h1{font-family:Georgia,"Songti SC",serif;font-size:28px;line-height:42px;margin:0 0 6px}.ri-page header p{margin:0;font-size:13px;line-height:18px}.ri-page header button{height:32px;font-size:12px;padding:0 15px}.ri-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ri-list article{padding:8px;gap:0;background:#1c1c1c;border:1px solid #343434;border-radius:20px;min-width:0;min-height:156px}.ri-list .ri-drag{width:20px;flex-shrink:0}.ri-list .ri-drag svg{width:12px}.ri-list .ri-preview{width:104px;height:138px;border-radius:12px}.ri-info{margin-left:28px}.ri-info .ri-name{font-size:14px;font-weight:500}.ri-info>div{gap:10px}.ri-status{font-size:12px;background:#252c22;color:#79a94d;border-radius:9px;padding:3px 8px}.ri-info p{margin:10px 0 22px}.ri-info>div:last-child button{background:#303030;border-radius:20px;padding:8px 14px}.ri-step{left:50%;bottom:32px;min-width:594px;justify-content:space-between}.ri-header-region{padding:0 16px;border-left:1px solid #333}.ri-episodes .episode-cover{position:relative}.ri-episodes input[type=checkbox]{position:absolute;top:10px;left:10px}.ri-episodes .episode-cover>svg{width:48px;height:48px;opacity:.35}
@media(max-width:1000px){.ri-list{grid-template-columns:1fr}.ri-page{width:calc(100% - 40px)}.ri-info{margin-left:18px}.ri-step{left:calc(50% + 25px);min-width:0}.ri-page>header{flex-wrap:wrap}}@media(max-width:600px){.ri-page{width:calc(100% - 28px)}.ri-list .ri-preview{width:80px;height:110px}.ri-list article{min-height:128px}.ri-info{margin-left:12px}.ri-info p{max-width:155px;margin-bottom:15px}.ri-info>div:last-child button{font-size:11px;padding:6px}.ri-step{bottom:15px}.ri-header-region{padding:0 7px;font-size:11px}}
.ri-page>header{padding-bottom:10.5px;margin-bottom:31px}

.ri-custom-style{width:100%;background:#181818;border:1px solid #444;border-radius:8px;padding:10px;color:#eee}.ri-home-footer:has(.ri-custom-style){flex-wrap:wrap;gap:12px;padding-bottom:46px}.ri-home-footer .ri-custom-style{position:absolute;bottom:0}.sa-pending-media{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:120px;gap:12px;color:#888}.sa-pending-media svg{width:38px;height:38px}
/* The observed source keeps the upload row on a clipped desktop grid on phones. */
@media(max-width:600px){.creation-content:has(>.ri-page){overflow-x:hidden}.ri-page{margin:0 133px;width:calc(100% - 266px);min-width:0;padding-top:24px}.ri-page>header{display:block;width:100%;padding-bottom:10.5px;margin-bottom:31px}.ri-page h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ri-page header p{font-size:13px;line-height:18px}.ri-page header>div:last-child{margin-top:14px;gap:12px}.ri-page header button{flex-shrink:0;white-space:nowrap}.ri-list{display:block;width:584px}.ri-list article{min-height:156px;margin-bottom:14px;padding:8px}.ri-list .ri-preview{width:104px;height:138px}.ri-info{margin-left:28px}.ri-info p{max-width:none;margin:10px 0 22px}.ri-info>div:last-child button{font-size:12px;padding:8px 14px}.ri-page .ri-step{left:50%;bottom:16px;min-width:0;width:calc(100vw - 48px);max-width:none;white-space:nowrap;height:56px;overflow:hidden;padding:12px 16px}.ri-page .ri-step>span{font-size:12px;flex:1;min-width:0;overflow:hidden}.ri-page .ri-step .ri-primary{width:82px;overflow:hidden;padding:9px 12px;white-space:nowrap}}

.preview-window:has(.ri-preview-modes){display:flex;flex-direction:column}.preview-window:has(.ri-preview-modes)>.preview-empty,.preview-window:has(.ri-preview-modes)>.storyboard-player{flex:1;min-height:0;width:100%}.ri-preview-modes{display:flex;justify-content:center;gap:4px;padding:8px;flex-shrink:0}.ri-preview-modes button{background:none;border:0;color:#888;font-size:12px;padding:5px 12px;border-radius:7px}.ri-preview-modes button[aria-checked=true]{background:#333;color:#fff}.ri-preview-modes button:disabled{opacity:.4}

.ri-page .ri-step{height:56px;box-sizing:border-box}.ri-step .ri-primary{line-height:16px;padding:8px 20px;min-width:102px}.ri-page .ri-step>span{min-width:0;overflow:hidden}@media(max-width:600px){.ri-page .ri-step .ri-primary{min-width:82px}}

@media(max-width:600px){.ri-page header>div:last-child{overflow:hidden}.ri-page h1{letter-spacing:-1px}.ri-page .ri-step{max-width:calc(100vw - 48px)}}

.ri-page .ri-step{z-index:90}@media(max-width:600px){.ri-page{margin-left:132px;margin-right:132px;width:calc(100% - 264px)}}

.ri-page h1{font-weight:600;letter-spacing:-.9px}.ri-page header p{line-height:19.5px}.ri-page>header{padding-bottom:9px}@media(max-width:600px){.ri-page>header{padding-bottom:9px}.ri-page header p{line-height:19.5px}.ri-page h1{letter-spacing:-.9px}}

.ri-style-button{display:inline-flex;align-items:center;gap:6px;background:#ffffff09;border:0;border-radius:24px;padding:7px 12px;color:inherit;font:inherit;font-size:12px}.ri-style-button img{width:20px;height:20px;border-radius:50%;object-fit:cover}