body.admin-page { background: #faf8fd; }
.admin-header { display:flex; justify-content:space-between; align-items:center; min-height:94px; gap:20px; }
.admin-back { font-size:12px; color:#89739c; }
.admin-main { padding-top:35px; padding-bottom:50px; max-width:1040px; }
.admin-heading { margin-bottom:30px; }
.admin-heading .section-kicker { margin-bottom:9px; }
.admin-heading h1 { font-size:32px; line-height:1.5; letter-spacing:-.5px; }
.admin-heading>p { font-size:13px; color:#8a7b96; margin-top:9px; }
.admin-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:start; }
.admin-card { background:white; border:1px solid #eee7f5; padding:28px; border-radius:21px; min-width:0; }
.card-heading { display:flex; align-items:center; gap:13px; margin-bottom:25px; }
.step-label { display:flex; align-items:center; justify-content:center; width:35px; height:35px; color:#9d82ba; font-family:Arial,sans-serif; font-size:12px; border-radius:12px; background:#f3edfb; flex-shrink:0; }
.card-heading h2 { font-size:18px; letter-spacing:0; }
.card-heading p { font-size:11px; color:#a090ad; margin-top:3px; }
.field-label { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:#75627f; margin:19px 0 8px; }
.field-label>span { color:#b0a2b9; font-size:10px; }
.admin-input { width:100%; min-width:0; padding:11px 13px; border:1px solid #e8deef; border-radius:9px; font-size:13px; background:white; color:#655470; outline-offset:2px; }
.admin-input::placeholder { color:#b8a9c2; font-size:12px; }
.admin-input:disabled { opacity:.6; }
.file-drop { display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #cebbdf; border-radius:14px; background:#fcfaff; padding:26px 16px; margin-top:24px; cursor:pointer; transition:background .2s,border-color .2s; }
.file-drop.is-dragging { background:#f1e8ff; border-color:#8060dc; }
.file-drop:focus-within { outline:3px solid #9c7cf0; outline-offset:4px; }
.file-symbol { display:flex; align-items:center; justify-content:center; width:37px; height:37px; border-radius:11px; background:#f0e8fa; color:#a485c2; font-size:24px; line-height:1; margin-bottom:12px; }
.file-drop strong { max-width:100%; overflow-wrap:anywhere; font-size:12px; color:#8a719b; font-weight:500; }
.file-drop>span:last-of-type { font-size:10px; color:#b0a0bd; margin-top:6px; }
.file-drop input { position:absolute; width:1px; height:1px; opacity:0; left:50%; bottom:20px; }
.publish-button { width:100%; margin-top:9px; min-height:48px; font-size:14px; }
.publish-button:disabled { opacity:.6; transform:none; }
.form-footnote { font-size:10px; color:#a191ad; line-height:1.9; margin-top:12px; }
.admin-message { font-size:12px; line-height:1.8; color:#ab5479; margin-top:16px; overflow-wrap:anywhere; }
.admin-message.is-success { color:#648b77; }
.admin-disabled { padding:13px; font-size:12px; background:#fff5e9; color:#a47a4c; border-radius:9px; }
.upload-progress { margin-top:20px; }
.progress-heading { display:flex; justify-content:space-between; font-size:11px; color:#8d789d; }
progress { width:100%; height:7px; border:0; border-radius:8px; overflow:hidden; appearance:none; background:#f1eafa; }
progress::-webkit-progress-bar { background:#f1eafa; }
progress::-webkit-progress-value { background:#a388d7; }
progress::-moz-progress-bar { background:#a388d7; }
.release-empty { display:flex; flex-direction:column; align-items:center; text-align:center; padding:50px 12px 60px; }
.empty-icon { color:#ccb7e0; font-size:53px; line-height:1.3; margin-bottom:20px; }
.release-empty>b { font-size:14px; color:#8c769d; font-weight:500; }
.release-empty>p { font-size:11px; color:#b09fbc; line-height:1.9; margin-top:9px; }
.admin-qr-frame { width:244px; max-width:100%; margin:0 auto 17px; padding:10px; background:white; border:1px solid #f0e9f7; border-radius:16px; }
.admin-qr-frame img { width:100%; height:auto; }
#release-version { text-align:center; font-size:16px; color:#80678e; font-weight:600; }
.release-meta { text-align:center; color:#a18cab; font-size:10px; margin-top:6px; line-height:1.9; }
.local-warning { padding:11px 12px; border-radius:8px; background:#fff5e9; color:#ae8657; font-size:10px; line-height:1.8; margin-top:14px; }
.release-link { font-size:10px; color:#93809f; }
.release-actions { display:flex; gap:10px; margin-top:14px; }
.release-actions .button { flex:1; min-height:41px; padding:10px; font-size:12px; }
.release-details { font-size:10px; color:#ab99b7; margin-top:20px; }
.release-details summary { cursor:pointer; }
.release-details small { display:block; margin-top:10px; }
.release-details code { display:block; overflow-wrap:anywhere; font-size:9px; line-height:1.9; margin-top:4px; }
.refresh-release { background:none; padding:0; font-size:11px; color:#9a7eb2; margin-top:24px; }
.admin-footer { font-size:10px; color:#b5a3c1; border-top:1px solid #eae2f1; padding-top:20px; padding-bottom:30px; }
@media(max-width:760px) { .admin-main { padding-top:22px; } .admin-layout { grid-template-columns:1fr; gap:18px; } .admin-heading h1 { font-size:26px; } .admin-card { padding:24px; } .admin-back { font-size:10px; } .admin-heading>p { font-size:12px; } .admin-header { min-height:82px; } }
@media(max-width:360px) { .admin-header { gap:10px; } .admin-header .brand>span { font-size:16px; } .admin-back { font-size:9px; } .admin-card { padding:20px; } }

#admin-release-qr { image-rendering:pixelated; }