.daily-verse-generator{overflow:hidden;border-radius:14px;background:#fff}.verse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-10px -4px 28px;padding:0 4px 22px;border-bottom:1px solid #e6eaf1}.verse-toolbar>div{display:grid}.verse-eyebrow{color:#7a8495;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.verse-toolbar strong{font-size:18px;text-transform:capitalize}.one-per-day{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dce6dc;border-radius:999px;background:#f4fbf6;color:#398052;font-size:12px;font-weight:700}.one-per-day i{width:7px;height:7px;border-radius:50%;background:#47a764;box-shadow:0 0 0 4px #47a76418}.verse-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:30px}.verse-controls{padding-right:28px;border-right:1px solid #e6eaf1}.verse-control-heading{display:flex;align-items:center;gap:11px;margin:0 0 13px}.verse-control-heading+*{margin-bottom:28px}.verse-control-heading>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eef3ff;color:#1557d5;font-size:11px;font-weight:800}.verse-control-heading div{display:grid}.verse-control-heading strong{font-size:14px}.verse-control-heading small{color:#7c8798;font-size:11px}.verse-layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.verse-layout-grid button{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#586477;text-align:left}.verse-layout-grid button b{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#f4f6f9;color:#344259;font-family:Georgia,serif;font-size:13px}.verse-layout-grid button span{font-size:12px;font-weight:650}.verse-layout-grid button.active{border-color:#1557d5;background:#f2f6ff;color:#1557d5;box-shadow:0 0 0 2px #1557d512}.verse-layout-grid button.active b{background:#1557d5;color:#fff}.verse-colors{display:grid;gap:10px}.verse-colors label{display:flex;align-items:center;justify-content:space-between;color:#4d596b;font-size:12px;font-weight:650}.verse-colors label span{display:flex;align-items:center;gap:7px}.verse-colors input{width:31px;height:31px;padding:2px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}.verse-colors code{width:68px;color:#7c8797;font-size:10px;text-transform:uppercase}.verse-preview-panel{min-width:0}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-label span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.preview-label i{color:#8a94a4;font-size:10px;font-style:normal}.verse-card{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:370px;padding:46px 42px;border-radius:18px;background:var(--verse-bg);color:var(--verse-text);text-align:center;overflow:hidden;isolation:isolate;box-shadow:0 18px 38px #24334d25}.verse-card:before,.verse-card:after{content:"";position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--verse-accent) 35%,transparent);border-radius:50%}.verse-card:before{width:250px;height:250px;top:-145px;right:-85px}.verse-card:after{width:190px;height:190px;bottom:-125px;left:-80px}.verse-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border:1px solid color-mix(in srgb,var(--verse-accent) 60%,transparent);border-radius:50%;color:var(--verse-accent)}.verse-kicker{color:var(--verse-accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.verse-card blockquote{max-width:530px;margin:18px 0 15px;font-family:Georgia,serif;font-size:25px;line-height:1.45;font-weight:500;text-wrap:balance}.verse-card>strong{color:var(--verse-accent);font-size:13px}.verse-card>a{position:absolute;right:18px;bottom:14px;color:var(--verse-text);font-size:9px;font-weight:700;opacity:.65}.layout-bold{background:linear-gradient(135deg,var(--verse-bg),color-mix(in srgb,var(--verse-bg) 70%,#000))}.layout-bold blockquote{font-family:Inter,"Segoe UI",sans-serif;font-size:28px;font-weight:850}.layout-bold .verse-symbol{border-radius:8px;background:var(--verse-accent);color:var(--verse-bg)}.layout-minimal{min-height:340px;border:1px solid color-mix(in srgb,var(--verse-text) 20%,transparent);border-radius:3px;box-shadow:none}.layout-minimal:before,.layout-minimal:after,.layout-minimal .verse-symbol{display:none}.layout-minimal blockquote{font-size:22px}.layout-editorial{align-items:flex-start;text-align:left}.layout-editorial blockquote{padding-left:22px;border-left:4px solid var(--verse-accent);font-size:27px}.layout-editorial .verse-symbol{border:0;font-size:25px}.layout-soft{border-radius:34px}.layout-soft:before{width:330px;height:330px;background:color-mix(in srgb,var(--verse-accent) 10%,transparent)}.layout-soft blockquote{font-size:24px;font-style:italic}.layout-compact{min-height:270px;align-items:flex-start;padding:34px;text-align:left}.layout-compact .verse-symbol{display:none}.layout-compact blockquote{margin:13px 0;font-size:21px}.verse-source{margin:13px 0 0;color:#7c8798;font-size:10px;line-height:1.5;text-align:center}.verse-code-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px -34px -34px;padding:22px 34px;background:#f6f8fc;border-top:1px solid #e4e8ef}.verse-code-action>div{display:grid}.verse-code-action strong{font-size:14px}.verse-code-action span{color:#778294;font-size:11px}.verse-code-action button{padding:12px 17px;border:0;border-radius:8px;background:#1557d5;color:#fff;font-size:12px;font-weight:750;box-shadow:0 7px 18px #1557d529}@media(max-width:800px){.verse-workspace{grid-template-columns:1fr}.verse-controls{padding:0 0 24px;border-right:0;border-bottom:1px solid #e6eaf1}.verse-layout-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.verse-toolbar,.verse-code-action{align-items:flex-start;flex-direction:column}.one-per-day{align-self:flex-start}.verse-layout-grid{grid-template-columns:repeat(2,1fr)}.verse-card{min-height:340px;padding:35px 22px}.verse-card blockquote{font-size:21px}.verse-code-action{margin-inline:-17px;padding-inline:17px}.verse-code-action button{width:100%}}
