/* Quiet, task-oriented editor. Public page typography is unaffected. */
:root{--admin-width:480px}
.admin{height:100dvh;box-shadow:-10px 0 40px #0002;font-family:Arial,"Microsoft YaHei",sans-serif}
.admin [hidden]{display:none!important}
.ahead{height:64px;min-height:64px;padding:0 20px;background:#f8f8f6}
.ahead .t{font-family:inherit;font-size:15px;letter-spacing:0;text-transform:none}
.ahead .t small{font:10px var(--mono);color:#777;margin-left:8px;letter-spacing:.08em}
.ahead .x{width:40px;height:40px;border:1px solid #deded9;border-radius:5px}
.atabs{display:flex;flex-direction:column;padding:12px 20px;gap:6px;overflow:visible;flex-shrink:0}
.editor-nav-group{display:grid;grid-template-columns:40px minmax(0,1fr);gap:5px;align-items:start}
.editor-nav-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;min-width:0}
.editor-nav-label{font-size:10px;color:#777;align-self:center}
.atabs button{font-family:inherit;font-size:12px;letter-spacing:0;text-transform:none;padding:8px 5px;min-height:36px;border-radius:4px;border:1px solid transparent;text-align:center}
.atabs button.on{background:#171717;color:#fff;border-color:#171717}
.atabs button.on::after{display:none}
.atabs button:not(.on):hover{background:#f0f0ec}
.editor-context{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #deded9;background:#fff;flex-shrink:0}
.editor-context>div{min-width:0}
.editor-context small{display:block;font-size:10px;color:#73736e;margin-bottom:5px}
.editor-context h2{font-size:19px;line-height:1.3;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-context button{flex-shrink:0}
.abody{padding:16px 20px 28px;background:#f4f4f1;min-height:0;overscroll-behavior:contain}
.admin .abtn,.admin .iconbtn{font-family:inherit;text-transform:none;letter-spacing:0;font-size:12px;min-height:36px;border-radius:4px}
.admin .field label,.admin .hint,.admin .field-note,.admin .checkrow{font-family:inherit;text-transform:none;letter-spacing:0}
.admin .field label{font-size:12px;color:#444;margin-bottom:7px;display:block}
.admin .field input,.admin .field textarea,.admin .field select,.editor-search{font-family:inherit;font-size:13px;line-height:1.65;border:1px solid #d8d8d2;border-radius:4px;background:#fff;width:100%;padding:9px 10px;color:#171717;min-width:0}
.admin .field textarea{min-height:90px;resize:vertical}
.admin .hint,.admin .field-note{font-size:12px;line-height:1.75;color:#696963;margin:0 0 14px}
.admin :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #4b6553;outline-offset:3px}
.editor-section{border:1px solid #ddddd7;background:#fff;border-radius:5px;margin-bottom:10px;overflow:clip}
.editor-section>summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;gap:8px;font-size:13px;min-height:52px;font-weight:600}
.editor-section>summary::-webkit-details-marker{display:none}
.editor-section>summary::after{content:"＋";margin-left:auto;color:#777;font-weight:400}
.editor-section[open]>summary::after{content:"−"}
.editor-section>summary small{font-size:10px;font-weight:400;color:#85857e;margin-left:auto}
.editor-section>summary small+*{margin-left:0}
.editor-section[open]>summary{border-bottom:1px solid #e7e7e2}
.editor-section-body{padding:16px;min-width:0}
.editor-section-body>.sectlabel:first-child{margin-top:0}
.admin .dropzone{border-radius:4px;border-color:#c8cbc3;padding:18px 12px;background:#f8f9f6}
.admin .dropzone .dz-main{font-family:inherit;font-size:12px;text-transform:none;letter-spacing:0}
.admin .dropzone .dz-sub{font-size:10px}
.admin .imgrow{min-width:0;flex-wrap:wrap}
.admin .imgrow input{min-width:80px}
.admin .pitem{border-radius:4px;padding:12px 10px;box-shadow:none}
.admin .pitem .pt{min-width:0}
.admin .pitem .pa{flex-shrink:0}
.editor-search{margin-bottom:12px;box-sizing:border-box}
.admin #addProject{border-radius:4px}
.admin .content-editor-block{border-radius:4px}
.admin .content-block-head{gap:5px}
.admin .content-block-head>span{font-size:10px;line-height:1.5}
.admin .content-block-actions{display:flex;gap:4px;flex-shrink:0}
.experience-editor-item{display:block;margin-bottom:10px}
.admin .content-block-insert{flex-wrap:wrap}
.archive-entry-details .archive-entry{border:0;margin:0;padding:16px;background:#fff}
.editor-entry-thumb{width:40px;height:40px;object-fit:cover;border-radius:2px}
.archive-entry-details>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-position{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.editor-position button{border:1px solid #d8d8d2;padding:10px;border-radius:4px;font-size:12px}
.editor-position button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}
.editor-source{margin:12px 0;color:#666;font-size:11px}
.editor-source>summary{cursor:pointer;padding:8px 0}
.afoot{padding:12px 20px 14px;display:grid;grid-template-columns:80px 1fr;gap:8px;flex-shrink:0;box-shadow:none;border-top:1px solid #deded9}
.afoot .save-state{grid-column:1/-1;grid-row:1;border-radius:0;padding:0;font-size:11px;background:none;color:#4b6553;font-family:inherit}
.afoot .save-state.is-dirty{color:#7e5b22;background:none}
.afoot .afoot-note{grid-column:1/-1;grid-row:4;font-size:10px;line-height:1.6;margin:0;color:#888;font-family:inherit}
.afoot #undoBtn{grid-column:1;grid-row:2}
.afoot .save-settings{grid-column:2;grid-row:2;padding:11px}
.afoot .abtn.dirty{box-shadow:none}
.editor-more{grid-column:1/-1;font-size:11px;color:#74746d}
.editor-more>summary{cursor:pointer;padding:5px 0;list-style:none}
.editor-more>summary::after{content:" ＋"}
.editor-more[open]>summary::after{content:" −"}
.editor-more>div{display:flex;gap:8px;padding:8px 0}
.editor-highlight{outline:3px solid #85977e!important;outline-offset:6px}
.editor-dock{position:fixed;bottom:20px;right:20px;z-index:75;display:flex;gap:1px;padding:5px;border:1px solid #ccc;background:#fafaf7;color:#171717;border-radius:6px;box-shadow:0 4px 25px #0002}
.editor-dock button{font:12px Arial,"Microsoft YaHei",sans-serif;min-height:40px;padding:8px 14px;letter-spacing:0;text-transform:none;cursor:pointer}
.editor-dock button+button{border-left:1px solid #ddd}
.editor-dock button:disabled{color:#999;cursor:default}
.editor-dock button:focus-visible{outline:2px solid #4b6553}
body.admin-open .editor-dock{display:none}
@media(max-width:1000px){.admin{width:min(480px,100%)}body.admin-open{overflow:hidden}.ahead{min-height:56px;height:56px}.editor-context{padding-block:12px}.atabs{padding-block:8px}.afoot{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:420px){.abody{padding:12px}.ahead,.atabs,.editor-context,.afoot{padding-left:14px;padding-right:14px}.editor-section-body{padding:12px}.admin .frow{flex-wrap:wrap}.admin .frow>.field{min-width:120px}.editor-context h2{font-size:17px}.admin .content-block-main{min-width:0}}
@media(prefers-reduced-motion:reduce){.admin{transition:none}}
