/* Approved compact editor: larger artwork, five fixed tools and connected menus. */
.scripture-workspace{--card-height:min(680px,calc(100svh - 150px),calc((100vw - 44px)*16/9));--card-width:calc(var(--card-height)*9/16);width:100%;max-width:440px;--menu-glass:rgba(32,31,28,.72)}
.scripture-visual{--tool-space:90px;display:block;width:var(--card-width);max-width:100%;margin:auto;padding:0 0 var(--tool-space);position:relative}
.scripture-visual>.scripture-rail,.scripture-actions{display:none}
.scripture-frame{width:100%;height:var(--card-height);border-radius:18px}
.scripture-tools{position:absolute;left:0;right:0;bottom:0;height:81px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;z-index:3;align-items:end}
.scripture-tools button{border:0;background:none;color:#c0b7a9;min-width:0;min-height:76px;padding:2px 0 4px;display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:12px;font:12px/17px Inter,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.scripture-tools button:hover{color:#fff9ed;background:#dfb9740b}.scripture-tools button:disabled{opacity:.45;cursor:default}
.scripture-tool-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid #554b39;border-radius:13px;background:linear-gradient(155deg,#302a20,#1c1a16);color:#dfb974;box-shadow:inset 0 1px #fff1}
.scripture-tool-icon svg,.scripture-choice svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.scripture-tool-icon.background{display:block;padding:3px;overflow:hidden}.scripture-tool-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}.scripture-tool-icon.font{font:30px/1 DailySerif,Georgia,serif}
.scripture-tools button[aria-expanded=true]{background:var(--menu-glass);border-radius:0 0 13px 13px;color:#fff9ed;box-shadow:inset 1px 0 #f3e0ba0b,inset -1px 0 #f3e0ba0b,inset 0 -1px #f3e0ba0b}.scripture-tools button[aria-expanded=true] .scripture-tool-icon{background:transparent;border-color:#e5c38a}
.scripture-tool-menu{position:absolute;left:0;right:0;bottom:var(--tool-space);height:154px;max-height:calc(100% - var(--tool-space));z-index:2}
.scripture-tool-menu[hidden],.scripture-picker[hidden]{display:none}
.scripture-menu-body{height:100%;padding:6px 7px;border:1px solid #f3e0ba14;border-radius:0;background:var(--menu-glass);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;flex-direction:column;min-height:0}
.scripture-menu-bridge{position:absolute;top:calc(100% - 1px);height:18px;background:var(--menu-glass);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}
.scripture-menu-bridge::before,.scripture-menu-bridge::after{content:'';position:absolute;top:0;width:12px;height:12px}.scripture-menu-bridge::before{left:-12px;background:radial-gradient(circle at 0 100%,transparent 12px,var(--menu-glass) 12.5px)}.scripture-menu-bridge::after{right:-12px;background:radial-gradient(circle at 100% 100%,transparent 12px,var(--menu-glass) 12.5px)}.scripture-menu-bridge.at-left::before,.scripture-menu-bridge.at-right::after{display:none}
.scripture-picker{margin:4px 0;min-height:0}.scripture-wheels{grid-template-columns:1.6fr 1fr 1.6fr;gap:0}.scripture-wheel-shell{background:none;border-radius:12px}.scripture-wheel-shell:after{display:none}
.scripture-wheel{height:132px;padding:44px 0;mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%)}
.scripture-wheel-option{font-size:24px;transform:none;color:#eee3cd;opacity:.7;text-shadow:0 1px 5px #000;transition:opacity .15s,color .15s}.scripture-book-wheel .scripture-wheel-option{font-size:18px;letter-spacing:0}.scripture-wheel-option[data-distance="2"],.scripture-wheel-option[data-distance="3"]{transform:none}.scripture-wheel-option[aria-selected=true]{color:#f0c88c;font-weight:600;transform:none}
.scripture-choice-rail{display:flex;gap:7px;min-height:0;height:132px;flex:none;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x}
.scripture-choice{flex:none;width:84px;height:125px;border:1px solid transparent;border-radius:10px;padding:3px;background:none;color:#eee3cd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;scroll-snap-align:start;font:12px/1.4 Inter,Arial,sans-serif}
.scripture-choice[aria-pressed=true]{border-color:#dfb974}.scripture-choice img{display:block;width:75px;height:113px;object-fit:cover;border-radius:7px;pointer-events:none}.scripture-choice.font-choice{width:100px}.font-sample{font-size:54px;line-height:1.25}.scripture-choice.view-more svg{width:30px;height:30px}
.scripture-tool-menu.expanded{height:min(230px,calc(var(--card-height)*.4))}.scripture-visual[data-tool=font-more] .scripture-tool-menu{height:min(230px,calc(var(--card-height)*.4))}.expanded .scripture-menu-body{padding:8px 7px;gap:7px}
.scripture-expanded-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.scripture-expanded-heading h3{font:23px/1.2 DailySerif,Georgia,serif;margin:0;color:#fff9ed}.scripture-expanded-heading button{width:32px;height:32px;padding:0;border:0;border-radius:10px;background:#ffffff06;color:#d4c7b5;font-size:25px;cursor:pointer}
.scripture-category-rail{display:flex;gap:6px;flex:none;overflow-x:auto;scrollbar-width:none}.scripture-category-rail button{min-height:36px;flex:none;font:12px/1.4 Inter,Arial,sans-serif;padding:6px 9px;border:1px solid #605342;border-radius:10px;background:#ffffff03;color:#e2d7c6;cursor:pointer}.scripture-category-rail button[aria-pressed=true]{border-color:#dfb974;color:#f4d59c;background:#dfb97412}
.scripture-upload-photo{min-height:44px;flex:none;padding:9px 12px;border:1px solid #b49668;border-radius:11px;background:linear-gradient(145deg,#423626,#2c241b);color:#efd2a1;text-align:left;font:14px/1.5 Inter,Arial,sans-serif;cursor:pointer}.scripture-upload-note{font:12px/1.4 Inter,Arial,sans-serif;color:#d3c6b7;margin:0;flex:none}
.scripture-background-grid,.scripture-font-grid{overflow-y:auto;min-height:0;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;grid-auto-rows:max-content;align-content:start;scrollbar-width:none;overscroll-behavior:contain}
.scripture-background-grid .scripture-choice{width:100%;height:auto;min-height:110px;padding:0;border:1px solid #5d503c;border-radius:12px;overflow:hidden;gap:0;display:block;text-align:left;background:#14131045}.scripture-background-grid .scripture-choice[aria-pressed=true]{border-color:#dfb974}.scripture-background-grid img{width:100%;height:80px;border-radius:0;object-fit:cover}.scripture-background-grid span{display:block;padding:5px 6px;font-size:11px;min-height:32px}
.scripture-background-grid .scripture-upload-photo{width:100%;min-height:112px;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px}.scripture-background-grid .scripture-upload-photo>span{padding:0;min-height:0;font-size:12px}.scripture-background-grid .scripture-upload-photo>.scripture-upload-note{font-size:11px}
.scripture-font-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:90px;gap:8px}.scripture-font-grid .scripture-choice{width:100%;height:90px;padding:8px 6px;border:1px solid #e1c28c33;border-radius:12px;background:#14131045;gap:5px}.scripture-font-grid .scripture-choice[aria-pressed=true]{border-color:#dfb974;background:#dfb97416}.scripture-font-grid .font-sample{font-size:36px}.scripture-font-grid span:last-child{font:12px/1.4 Inter,Arial,sans-serif;color:#dacebb}
.scripture-visual[data-tool=share] .scripture-choice-rail{height:85px}.share-choice{height:80px;width:100px;border-color:#dfb97433;background:#14131030}.scripture-share-note{margin:5px 2px 0;color:#e2d7c6;font:12px/1.4 Inter,Arial,sans-serif}
.scripture-reading{max-width:420px;margin:12px auto}.scripture-status:not(.scripture-sr-only){max-width:420px;margin:12px auto;color:#ecc494;font-size:14px}
@media(min-width:1001px){.scripture-workspace{--card-height:min(680px,calc(100svh - 150px),calc(100cqw*16/9));margin-left:auto}.scripture-guide li p{font-size:16px}}
@media(max-width:360px){.scripture-tools{gap:3px}.scripture-tools button{font-size:10px}.scripture-tool-icon{width:44px;height:44px}.scripture-book-wheel .scripture-wheel-option{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scripture-choice-rail{scroll-behavior:auto}.scripture-wheel-option{transition:none}}

@media(min-width:1001px){.scripture-intro>p:not(.product-name){margin-top:20px}.scripture-intro>p.scripture-intro-lead{margin-top:24px}.scripture-guide{margin-top:24px;padding-top:20px}.scripture-guide ol{gap:16px}.scripture-guide li p{line-height:1.55}.scripture-intro .scripture-try{margin-top:22px}}

.scripture-visual[data-tool=share] .scripture-choice-rail{height:132px}.share-choice{height:125px;width:90px;background:none;border-color:transparent}.share-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:15px;overflow:hidden;background:linear-gradient(155deg,#302a20,#1c1a16);color:#dfb974}.share-choice .share-logo img{width:64px;height:64px;object-fit:cover;border-radius:15px}.share-choice .share-logo svg{width:32px;height:32px}

/* More remains outside the moving choices; upload is always the first grid tile. */
.scripture-choice-strip{display:flex;align-items:stretch;gap:7px;min-height:0;min-width:0;flex:none;height:132px}
.scripture-choice-strip>.scripture-choice-rail{flex:1;min-width:0}
.scripture-choice-strip>.view-more{flex:0 0 76px;width:76px;height:132px;border-left:1px solid #f3e0ba20;border-radius:0;scroll-snap-align:none}
.scripture-background-grid .scripture-choice,.scripture-background-grid .scripture-upload-photo{height:126px;min-height:126px;align-self:start}
.scripture-background-grid .scripture-upload-photo{aspect-ratio:auto;padding:5px;gap:5px}
.scripture-background-grid .scripture-choice>span{height:44px;min-height:44px;line-height:16px}
.scripture-upload-photo svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.scripture-background-grid .scripture-upload-photo>span{font-size:11px;line-height:1.3}