/* Viewport width controls layout. Media keeps its original aspect ratio. */
.viewer-main.narrow-page{max-width:850px}.watch-next{flex-wrap:wrap}.watch-next .btn{flex:1}
@media(min-width:600px) and (max-width:899px){.account-btn>span:last-child{display:inline;max-width:130px}}
.viewer-main,.watch-page,.workspace-main{min-width:0}.viewer-main{width:100%;max-width:1344px}.workspace-body{min-width:0}.workspace-title,.workspace-title>div,.studio-story-copy,.studio-episode-copy{min-width:0}.workspace-title h1,.studio-story-copy h3,.studio-episode-copy h3{overflow-wrap:anywhere}.field input,.field select,.field textarea{max-width:100%}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.watch-layout>div,.watch-episodes{min-width:0}#uploaded-video{object-fit:contain}.hero h1{font-size:clamp(44px,5.4vw,85px)}.story-card,.card-info,.card-info>div{min-width:0}.card-info a{overflow-wrap:anywhere}.account-btn>span:last-child{max-width:130px;overflow:hidden;text-overflow:ellipsis}.footer-links{flex-wrap:wrap}.btn{max-width:100%}.viewer-header .brand{flex-shrink:0}
@media(min-width:1600px){.workspace-main{max-width:1560px;margin-inline:auto}.watch-page{max-width:1440px;margin-inline:auto}.stories-grid{gap:26px}.hero{min-height:590px}}
@media(min-width:1200px){.stories-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:900px) and (max-width:1199px){.stories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.viewer-main{padding-inline:30px}.watch-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.video-stage{aspect-ratio:3/4;max-height:76vh;min-height:390px}.creator-workspace .studio-form-layout{grid-template-columns:1fr}.creator-workspace .studio-form-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-btn>span:last-child{display:none}.workspace-title .btn{white-space:normal}}
@media(min-width:600px) and (max-width:899px){.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.viewer-main{padding-inline:30px}.hero{margin-inline:20px;min-height:500px}.hero-content{max-width:65%;padding:40px}.hero h1{font-size:62px}.hero-copy{font-size:13px;max-width:280px}.poster-title{font-size:clamp(20px,3vw,27px)}.card-info a{font-size:13px}.card-info p{font-size:10px}.drama-detail{grid-template-columns:190px minmax(0,1fr);gap:28px}.detail-copy h1{font-size:36px}.watch-page{padding:24px 30px 0}.watch-layout{grid-template-columns:1fr;gap:25px}.video-stage{aspect-ratio:16/10;max-height:70vh}.watch-episodes .episode-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.watch-episodes{padding:24px}.editor-columns,.studio-form-layout{grid-template-columns:1fr}.studio-form-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-title .btn{white-space:normal}}
@media(max-width:899px){.viewer-header{height:72px}.nav-inner{padding-inline:22px;gap:16px}.viewer-nav{display:none}.nav-actions{gap:16px}.search-link{display:none}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#17101cf5;backdrop-filter:blur(16px);border-top:1px solid #403046;padding:10px 8px max(10px,env(safe-area-inset-bottom));min-height:64px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:45px;color:#9d83a9;font-size:10px}.mobile-nav a.active{color:#f16ba4}.dark-mode{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.dark-mode .prototype-label,.light-mode:has(.creator-workspace) .prototype-label{bottom:76px}.workspace-header{min-width:0}.workspace-header>div{min-width:0}.viewer-footer{padding-bottom:36px}.stats-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-workspace .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}
@media(max-width:599px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.hero-content{max-width:100%;padding:38px 24px}.hero h1{font-size:clamp(44px,12vw,62px);max-width:310px}.hero{min-height:465px}.nav-inner{padding-inline:16px;gap:8px}.nav-actions{gap:10px}.account-btn>span:last-child{display:inline;max-width:88px;font-size:10px}.market-btn>span,.market-btn small{display:none}.nav-inner .brand{font-size:21px;gap:6px}.nav-inner .brand img{width:27px;height:27px}.nav-inner .avatar{width:27px;height:27px}.coin-balance{font-size:11px}.drama-detail{grid-template-columns:110px minmax(0,1fr);gap:17px}.detail-copy h1{font-size:clamp(24px,6.2vw,34px)}.detail-copy .hero-buttons{flex-wrap:wrap}.detail-copy .quiet-note{line-height:1.7}.watch-page{padding-inline:15px}.video-stage{aspect-ratio:4/5;max-height:70vh}.watch-episodes .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.watch-heading{gap:10px}.watch-heading>span{white-space:normal;text-align:right}.studio-form-pair{grid-template-columns:1fr}.workspace-header .workspace-breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.setting-row{gap:12px}.setting-row>span{min-width:0}.setting-row>span:last-child{font-size:11px}.editorial-banner .round-arrow{margin-left:auto}.account-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.account-wallet{grid-column:1/-1}}
@media(max-width:359px){.nav-inner{padding-inline:10px}.nav-inner .brand{font-size:19px}.nav-actions{gap:7px}.account-btn>span:last-child{max-width:65px;font-size:9px}.account-btn{gap:4px}.coin-balance svg{width:14px}.nav-inner .avatar{width:24px;height:24px}.market-btn{padding:6px 0}.viewer-main{padding-inline:15px}.hero-content{padding-inline:20px}.btn{padding-inline:13px}.workspace-main{padding-inline:12px}.workspace-header .workspace-breadcrumb{max-width:135px}.hero h1{font-size:44px}}
/* Shared list paging stays compact and reachable on touch and keyboard. */
.screen-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0;padding:12px 0;border-top:1px solid #8883;color:inherit;font-size:12px;min-width:0}
.screen-pagination>div{display:flex;gap:8px}.screen-pagination button{min-height:44px;min-width:72px;padding:9px 13px;border:1px solid #8885;border-radius:8px;background:#8881;color:inherit;font:inherit;cursor:pointer}.screen-pagination button:disabled{opacity:.35;cursor:default}.screen-pagination button:focus-visible,.paging-summary:focus-visible{outline:2px solid #ed4d91;outline-offset:3px}.paging-summary{overflow-wrap:anywhere}.paging-error{color:#e75c7b}
#app[data-screen-paging=waiting] :is(.browse-grid,.studio-story-list,.table-scroll,.app-library-grid,.app-ledger-list){opacity:.45;pointer-events:none}
#app[data-screen-paging=waiting] .browse-empty{display:none}
@media(max-width:599px){.screen-pagination{gap:8px;font-size:11px}.screen-pagination button{padding:8px 10px}.screen-pagination .paging-summary{flex:1;min-width:100px}}
/* Batch imports retain compact cards on phones and split tools on wide screens. */
.bulk-story-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px}.bulk-story-context strong{font-size:15px;min-width:0;flex:1 1 240px;overflow-wrap:anywhere}.bulk-story-context span{font-size:12px;color:#65616d}.bulk-confirm-story{overflow-wrap:anywhere;font-size:15px}
.bulk-layout{display:grid;gap:16px;align-items:start}.bulk-layout .panel{margin:0;padding:16px;min-width:0}.bulk-operations{display:grid;gap:16px;min-width:0}.bulk-layout h2,.bulk-confirm h2{font-size:17px;margin:0 0 12px}.bulk-layout h3{font-size:15px;margin:14px 0 8px}.bulk-picker input{max-width:100%;padding:10px;min-height:44px}.bulk-file-list{display:grid;gap:10px;margin:14px 0}.bulk-file{border:1px solid var(--line,#e5e3e7);border-radius:12px;padding:12px;min-width:0}.bulk-file header,.bulk-readiness header{display:flex;gap:10px;justify-content:space-between;align-items:start;flex-wrap:wrap}.bulk-file header strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.bulk-file header span{font-size:12px;color:#65616d}.bulk-file-fields,.bulk-range{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.5fr);gap:10px}.bulk-file .field{margin:10px 0 4px}.bulk-file .field input,.bulk-range input{min-width:0;width:100%;min-height:44px;box-sizing:border-box}.bulk-check{display:flex;align-items:flex-start;gap:8px;line-height:1.5;font-size:13px;margin:12px 0}.bulk-check input{flex:0 0 24px;width:24px;height:24px;margin:0;accent-color:#ef3885}.bulk-check:has(input){min-height:32px;padding:6px 0}.bulk-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bulk-layout .btn,.bulk-confirm .btn{min-width:44px;min-height:44px;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;text-align:center}.bulk-readiness ul{margin:12px 0;padding-left:20px;font-size:13px;line-height:1.6}.bulk-readiness li{margin:8px 0;overflow-wrap:anywhere}.bulk-readiness .is-warning{color:#78632a}.bulk-readiness .is-error,.bulk-live{color:#b52345}.bulk-result{font-weight:600;color:#b52345}.bulk-result.is-ready{color:#147d4f}.bulk-confirm{margin-top:16px;border:2px solid #ed9cbc;padding:16px}.bulk-diff{display:grid;gap:8px;max-height:360px;overflow:auto}.bulk-diff>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;border-bottom:1px solid #e8e5ec;padding:8px 0}.bulk-diff strong{color:#9a6b08}.bulk-layout .input-hint{overflow-wrap:anywhere;font-size:12px}.bulk-readiness>.text-link{display:block;margin-top:12px}[data-bulk-message]:empty{display:none}
@media(min-width:1100px){.bulk-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
@media(max-width:359px){.bulk-file-fields,.bulk-range{grid-template-columns:minmax(0,1fr)}.bulk-layout .panel{padding:12px}.bulk-layout{gap:12px}}

/* Keep security and language actions reachable when workspace labels are long. */
@media(max-width:899px){.workspace-header{gap:8px}.workspace-header>div:last-child{flex:0 0 auto;gap:4px}.workspace-header>div:first-child{flex:1 1 auto;min-width:0;overflow:hidden}.workspace-header .workspace-breadcrumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-header .market-btn{flex:0 0 auto;min-width:44px;min-height:44px;justify-content:center}}