body{margin:0;font-family:Arial,sans-serif;background:#111}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Mandali;src:url(/dailypromise/fonts/Mandali-Bold.woff2) format("woff2"),url(/dailypromise/fonts/Mandali-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.app-container{display:block;height:100vh}.preview-panel{flex:1;display:flex;justify-content:center;align-items:center;transform:scale(.5) translateY(-50%);transform-origin:center}.card{position:relative;width:1080px;height:1080px;overflow:hidden}.header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#00000040;border-bottom:1px solid rgba(212,160,23,.2)}.dp-row{display:flex;align-items:baseline;gap:10px}.dp-daily{font-family:Dancing Script,cursive;font-size:80px;color:#fff}.dp-promise{font-family:Bebas Neue,sans-serif;font-size:80px;letter-spacing:6px;background:linear-gradient(180deg,#ffe566,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(255,215,0,.5),0 0 25px rgba(255,180,0,.4)}.date-box{display:flex;align-items:center}.db-sub{display:grid;grid-template-columns:120px 1fr;align-items:center}.db-num{font-family:Bebas Neue,sans-serif;font-size:120px;background:linear-gradient(180deg,#fff,gold 70%,#ffb300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.db-num-svg{width:120px;height:120px}.export-mode .db-num{background:none!important;-webkit-text-fill-color:#ffd700!important;color:gold!important}.datepn{display:flex;flex-direction:column;align-items:flex-start}.db-mon{font-family:Raleway,sans-serif;font-size:25px;font-weight:700;letter-spacing:2px;color:gold;text-transform:uppercase}.brder{height:1px;width:60px;background:#d4a01766;margin:4px 0}.db-yr{font-family:Raleway,sans-serif;font-size:28px;color:#fff9}.verse-wrap{position:absolute;inset:150px 0 250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 100px}.open-q,.close-q{font-family:Cormorant Garamond,serif;font-size:120px;color:#d4a01733}.open-q{align-self:flex-start}.close-q{align-self:flex-end}.verse-text{font-size:64px;color:#fff;line-height:1.25;text-shadow:0 3px 20px rgba(0,0,0,.5)}.ref-row{margin-top:30px;display:flex;align-items:center;gap:15px}.ref-line{width:80px;height:1px;background:#d4a01799}.ref-cross{color:#d4a017cc}.ref-label{font-family:Cinzel,serif;font-size:36px;background:linear-gradient(135deg,#ffe566,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:360px 1px 1fr;padding:30px 40px;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.55),rgba(0,0,0,.25),transparent)}.f-sep{background:#d4a01733;width:1px}.f-col{display:flex;align-items:center;justify-content:center}.pr-gap{position:absolute;inset:6px;border-radius:50%;background:#e8bf4359}.pr-photo img{width:100%;height:100%;object-fit:cover}.f-col-right{display:flex;flex-direction:column;justify-content:center;gap:10px}.pl-name{font-family:Cinzel,serif;font-size:38px;font-weight:700;color:#fff}.pl-role{font-family:Raleway,sans-serif;font-style:italic;font-size:28px;font-weight:300;color:#fff6}.f-min-name{font-family:Raleway,sans-serif;font-size:26px;text-transform:uppercase;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#ffe566,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.f-info-row{display:flex;align-items:center}.f-info-text{font-family:Raleway,sans-serif;font-size:22px;color:#ffffffb3}.f-info-text b{color:gold;font-size:34px}.export-mode .preview-panel{transform:none!important}.export-mode .dp-promise,.export-mode .db-num,.export-mode .ref-label,.export-mode .f-min-name{background:none!important;-webkit-text-fill-color:#ffd700!important;color:gold!important}.pastor-ring{position:relative;width:250px;height:250px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pr-outer{position:absolute;inset:0;border-radius:50%;background:inherit}.pr-photo{position:absolute;inset:12px;border-radius:50%;overflow:hidden}.pr-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.editor-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:12px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;box-shadow:0 8px 25px #0009,0 0 0 1px #ffffff0d;z-index:1000}.editor-nav .nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:30px;border-radius:50%;background:#2a2a2a;color:#fff;text-decoration:none;transition:.2s}.editor-nav .nav-btn:hover{background:#3a3a3a;transform:scale(1.1)}.control-group{display:flex;flex-direction:column;align-items:center}.control-group label{font-size:10px;color:#aaa;margin-bottom:2px}.control-group select{background:#222;color:#fff;border:1px solid #333;border-radius:20px;padding:4px 10px;font-size:12px;outline:none}.editor-actions{display:flex;gap:10px;align-items:center}.editor-actions button{width:40px;height:42px;border:none;border-radius:20px;background:#14141430;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.editor-actions button:hover{background:#4b6cb7;transform:scale(1.12)}.app-container{display:block;height:100vh;position:relative;width:100%;overflow:hidden}.preview-panel{position:fixed;margin:0 auto!important;overflow:hidden;top:0!important}.preview-panel{flex:1;display:flex;justify-content:center;align-items:center;width:1080px;height:1080px!important;transform:scale(.33);transform-origin:left top}.settings-page{padding:20px;max-width:900px;margin:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.settings-page h2{font-size:22px;font-weight:700;margin-bottom:20px;color:#111}.settings-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px #00000014;margin-bottom:20px}.settings-page input,.settings-page textarea{width:100%;padding:14px;border-radius:12px;border:1px solid #e5e5e5;font-size:15px;outline:none;transition:all .25s;background:#fafafa}.settings-page textarea{min-height:80px;resize:none}.settings-page input:focus,.settings-page textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f126}.settings-page h3{font-size:16px;margin:25px 0 10px;font-weight:600;color:#333}.settings-page input[type=file]{border:1px dashed #ccc;padding:14px;background:#fff;cursor:pointer}.cropper-wrapper{position:relative;width:100%;height:260px;border-radius:14px;overflow:hidden;margin-top:15px;background:#111}.settings-page button{width:100%;padding:16px;border:none;border-radius:14px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4338ca);transition:all .25s}.settings-page button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4338ca59}.settings-page hr{border:none;height:1px;background:#eee;margin:25px 0}@media(min-width:768px){.settings-page{padding:40px}.settings-card{padding:30px}.settings-page h2{font-size:26px}}@media(min-width:1024px){.settings-page{max-width:800px}.settings-page button{width:auto;padding:16px 40px}}