*{box-sizing:border-box}
body{margin:0;background:#f4f6f9;color:#172033;font:16px Arial,sans-serif}
.bar{min-height:78px;background:#111d33;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:sticky;top:0;z-index:5}
.bar b{font-size:28px}
.bar span{margin-left:14px;color:#aebbd1}
.bar nav{display:flex;gap:8px;align-items:center}
.bar a,.bar button,.import{border:1px solid #46536a;background:#1b2943;color:white;border-radius:10px;padding:11px 13px;text-decoration:none;font-weight:700;cursor:pointer}
.bar .video-guide{border-color:#7dd3fc;background:#38bdf8;color:#082f49}
.bar .video-guide:hover{background:#7dd3fc}
.bar .release{background:#b7ff00;color:#10182a}
.bar a.is-busy{opacity:.55;pointer-events:none;cursor:wait}
.bar .danger{border-color:#ff6b6b;background:#d92d20;color:#fff}
.bar .danger:hover{background:#b42318}
.import input{display:none}
main{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 78px)}
aside{background:#17233a;padding:26px 18px;color:white}
aside>button{display:block;width:100%;padding:14px;text-align:left;border:0;border-radius:10px;background:transparent;color:#cbd4e4;font:inherit;font-weight:700;margin-bottom:8px}
aside>button.active{background:#2b3a58;color:white}
.hint{font-size:13px;line-height:1.5;color:#aebbd1;border-top:1px solid #34435e;margin-top:24px;padding-top:20px}
.sidebar-promo{margin-top:24px;padding-top:22px;border-top:1px solid #34435e}
.sidebar-promo a{display:block;padding:13px 12px;border-radius:10px;background:#b7ff00;color:#10182a;text-align:center;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.2px;box-shadow:0 8px 22px #0002}
.sidebar-promo a:hover{background:#c8ff3d;transform:translateY(-1px)}
.sidebar-promo p{margin:13px 2px 0;color:#aebbd1;font-size:12px;line-height:1.5;text-align:center}
#work{padding:38px;max-width:1200px;width:100%}
h1{font-size:38px;margin:0 0 24px}
.head{display:flex;justify-content:space-between;gap:20px}
.head p{color:#657086}
.head button,.card button{padding:11px 16px;border:1px solid #ccd3df;background:white;border-radius:10px;font-weight:700;cursor:pointer}
.card{background:white;border:1px solid #dde2ea;border-radius:18px;padding:24px;margin:0 0 22px;box-shadow:0 8px 25px #20304a0d}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wide{grid-column:1/-1}
label{display:block;font-weight:700;color:#33405a}
.field-help{display:block;margin-top:5px;color:#657086;font-size:13px;font-weight:400}
.image-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px}
.image-url-row button{white-space:nowrap}
.banner-help{margin:0;padding:12px 14px;border-radius:10px;background:#eef4ff;color:#4a5b78;font-size:14px;line-height:1.45}
.visibility-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;border:1px solid #d7deea;border-radius:13px;background:#f7f9fc}
.visibility-settings>b,.visibility-settings>small{grid-column:1/-1}
.visibility-settings label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce3ee;border-radius:10px;background:#fff;cursor:pointer}
.visibility-settings input{width:20px;height:20px;margin:0;flex:0 0 auto}
.visibility-settings small{color:#657086;line-height:1.45}
input,textarea,select{width:100%;padding:12px;border:1px solid #cbd3df;border-radius:9px;font:inherit;margin-top:8px}
.color-control{position:relative;display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #cbd3df;border-radius:9px;background:#f8fafc}
.color-control .color-swatch{width:32px;height:32px;flex:0 0 32px;border:1px solid #aeb8c8;border-radius:8px;box-shadow:inset 0 0 0 2px #fff}
.color-control button{margin:0;background:#fff}
.color-control .color-value{color:#657086;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace}
.color-control .color-input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
textarea{min-height:125px;resize:vertical}
.row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.row>input{margin:0;flex:1}
.row>button{white-space:nowrap}
.album-settings{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:14px;align-items:end;margin-bottom:18px}
.album-settings input,.album-settings select{margin-bottom:0}
.album-settings>button{white-space:nowrap;margin-bottom:0}
.card article{padding:18px;margin:16px 0;background:#f6f8fb;border-radius:13px}
.card article textarea{min-height:180px}
.content-editor{margin:16px 0;padding:14px;border:1px solid #d7deea;border-radius:12px;background:#fff}
.content-block{padding:14px 0;border-bottom:1px solid #e7ebf1}
.content-block:last-child{border-bottom:0}
.content-block textarea{min-height:130px}
.image-block{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}
.image-block img{width:180px;max-height:180px;object-fit:contain;background:#eef1f5;border-radius:10px}
.block-actions{display:flex;gap:8px;margin-top:10px}
.block-actions button{padding:8px 12px}
.import-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0;padding:16px;border-radius:12px;background:#eaf6ec;border:1px solid #b9ddc0}
.import-summary div{display:flex;flex-direction:column;gap:5px}
.import-summary span{color:#52645a;font-size:14px}
.toc-editor{margin:18px 0;padding:16px;border:1px solid #d7deea;border-radius:12px;background:#f7f9fc}
.toc-editor>b{display:block;margin-bottom:10px}
.toc-entry{padding:8px 0;border-top:1px solid #e1e6ee}
.toc-entry.is-editing{padding:10px;border:1px solid #b8cce8;border-radius:12px;background:#eef5ff;box-shadow:0 8px 22px #20304a12}
.toc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.toc-row>span{min-width:0;line-height:1.4}
.toc-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.toc-controls button{padding:7px 10px}
.toc-entry.is-editing .toc-controls [data-edititem]{border-color:#15539b;background:#15539b;color:#fff}
.toc-editor .material-editor{margin:12px 0 2px;padding:18px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;box-shadow:none}
.toc-editor .material-actions{justify-content:space-between;margin:18px 0 0}
.toc-editor .material-actions [data-deli]{border-color:#efb3ad;color:#a5231c}
.toc-more{display:flex;justify-content:center;padding:14px 0 4px;border-top:1px solid #e1e6ee}
.toc-more button{min-width:180px;padding:9px 16px;border-color:#aebdd2;background:#fff}
.toc-editor>.toc-actions{display:flex;justify-content:flex-start;padding:14px 0 0;margin-top:6px;border-top:1px solid #e1e6ee}
.toc-editor>.toc-actions button{padding:10px 16px}
.scroll-mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px;border:1px solid #d7deea;border-radius:12px;background:#fff}
.scroll-mode-picker legend{padding:0 7px;font-weight:800;color:#33415b}
.scroll-mode-picker label{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px;border:1px solid #d7deea;border-radius:11px;background:#f7f9fc;cursor:pointer}
.scroll-mode-picker input{width:auto;margin:4px 0 0;accent-color:#15539b}
.scroll-mode-picker span{display:flex;flex-direction:column;gap:4px}
.scroll-mode-picker small{color:#657086;line-height:1.4}
.drop{margin:18px 0;padding:18px;border:2px dashed #8da0bd;border-radius:12px}
.media>div{display:grid;grid-template-columns:1fr 2fr 42px;gap:10px;align-items:center;padding:9px;border-bottom:1px solid #eee}
.media input{margin:0}
.video-editor .video-source{min-height:105px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.video-album-editor{border:2px solid #c9ced8;box-shadow:0 10px 28px #20304a14}
.video-album-editor>.video-album-heading{padding:12px;margin-bottom:18px;border:1px solid #c5cad3;border-radius:12px;background:#e8eaee}
.video-album-title{background:#f1f2f4;border-color:#aeb5c0;font-weight:700}
.video-album-items{display:grid;gap:14px;margin:18px 0}
.video-album-items .video-editor{margin:0;border:1px solid #d7deea;background:#f7f9fc}
.video-help{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:#eef4ff;color:#4a5b78;font-size:14px;line-height:1.45}
.video-cover-upload{margin-top:14px}
.video-cover-upload span{display:inline-block;margin:10px 0 0 10px;color:#2f7d44;font-size:14px}
.video-cover-row{display:flex;align-items:end;gap:12px;margin-top:14px}
.video-cover-row label{flex:1}
.video-cover-row span{color:#2f7d44;font-weight:700;white-space:nowrap}
.video-cover-row small{color:#657086}
.video-cover-row button{white-space:nowrap}

@media(max-width:760px){.scroll-mode-picker{grid-template-columns:1fr}.toc-row{grid-template-columns:1fr}.toc-controls{justify-content:flex-start}.toc-editor .material-actions{align-items:stretch;flex-direction:column}}
.album-cover-editor{display:flex;align-items:end;gap:12px;margin:18px 0;padding:16px;border:1px solid #d7deea;border-radius:12px;background:#f7f9fc}
.album-cover-editor label{flex:1}
.album-cover-editor span{color:#2f7d44;font-weight:700;white-space:nowrap}
.album-cover-editor small{color:#657086;white-space:nowrap}
.album-cover-editor button{white-space:nowrap}
.details-editor{display:grid;gap:18px}
.details-list{display:grid;gap:10px;margin-top:14px}
.details-item{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) auto auto auto;gap:8px;align-items:center}
.details-item input{margin:0}
.details-item button{padding:9px 11px}
.details-actions{display:flex;justify-content:flex-end;margin-top:12px}
.empty-state{text-align:center;color:#657086}
.empty-state b{display:block;color:#172033;font-size:22px;margin-bottom:8px}
#notice{position:fixed;right:24px;bottom:24px;background:#17233a;color:#fff;padding:14px 20px;border-radius:10px;opacity:0;transition:.2s}
#notice.show{opacity:1}
.release-dialog-open{overflow:hidden}
.release-dialog{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:24px;background:#0d1729cc;backdrop-filter:blur(5px)}
.release-dialog[hidden]{display:none}
.release-dialog-card{position:relative;width:min(590px,100%);padding:34px;border-radius:22px;background:#fff;box-shadow:0 28px 80px #0006}
.release-dialog-close{position:absolute;top:15px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#eef1f6;color:#33405a;font-size:25px;line-height:1;cursor:pointer}
.release-dialog-label{display:block;margin-bottom:10px;color:#5b6a82;font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.release-dialog-card h2{margin:0 44px 8px 0;font-size:30px}
.release-dialog-card>p{margin:0 0 20px;color:#596780;line-height:1.5}
.release-dialog-card label{margin-bottom:18px}
.release-dialog-card input{font-size:18px}
.release-order{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #d7e7ae;border-radius:14px;background:#f5ffe0}
.release-order div{display:grid;gap:5px}
.release-order span{color:#52613a;font-size:14px}
.release-order a{flex:0 0 auto;padding:12px 16px;border-radius:10px;background:#b7ff00;color:#10182a;text-decoration:none;font-weight:900;text-align:center}
.release-order a:hover{background:#c8ff3d;transform:translateY(-1px)}
.release-error{margin:14px 0 0!important;padding:11px 13px;border-radius:9px;background:#ffe8e6;color:#a5231c!important;font-weight:700}
.release-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.release-dialog-actions button{padding:12px 18px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:#172033;font:700 16px Arial;cursor:pointer}
.release-dialog-actions #release-submit{border-color:#17233a;background:#17233a;color:#fff}
.release-dialog-card button:disabled,.release-dialog-card input:disabled{opacity:.6;cursor:wait}
.rpv-busy{overflow:hidden}
.rpv-progress{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0d1729cc;backdrop-filter:blur(5px)}
.rpv-progress[hidden]{display:none}
.rpv-progress-card{width:min(560px,100%);padding:34px;border-radius:22px;background:#fff;box-shadow:0 28px 80px #0006;text-align:center}
.rpv-progress-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 18px;border-radius:22px;background:#17233a;color:#b7ff00;font-size:24px;font-weight:900;letter-spacing:2px}
.rpv-progress-card h2{margin:0 0 10px;font-size:30px}
.rpv-progress-card p{min-height:48px;margin:0 0 20px;color:#596780;line-height:1.5}
.rpv-progress-track{position:relative;height:18px;overflow:hidden;border-radius:999px;background:#e3e8f0}
.rpv-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1687ff,#79b8ff);transition:width .18s ease}
.rpv-progress-track.indeterminate span{width:42%!important;animation:rpv-loading 1.05s ease-in-out infinite}
.rpv-progress-card>strong{display:block;margin:12px 0 8px;color:#17233a;font-size:24px}
.rpv-progress-card>small{display:block;color:#7a8597}
.rpv-progress-card>button{margin-top:20px;padding:11px 22px;border:0;border-radius:10px;background:#17233a;color:#fff;font:700 16px Arial;cursor:pointer}
.rpv-progress.success .rpv-progress-icon{background:#e6f6ea;color:#24813b}
.rpv-progress.success .rpv-progress-track span{width:100%!important;transform:none;animation:none;background:#35a853}
.rpv-progress.error .rpv-progress-icon{background:#ffe8e6;color:#c53025}
.rpv-progress.error .rpv-progress-track span{background:#d92d20}
@keyframes rpv-loading{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
@media(max-width:900px){.bar{position:relative;align-items:flex-start;flex-direction:column}
.bar nav{flex-wrap:wrap;width:100%}
main{display:block}
aside{display:flex;overflow:auto}
.hint{display:none}
.sidebar-promo{display:none}
aside>button{white-space:nowrap;width:auto}
#work{padding:22px}
.grid{grid-template-columns:1fr}
.visibility-settings{grid-template-columns:1fr}
.album-settings{grid-template-columns:1fr}
.album-cover-editor{align-items:stretch;flex-direction:column}
.video-cover-row{align-items:stretch;flex-direction:column}
.details-item{grid-template-columns:1fr 1fr auto}.details-item button[data-updetail],.details-item button[data-downdetail]{display:none}
.release-dialog-card{padding:28px 20px}.release-order{align-items:stretch;flex-direction:column}.release-order a{width:100%}.release-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.release-dialog-actions button{width:100%}
}