/* Layout shell */
body.gmp-journal-page .gmp-topbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:10001;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#111827;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
body.gmp-journal-page .gmp-topbar.gmp-theme-manuscript{background:#fff;color:#111827;border-bottom:1px solid #e5e7eb}
body.gmp-journal-page .gmp-brand{font-weight:600;letter-spacing:.02em}
body.gmp-journal-page .gmp-link{color:#2563eb;text-decoration:none}
body.gmp-journal-page .gmp-shell{display:flex;gap:16px;align-items:flex-start;margin-top:56px}

/* Left rail */
.gmp-rail{position:sticky;top:64px;width:260px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:8px;padding:8px}
.gmp-rail .gmp-rail-list{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.gmp-rail .gmp-rail-list ul{list-style:none;margin:0;padding:6px}
.gmp-rail .gmp-rail-list li{margin:0;padding:0}
.gmp-rail .gmp-entry-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:#111827;text-decoration:none}
.gmp-rail .gmp-entry-item:hover{background:#f3f4f6}
.gmp-rail .gmp-rail-btn{border:0;background:#e5e7eb;border-radius:6px;padding:6px;cursor:pointer}
.gmp-rail-empty{padding:12px;color:#6b7280}

/* Content */
.gmp-content{flex:1;padding:16px}
.gmp-journal{max-width:var(--gmp-measure,760px);margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.gmp-progress{width:100%;background:#eee;border-radius:6px;margin-bottom:8px;overflow:hidden}
.gmp-progress-bar{background:linear-gradient(90deg,#6a5acd,#00bcd4);height:10px;transition:width .2s ease}
.gmp-tools{display:flex;gap:8px;margin-bottom:8px}
.gmp-tools button{border:0;background:#111827;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}
.gmp-date-row{margin:4px 0}

/* Editor */
.gmp-editor{min-height:300px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;outline:none}
.gmp-editor:empty:before{content:attr(data-placeholder);color:#9ca3af}
.gmp-editor img{max-width:100%;height:auto}
.gmp-editor .gmp-draggable{cursor:move}
.gmp-editor img.gmp-float-img{float:left;max-width:40%;margin:4px 16px 10px 0;border-radius:6px}
.gmp-editor img.gmp-float-right{float:right;margin:4px 0 10px 16px;border-radius:6px}
.gmp-placeholder{display:inline-block;background:rgba(17,24,39,.08);border-radius:6px;vertical-align:bottom}

/* Image toolbar */
.gmp-img-toolbar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:#111827;color:#fff;border-radius:999px;padding:6px 10px;z-index:10020;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.gmp-img-toolbar input[type=range]{width:160px}

/* Doodle */
.gmp-doodle{display:block;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:4px;margin:6px 0}
.gmp-doodle canvas{display:block;width:100%;height:auto;background:#fff;border-radius:6px}
.gmp-doodle-bar{display:flex;gap:8px;align-items:center;margin-top:6px}
.gmp-doodle-bar button{border:0;background:#111827;color:#fff;border-radius:6px;padding:4px 8px;cursor:pointer}

/* Modal + toast */
.gmp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:10000}
.gmp-modal{background:#fff;padding:20px;border-radius:8px;max-width:420px;box-shadow:0 10px 30px rgba(0,0,0,.3);text-align:center}
.gmp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:#fff;padding:8px 12px;border-radius:8px;display:none;z-index:10010}
.gmp-dev-version{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);background:rgba(17,24,39,.85);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px;z-index:10003;pointer-events:none}

/* Reflow overlay */
#gmp-reflow{position:relative}
#textBox{position:relative;min-height:300px}
#textContent{position:relative;z-index:1}
#textContent .text-line{display:block;white-space:nowrap;overflow:hidden;margin:0}

/* Full-page simplifications */
body.gmp-journal-page .site-header, body.gmp-journal-page .site-footer, body.gmp-journal-page #masthead, body.gmp-journal-page #colophon{display:none!important}
body.gmp-journal-page .sidebar, body.gmp-journal-page [class*="sidebar"], body.gmp-journal-page .widget-area{display:none!important}
body.gmp-journal-page .entry-content, body.gmp-journal-page main{padding-left:0;padding-right:0}

