/* CP-only layout: content-flow actions and compact mobile registration. */
.cp-app{min-height:100vh;background:#0b0e12;color:#f4f7f9;padding-bottom:env(safe-area-inset-bottom)}
.cp-header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 28px;border-bottom:1px solid #273139}
.cp-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:0}
.cp-brand strong{font-size:18px;letter-spacing:1px}.cp-brand span{font-size:12px;color:#a8b4bf}
.cp-main{max-width:1064px;margin:0 auto;padding:30px 24px 40px}.cp-main-work{max-width:620px}
.cp-header button,.cp-main button,.cp-account summary,.cp-file-picker{min-height:44px}
.cp-link{background:none;border:0;color:#b8c7d1;font:inherit;font-size:13px;padding:8px 4px;cursor:pointer;border-radius:8px;text-decoration:none}
.cp-link.active{color:#58e1c1;font-weight:700}.cp-link:disabled{opacity:.45;cursor:default}
.cp-nav{display:flex;gap:24px;max-width:1064px;margin:0 auto;padding:12px 24px;border-bottom:1px solid #20282e}
.cp-account{position:relative;font-size:12px}.cp-account summary{display:flex;align-items:center;cursor:pointer}
.cp-account>div{position:absolute;right:0;z-index:10;min-width:220px;display:grid;gap:14px;padding:18px;background:#1c242b;border:1px solid #34404a;border-radius:14px;box-shadow:0 12px 30px #0008}
.cp-account a{color:#b8c7d1}.cp-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.cp-heading h1{margin:0}.cp-heading p{margin:8px 0 0}.cp-main h1{font-size:27px;line-height:1.4;letter-spacing:-.7px;margin:0 0 10px;overflow-wrap:anywhere}
.cp-main h2{font-size:17px;line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere}
.cp-main p{color:#b0bdc8;font-size:14px;line-height:1.65;margin:0 0 22px}
.cp-main .btn{font-size:14px;min-height:46px;border-radius:12px;padding:10px 15px}
.cp-main .btn-primary{background:#58e1c1;border-color:#58e1c1;color:#10241f;font-weight:700}
.cp-main .btn:disabled{opacity:.5;cursor:default}.cp-main :focus-visible,.cp-header :focus-visible{outline:2px solid #58e1c1;outline-offset:3px}
.cp-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-story-card{display:flex;flex-wrap:wrap;gap:16px;background:#151b21;border:1px solid #2b363d;border-radius:16px;padding:20px;min-width:0}
.cp-story-cover,.cp-mini-cover{display:grid;place-items:center;background:linear-gradient(140deg,#225b55,#172633);color:#67e7cd;border-radius:10px;font-size:28px;flex:none;width:56px;height:74px}
.cp-story-info{flex:1;min-width:0}.cp-story-info p{font-size:12px;margin:0 0 6px}.cp-status{font-size:12px;color:#9ee7d3;overflow-wrap:anywhere}
.cp-story-actions{display:flex;gap:8px;flex-basis:100%}.cp-story-actions .btn{flex:1}.cp-global-upload{margin-top:24px}
.cp-workspace>p{margin-bottom:24px}.cp-workspace>label{display:block;margin-top:18px;margin-bottom:6px;color:#c9d5de;font-size:14px}
.cp-workspace input.input,.cp-workspace select.select{width:100%;min-height:46px;font-size:16px}
.cp-workspace .cp-checkbox{display:flex;align-items:center;gap:10px;line-height:1.6;margin:18px 0;cursor:pointer}
.cp-checkbox input{width:20px;height:20px;flex:none;accent-color:#58e1c1}
.cp-formats{margin:24px 0}.cp-details{margin:16px 0;border-top:1px solid #2b353d;padding-top:12px}
.cp-details summary{cursor:pointer;min-height:44px;align-content:center;color:#a9bac7;font-size:13px}
.cp-details>.row{margin-top:12px}.cp-details input{margin:8px 0}.cp-steps{display:flex;padding:0;list-style:none;gap:8px;align-items:center;margin:0 0 30px}
.cp-steps li{display:flex;align-items:center;gap:6px;flex:1;color:#9aabb8;font-size:12px;white-space:nowrap}
.cp-steps li b{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#26333c;font-size:11px}
.cp-steps li[aria-current]{color:#58e1c1}.cp-steps li[aria-current] b{background:#58e1c1;color:#10241f}
.cp-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;margin-bottom:12px;min-height:96px;border:1px solid #2b373f;border-radius:14px;background:#151d23;color:#eef4f8;font:inherit;cursor:pointer}
.cp-choice.selected{background:#142622;border-color:#58e1c1}.cp-choice>span:nth-child(2){min-width:0}.cp-choice strong{display:block;overflow-wrap:anywhere;font-size:16px}
.cp-choice small{display:block;color:#a8b4bf;font-size:12px;margin-top:5px}.cp-mini-cover{width:44px;height:58px;font-size:23px}.cp-check{margin-left:auto;color:#58e1c1}
.cp-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border-radius:12px;background:#151d23;margin:24px 0;font-size:13px}
.cp-context strong{min-width:0;overflow-wrap:anywhere}.cp-context span{color:#a8b4bf;white-space:nowrap}.cp-context select{max-width:140px;background:#12191e;color:#d9e7ee;border:1px solid #32414b;border-radius:8px;padding:8px;font:inherit}
.cp-workspace .cp-file-picker{display:block;position:relative;text-align:center;cursor:pointer;padding:24px 12px;border:1px dashed #528d7b;border-radius:14px;background:#13241f;margin:0}
.cp-file-picker strong{display:block;font-size:16px;color:#58e1c1}.cp-file-picker small{display:block;color:#a9bdb7;margin-top:5px;font-size:12px}.cp-file-picker.disabled{opacity:.5}
.cp-native-file{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.cp-file-heading{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#abbac5;margin:24px 0 8px}
.cp-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #2b363e;min-width:0}
.cp-episode-number{background:#1c342d;color:#83e6cc;display:grid;place-items:center;min-width:36px;height:36px;padding:4px;border-radius:9px;font-size:12px}
.cp-file-body{flex:1;min-width:0}.cp-filename{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.cp-file-body small{color:#a8b4bf;font-size:12px}
.cp-map-editor{flex-basis:100%;padding:16px;background:#161f25;border-radius:12px}.cp-map-editor label{display:block;font-size:13px;color:#b7c9d5;margin-bottom:6px}.cp-map-editor input{margin-bottom:14px}.cp-full-filename{overflow-wrap:anywhere;font-size:13px;margin-bottom:12px}
.cp-summary{padding:4px 18px;border-radius:14px;background:#151d23;margin:24px 0}.cp-summary>div,.cp-summary-line{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #2b363e;font-size:14px}
.cp-summary>div:last-child{border:0}.cp-summary span{color:#a8b4bf}.cp-summary strong{text-align:right;min-width:0;overflow-wrap:anywhere}
.cp-actions{position:static;display:flex;gap:12px;margin-top:30px;padding-bottom:12px}.cp-actions .btn-primary{flex:1;min-height:52px}.cp-feedback{padding:14px 16px;background:#142820;border-left:3px solid #58e1c1;color:#cde9df;border-radius:9px;font-size:13px;margin:16px 0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cp-feedback.bad{border-color:#ff8d99;background:#2c1921;color:#ffd4d8}.cp-main .cp-note{font-size:12px;margin:14px 0;color:#a8b4bf}.cp-main .cp-private-note{font-size:13px;border-left:3px solid #58e1c1;padding:14px;background:#13241f;border-radius:8px}
.cp-managed-episode{border:1px solid #2a373f;border-radius:14px;padding:18px;margin:14px 0;background:#121a20}.cp-managed-episode .cp-checkbox{margin:0 0 8px}.cp-episode-line{display:flex;gap:10px;align-items:center}.cp-episode-line strong{overflow-wrap:anywhere;font-size:14px}
.cp-upload-progress{display:grid;gap:8px;margin:14px 0;font-size:13px}.cp-upload-progress strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-upload-progress progress{width:100%;accent-color:#58e1c1;height:8px}.cp-replace-label{display:block;margin:14px 0;cursor:pointer}.cp-replace-label input{display:block;width:100%;font-size:12px;max-width:100%}
@media(max-width:650px){.cp-header{padding:18px 22px}.cp-main{padding:24px 22px 32px}.cp-main-work{max-width:480px}.cp-stories{grid-template-columns:1fr}.cp-heading{align-items:flex-start;flex-wrap:wrap}.cp-main h1{font-size:26px}.cp-manager .cp-heading{margin-top:16px}.cp-nav{padding:8px 22px}.cp-story-card{padding:16px}.cp-header .cp-brand span{font-size:11px}.cp-main .cp-actions .btn{padding:12px}.cp-file-row{gap:7px}.cp-file-row .cp-link{font-size:12px}.cp-workspace .cp-summary-line{flex-wrap:wrap}}
/* Keep browser-language native file buttons behind the localized picker. */
.cp-replace-label{position:relative}.cp-replace-label input.cp-native-file{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}

.cp-thumbnails { margin:12px 0; }
.cp-thumbnail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:12px 0; }
.cp-thumbnail { display:block; min-width:0; padding:5px; background:#151b1d; color:inherit; border:2px solid #52605e; border-radius:10px; cursor:pointer; }
.cp-thumbnail.selected { border-color:#7de2c5; }
.cp-thumbnail:focus-visible { outline:3px solid #7de2c5; outline-offset:3px; }
.cp-thumbnail img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:6px; }
.cp-thumbnail span { display:block; padding:8px 2px; font-size:12px; }
.cp-thumbnail:disabled { opacity:.65; cursor:default; }
@media(max-width:600px) { .cp-thumbnail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }