.drama-gallery{padding-top:5px}.drama-demo-note{font-size:11px;color:#a28f9e;text-align:center;line-height:1.7;margin:16px 12px}.drama-detail{max-width:1150px;margin:auto;padding:0 22px 20px}.drama-player{position:relative;height:clamp(450px,calc(100dvh - 205px),850px);border-radius:17px;background:#080709;overflow:hidden;border:1px solid #342532;isolation:isolate}.drama-media-wrap{position:absolute;inset:0;background:#020202}.drama-media{display:block;width:100%;height:100%;object-fit:contain}.drama-topbar{position:absolute;inset:15px 18px auto;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.drama-topbar>*{pointer-events:auto}.drama-topbar .sandbox-badge{margin:0;background:#151015bb}.drama-topbar .icon-btn{background:#171017b8}.drama-caption{position:absolute;left:24px;right:110px;bottom:80px;pointer-events:none;text-shadow:0 2px 12px black;padding-top:65px;background:linear-gradient(transparent,#0008);border-radius:12px}.drama-caption>*{pointer-events:auto}.drama-caption h1{font-size:26px;line-height:1.2;margin:13px 0 11px}.drama-caption .row{gap:12px;align-items:center}.drama-caption .small{display:flex;gap:4px;align-items:center;font-size:11px}.drama-caption .small svg{width:14px}.drama-creator{display:flex;align-items:center;width:fit-content;gap:5px;margin-top:14px;font-size:13px;background:#19121ab0;padding:5px 8px;border-radius:6px}.drama-creator svg{width:14px}.drama-reuse{padding:10px 20px;font-size:13px;box-shadow:0 4px 15px #0004}.drama-side-tools{position:absolute;bottom:105px;right:25px;display:flex;flex-direction:column;align-items:center;gap:25px;z-index:3;filter:drop-shadow(0 2px 5px #000)}.drama-side-tools .liked{color:#ff489f}.drama-side-tools .liked svg{fill:currentColor}.drama-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9px;padding:14px 20px;background:linear-gradient(transparent,#000e);z-index:4}.drama-controls .icon-btn{width:34px;height:34px;background:#1c171dd9;flex-shrink:0}.drama-controls input{margin:0;height:20px;padding:0;border:0;accent-color:#f6449d;background:transparent;cursor:pointer}.drama-progress{flex:1;min-width:30px;width:100%}.drama-volume{width:75px;flex-shrink:0}.drama-time{font-size:11px;color:#dfd5e0;white-space:nowrap;min-width:69px;text-align:center}.drama-play-overlay{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);background:#19131c9c;border:1px solid #ffffff55;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;z-index:2}.drama-play-overlay svg{width:30px;height:30px;fill:currentColor}.drama-loading,.drama-media-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;pointer-events:none;color:#cebdca;background:#181119a0;font-size:12px}.drama-media-error{z-index:5;background:#181119;pointer-events:auto}.drama-media-error h2{font-size:22px}.drama-media-error p{margin:0}.drama-player:fullscreen,.drama-expanded-player{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;z-index:80}.drama-expanded{overflow:hidden}.drama-player:fullscreen .drama-media,.drama-expanded-player .drama-media{object-fit:contain}.generation-modal{width:580px;padding:28px}.generation-modal .generator-form{border:0;background:transparent;padding:0}.generation-modal .generation-dialog-heading{display:flex;align-items:center;gap:17px;padding-right:22px;margin:5px 0 22px}.generation-dialog-heading>img{width:70px;height:85px;border-radius:9px;object-fit:cover}.generation-dialog-heading h2{font-size:22px;margin:0 0 8px}.generation-dialog-heading p{font-size:12px;margin:0}.generation-modal .upload-box{min-height:145px}.generation-modal .generator-form .generate-btn{position:sticky;bottom:0;z-index:2;box-shadow:0 -9px 20px #171018}.generation-modal .render-note{font-size:10px}.generation-modal .option-row{flex-wrap:wrap}
@media(max-width:680px){.drama-detail{padding:0 8px 15px}.drama-player{height:calc(100dvh - 180px);min-height:470px;border-radius:12px}.drama-topbar{inset:10px}.drama-caption{left:15px;right:79px;bottom:94px;padding-top:45px}.drama-caption h1{font-size:20px}.drama-side-tools{right:13px;bottom:119px;gap:23px}.drama-controls{padding:13px 10px;gap:6px;flex-wrap:wrap}.drama-progress{order:-1;flex-basis:100%;height:12px!important}.drama-time{margin-right:auto}.drama-controls .drama-volume{width:66px}.drama-creator{font-size:11px}.drama-topbar .sandbox-badge{font-size:8px}.generation-modal{padding:28px 20px}.generation-dialog-heading h2{font-size:19px}.generation-dialog-heading>img{width:55px;height:70px}.generation-modal .upload-grid{gap:8px}.generation-modal .upload-box{min-height:130px;padding:18px 8px}.generation-modal .upload-box strong{font-size:11px}.generation-modal .upload-box small{font-size:9px}.generation-modal .generator-form .option{font-size:11px;padding:8px 12px}}