:root{--ink:#142039;--muted:#718099;--line:#e7ecf3;--blue:#2865ff;--surface:#fff;--soft:#f5f7fb;--ui-button-height:36px;--ui-button-font:12px}*{box-sizing:border-box}body{color:var(--ink);background:#f1f5fa;margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s;display:inline-flex}button:hover:not(:disabled){background:#edf2fc}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #2865ff}input,select,textarea{background:#fff;border:1px solid #dce3ed;border-radius:5px;outline:none;width:100%;padding:9px 10px}textarea{resize:vertical}input[type=color]{height:36px;padding:3px}input[type=range]{accent-color:var(--blue);padding:0}input[type=checkbox]{width:28px;height:16px;accent-color:var(--blue)}label{color:#61708b;font-size:12px;line-height:1.6;display:block}label>input,label>select,label>textarea{color:var(--ink);margin-top:4px;font-size:13px}h2,h3,p{margin:0}h2{letter-spacing:-.6px;font-size:17px}h3{margin:0 0 16px;font-size:13px;font-weight:600}svg{flex-shrink:0}.outline{white-space:nowrap;background:#fff;border:1px solid #dce3ed;padding:10px 13px;font-weight:500}.primary{background:var(--blue);color:#fff;white-space:nowrap;padding:11px 15px;box-shadow:0 3px 7px #2865ff20}.primary:hover:not(:disabled){background:#174ee0}.help{color:#8896aa;font-size:12px;line-height:1.8}.toast{color:#fff;z-index:100;background:#142039;border-radius:9px;align-items:center;gap:25px;max-width:90vw;padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #14203930}.toast button{color:#fff}:is(.workspace,.invitation-data-page) button:not(.artboard button):is(.outline,.primary),:is(.modal,.panel,.preview-bar) button:not(.artboard button):is(.outline,.primary),:is(.import-export,.element-actions,.data-card-heading)>button,button.data-add,:is(.property-section,.data-card) .fields>button:not(.artboard button),.audio-preview button:not(.artboard button),.widget-settings>button,.site-settings-modal>button.primary{min-height:var(--ui-button-height);height:var(--ui-button-height);box-sizing:border-box;color:#142039;font-family:Inter,Arial,sans-serif;font-size:var(--ui-button-font);box-shadow:none;white-space:nowrap;background:#fff;border:1px solid #dce3ed;border-radius:6px;gap:8px;padding:0 12px;font-weight:500;line-height:1.2}:is(.workspace,.invitation-data-page,.modal,.panel,.preview-bar) button:not(.artboard button):is(.outline,.primary):hover:not(:disabled),:is(.import-export,.element-actions)>button:hover:not(:disabled),.widget-settings>button:hover:not(:disabled){background:#edf2fc;border-color:#b9cae9}:is(.workspace,.invitation-data-page,.modal,.panel) button.primary[aria-pressed=true]{color:#2865ff;background:#edf3ff;border-color:#90adf5}
@font-face{font-family:Premium Cormorant;src:url(/assets/premium-02/cormorant.woff2)format("woff2");font-display:swap}@font-face{font-family:Premium Modern;src:url(/assets/premium-02/modern.woff2)format("woff2");font-display:swap}@font-face{font-family:Premium Script;src:url(/assets/premium-02/script.woff2)format("woff2");font-display:swap}@font-face{font-family:Autography;src:url(/assets/khusnul-sudin/Autography.otf)format("opentype");font-display:swap}@font-face{font-family:Kiano;src:url(/assets/khusnul-sudin/Kiano.ttf)format("truetype");font-display:swap}
.login-page{color:#1e293b;background:#fff;min-height:100dvh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}.login-hero{background:linear-gradient(145deg,#fbf9f5 0%,#f5efe6 100%);border-right:1px solid #ede8df;flex-direction:column;flex:1.1;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.login-hero-header{z-index:2;position:relative}.login-hero-logo{object-fit:contain;width:auto;height:38px;display:block}.login-hero-content{z-index:2;max-width:480px;margin:32px 0 24px;position:relative}.login-hero-eyebrow{letter-spacing:2.2px;color:#78716c;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.login-hero-title{color:#0f172a;letter-spacing:-.8px;margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.18}.login-hero-desc{color:#64748b;margin:0 0 20px;font-size:15px;line-height:1.65}.login-hero-accent{background:#f59e0b;border-radius:99px;width:46px;height:3.5px}.login-showcase-wrapper{z-index:2;justify-content:center;align-items:center;margin:auto 0;padding:10px 0;display:flex;position:relative}.login-showcase-frame{aspect-ratio:4/3;background:#fff;border-radius:18px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 20px 45px -12px #2c221429,0 0 0 1px #e6dccdb3}.login-showcase-frame img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.login-showcase-frame:hover img{transform:scale(1.025)}.login-slider-dots{z-index:2;align-items:center;gap:8px;margin-top:24px;display:flex;position:relative}.login-dot{cursor:pointer;background:#d6d3d1;border:0;border-radius:99px;width:8px;height:8px;padding:0;transition:all .25s}.login-dot.active{background:#f59e0b;width:28px}.login-form-side{background:#fff;flex-direction:column;flex:.95;justify-content:space-between;align-items:center;padding:40px 32px;display:flex;overflow-y:auto}.login-box{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:auto 0;display:flex}.login-brand-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-form-logo{object-fit:contain;width:auto;height:48px;margin-bottom:18px}.login-title{color:#0f172a;letter-spacing:-.4px;margin:0 0 6px;font-size:24px;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:28px 24px;box-shadow:0 4px 20px -2px #0f172a0a}.login-form{flex-direction:column;gap:18px;width:100%;display:flex}.login-field{flex-direction:column;gap:6px;width:100%;display:flex}.login-field-label{color:#334155;margin:0;font-size:12.5px;font-weight:600}.login-input-wrap{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.login-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:44px;padding:0 42px;font-size:13.5px;transition:all .18s}.login-input::placeholder{color:#94a3b8}.login-input:hover{border-color:#94a3b8}.login-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.login-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-eye-btn:hover{color:#334155;background:#f1f5f9}.login-eye-btn:focus-visible{outline-offset:1px;outline:2px solid #f59e0b}.login-options-row{justify-content:space-between;align-items:center;gap:10px;margin-top:-2px;font-size:12.5px;display:flex}.login-remember{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-weight:500;display:inline-flex}.login-remember input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;border-radius:4px;width:17px;height:17px;margin:0}.login-forgot-link{color:#d97706;font-weight:600;text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:#b45309;text-decoration:underline}.login-submit-btn{color:#fff;letter-spacing:.1px;cursor:pointer;background:#f59e0b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 14px #f59e0b4d}.login-submit-btn:hover:not(:disabled){background:linear-gradient(#f59e0b 0%,#d97706 100%);transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b66}.login-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.login-footer-copy{color:#94a3b8;text-align:center;margin-top:32px;font-size:12px}@media (max-width:991px){.login-page{flex-direction:column}.login-hero{border-bottom:1px solid #ede8df;border-right:0;flex:none;padding:32px 24px}.login-hero-title{font-size:28px}.login-showcase-wrapper{display:none}.login-form-side{flex:1;padding:36px 20px 24px}}@media (max-width:480px){.login-card{border-radius:12px;padding:22px 18px}.login-title{font-size:21px}.login-hero{padding:24px 18px}.login-hero-title{font-size:24px}.login-options-row{flex-direction:column;align-items:flex-start;gap:12px}.login-forgot-link{align-self:flex-end}}
.workspace{flex-direction:column;gap:12px;height:100vh;min-height:650px;padding:12px;display:flex}.topbar{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:24px;min-height:62px;padding:0 20px;display:flex;box-shadow:0 2px 5px #23365403}.workspace .topbar{white-space:nowrap;scrollbar-width:thin;justify-content:flex-start;align-items:center;gap:10px;height:auto;min-height:58px;padding:10px 14px;display:flex;overflow:auto hidden;flex-wrap:nowrap!important}.workspace .topbar>*,.workspace .topbar .actions>*{flex-shrink:0}.brand{white-space:nowrap;align-items:center;gap:13px;display:flex}.workspace .topbar .brand{gap:7px;margin-right:4px}.brand>svg{color:#7060ff;stroke-width:2.4px}.brand strong{letter-spacing:-.5px;font-size:17px}.workspace .topbar .brand strong{letter-spacing:-.5px;font-size:19px;font-weight:700;display:block!important}.workspace .topbar .brand>svg{width:25px;height:25px}.slash{color:#d4dce7;margin:0 4px;font-size:25px}.workspace .topbar .brand .slash,.workspace .topbar .brand .route{display:none}.route{color:#62718a;font-size:14px}.topbar-dashboard-link{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;height:32px;margin-right:6px;padding:0 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex!important}.topbar-dashboard-link:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.workspace .topbar .actions button.topbar-logout-btn{background:#fff5f5;transition:all .15s;color:#dc2626!important;border-color:#fca5a5!important}.workspace .topbar .actions button.topbar-logout-btn:hover{color:#b91c1c!important;background:#fee2e2!important;border-color:#ef4444!important}.history{gap:3px;margin-left:auto;display:flex}.history button,.devices button{background:#f6f8fc;width:34px;height:34px}.devices{gap:5px;display:flex}.devices .active{color:var(--blue);outline:1px solid var(--blue);background:#edf3ff;box-shadow:0 0 0 3px #2865ff09}.actions{align-items:center;gap:9px;margin-left:auto;display:flex}.workspace .actions{gap:8px}.workspace .topbar .actions{flex-direction:row;gap:6px;max-width:none;margin-left:auto;display:flex;flex-wrap:nowrap!important}.workspace .topbar .history,.workspace .topbar .devices,.workspace .topbar .journey-modes{flex-wrap:nowrap;gap:3px;display:flex}.workspace .topbar button{white-space:nowrap;height:32px;min-height:32px;padding:0 9px;font-size:11px}.workspace .topbar .history button,.workspace .topbar .devices button{justify-content:center;align-items:center;width:32px;padding:0;display:flex}.workspace .topbar .save-status{margin:0 4px;font-size:10px}.workspace .topbar .actions button{align-items:center;gap:5px;display:inline-flex}.save-status{color:#6b7890;white-space:nowrap;align-items:center;gap:6px;margin-right:7px;font-size:11px;display:flex}.save-status svg{color:#fff;background:#259b70;border-radius:50%;padding:2px}.editor-grid{flex:1;grid-template-columns:218px 223px minmax(300px,1fr) 292px;gap:10px;min-height:0;display:grid}.editor-grid.unified-editor-grid{grid-template-columns:260px minmax(280px,1fr) 320px}.unified-navigation{flex-direction:column;min-height:0;overflow:hidden;padding:0!important;display:flex!important}.navigation-tabs{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:4px;padding:10px 8px;display:flex}.navigation-tabs button{color:#64748b;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:8px 4px;font-size:12px}.navigation-tabs button[aria-selected=true]{color:#2454da;background:#eaf1ff;border-color:#adc3ff;font-weight:600}.navigation-content{flex:1;min-height:0;padding:12px;overflow:auto}.navigation-content[hidden]{display:none!important}.navigation-content .layer-navigation{border:0;margin:0;padding:0}.navigation-content .tip{margin-top:20px}.navigation-content .import-export{margin-top:16px}.panel{border:1px solid var(--line);scrollbar-width:thin;background:linear-gradient(140deg,#fff,#fdfefe);border-radius:9px;overflow:auto}.panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;height:55px;padding:0 17px;display:flex}.elements-panel{flex-direction:column;padding-bottom:14px;display:flex}.search{color:#8490a4;background:#f7f9fc;border:1px solid #edf1f6;border-radius:6px;align-items:center;gap:8px;margin:0 15px 12px;padding:0 8px;display:flex}.search input{background:0 0;border:0;padding:8px 0;font-size:12px}.tabs{background:#f4f6fa;border-radius:20px;margin:0 13px 14px;padding:3px;display:flex}.tabs button{color:#67758d;border-radius:20px;flex:1;padding:7px 8px;font-size:10px}.tabs .active{color:var(--blue);background:#e5eeff}.palette{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px;display:grid}.palette-item{background:linear-gradient(140deg,#fff,#fafbfd);border:1px solid #e4eaf2;flex-direction:column;gap:10px;min-height:84px;font-size:12px;position:relative}.workspace .palette-item{gap:7px;min-height:70px;padding:10px 5px;font-size:11px;line-height:1.3}.workspace .palette-item>svg{width:21px;height:21px}.workspace .palette-item>small{margin-top:-3px;font-size:8px}.palette-item svg{stroke-width:1.7px}.palette-item small{color:#718099;margin-top:-6px;font-size:9px}.palette-item:disabled{opacity:.48}.import-export{flex-direction:column;gap:3px;margin-top:4px;padding:17px 15px;display:flex}.import-export button{color:#687892;justify-content:flex-start;padding:8px;font-size:12px}.tip{text-align:center;color:#243983;background:linear-gradient(130deg,#eeeaff,#eef0ff);border-radius:9px;margin:auto 14px 0;padding:22px 10px}.tip svg{color:#9066ff;margin-bottom:10px}.tip strong{font-size:12px;display:block}.tip p{color:#7580a8;margin:9px 0 17px;font-size:12px;line-height:1.8}.tip span{letter-spacing:1.4px;color:#9598bd;font-size:8px}.pages-panel{flex-direction:column;display:flex}.square{padding:5px}.page-list{padding:0 12px 13px}.page-row{cursor:grab;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;margin:2px 0;padding:5px 6px;display:flex}.page-row.active{background:#edf3ff;border-color:#6992ff}.page-row>button{flex:1;justify-content:flex-start;gap:11px;min-width:0;font-size:12px;display:flex}.page-row>svg{color:#78849a}.page-number{color:#6b7a93;font-size:11px}.page-row .page-drag-handle{color:#7285a2;cursor:grab;touch-action:none;flex:0 0 24px;width:24px;min-width:0;padding:5px 2px}.page-row .page-select{cursor:grab;min-width:0}.page-row>.page-select{-webkit-user-select:none;user-select:none;border-radius:6px;flex:1;justify-content:flex-start;align-items:center;gap:11px;min-width:0;padding:8px;font-size:12px;display:flex}.page-row>.page-select:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.page-select .thumbnail{pointer-events:none}.page-select>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sortable-page{touch-action:none;will-change:transform;cursor:grab}.sortable-page:active{cursor:grabbing}.page-drag-overlay{cursor:grabbing;pointer-events:none;box-sizing:border-box;background:#edf3ff;border:1px solid #6691ff;border-radius:8px;gap:10px;margin:0;padding:6px 12px;display:flex;box-shadow:0 12px 30px #17345e33}.page-drag-overlay .drag-page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.is-dragging{outline:1px dashed #a7bce2}.thumbnail{pointer-events:none;background:#f8eee3;border:1px solid #e7ded2;border-radius:4px;flex-shrink:0;width:34px;height:51px;overflow:hidden}.thumbnail>div{transform-origin:0 0}.thumbnail a{pointer-events:none}.layer-header{border-top:1px solid var(--line);align-items:center;gap:10px;margin:0 14px;padding:17px 3px 12px;display:flex}.layer-header h2{letter-spacing:-.2px;font-size:14px}.layer-header span{color:#8c97a9;margin-left:auto;font-size:11px}.layer-list{padding:0 8px}.layer-row{border-radius:6px;align-items:center;gap:1px;padding:4px;display:flex}.layer-row.active{color:#235edb;background:#e8f0ff}.layer-name{flex:1;justify-content:flex-start;gap:9px;min-width:0;padding:8px 4px;font-size:11px}.layer-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-name .layer-title{text-align:left;flex:1}.layer-anim-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.layer-auto-anim-wrap{flex-direction:column;gap:6px;margin:6px 12px 10px;display:flex}.layer-auto-anim-actions{align-items:center;gap:5px;display:flex}.auto-anim-btn.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #1d4ed8;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 3px #2563eb33}.auto-anim-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-.5px);box-shadow:0 2px 6px #2563eb4d}.auto-anim-btn.primary:disabled{opacity:.5;cursor:not-allowed}.auto-anim-toggle-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;gap:2px;width:32px;height:32px;transition:all .15s;display:flex}.auto-anim-toggle-btn:hover,.auto-anim-toggle-btn.active{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.layer-auto-anim-settings{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:10px;font-size:11px;display:flex}.auto-anim-field-row{flex-direction:column;gap:4px;display:flex}.auto-anim-field-row label{color:#475569;font-size:11px;font-weight:600}.auto-anim-field-row select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;height:28px;padding:2px 6px;font-size:11px}.auto-anim-field-row select:focus{border-color:#3b82f6}.auto-anim-footer-actions{gap:6px;margin-top:4px;display:flex}.auto-anim-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;height:28px;font-size:11px;transition:all .15s;display:flex}.auto-anim-reset-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.auto-anim-apply-small-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:4px;flex:1.2;justify-content:center;align-items:center;gap:4px;height:28px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.auto-anim-apply-small-btn:hover{background:#1d4ed8}.layer-row>button:not(.layer-name){color:#7888a1;padding:3px}.sortable-layer{touch-action:none;will-change:transform}.sortable-layer .layer-name,.layer-drag-handle{cursor:grab;touch-action:none}.layer-drag-handle{color:#7285a2;flex:0 0 20px;padding:2px}.layer-drag-overlay{box-sizing:border-box;pointer-events:none;z-index:9999;background:#edf3ff;border:1px solid #6691ff;border-radius:8px;gap:8px;padding:8px;display:flex;box-shadow:0 12px 30px #17345e33}.layer-drag-overlay span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-bottom{margin-top:auto;padding:18px 14px}.page-bottom>span{color:#94a0b3;margin-bottom:12px;font-size:10px;display:block}.page-bottom button{color:#65768d;font-size:12px}.page-navigation{flex-shrink:0}.layer-navigation{flex-direction:column;flex:1;min-height:0;display:flex}.horizontal-pages{border-bottom:1px solid var(--line);background:#f9fbfd;flex-shrink:0;min-width:0}.horizontal-pages .page-navigation{align-items:center;min-width:0;display:flex}.horizontal-pages .panel-heading{gap:10px;height:auto;padding:8px 12px}.horizontal-pages .panel-heading h2{font-size:13px}.horizontal-pages .page-list{scrollbar-width:thin;flex:1;gap:8px;min-width:0;padding:8px 10px;display:flex;overflow-x:auto}.horizontal-pages .page-row{flex:0 0 145px;margin:0}.horizontal-pages .page-row>button{min-width:0}.horizontal-pages .page-row>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.horizontal-pages .thumbnail{width:30px;height:44px}.data-panel{flex-direction:column;display:flex}.data-intro{color:var(--muted);padding:0 16px 16px;font-size:12px;line-height:1.7}.data-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:0 14px 14px;display:grid}.data-tabs button{background:#f5f7fb;padding:9px 6px;font-size:12px}.data-tabs button.active{color:var(--blue);background:#e9f0ff}.data-content{padding:0 14px 18px}.data-card{border:1px solid var(--line);border-radius:9px;margin-bottom:12px;padding:14px}.data-card h3{margin-bottom:12px;font-size:14px}.data-card label+label{margin-top:12px}.data-card-heading{justify-content:space-between;align-items:baseline;display:flex}.data-card-heading button{color:#9e6470}.data-note,.data-empty{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.7}.data-add{width:100%}.data-link{color:var(--blue);margin-top:12px;font-size:12px}.data-panel-footer{color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding:14px;font-size:10px}.data-error{color:#bc3549;font-size:11px;display:block}.workspace .data-panel>.panel-heading,.workspace .data-panel>.data-intro,.workspace .data-panel>.data-content,.workspace .data-panel>.data-panel-footer{flex-shrink:0}.workspace .data-panel>.data-tabs.invitation-five-tabs{background:#f1f5f9;border:1px solid #e8edf4;border-radius:10px;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:3px;min-height:64px;margin:0 14px 18px;padding:4px;display:grid;overflow:visible}.workspace .data-panel>.data-tabs.invitation-five-tabs button{color:#708099;letter-spacing:0;height:54px;min-height:54px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 1px;font-size:10px;font-weight:500;line-height:1.2;transition:background .16s,color .16s,box-shadow .16s;display:flex;position:relative}.workspace .data-panel>.data-tabs.invitation-five-tabs button svg{stroke-width:1.7px;flex-shrink:0;width:17px;height:17px}.workspace .data-panel>.data-tabs.invitation-five-tabs button:hover{color:#334b6c;background:#e7edf5}.workspace .data-panel>.data-tabs.invitation-five-tabs button.active{color:#2865ff;background:#fff;border-color:#dbe6fa;font-weight:600;box-shadow:0 2px 5px #29446b10}.workspace .data-panel>.data-tabs.invitation-five-tabs button:focus-visible{outline-offset:1px;outline:2px solid #7da4ff}.workspace .data-panel>.data-intro{padding-bottom:12px;font-size:11px;line-height:1.6}.invitation-data-page{color:#172b4d;background:#f5f7fb;min-height:100vh;overflow-x:hidden}.data-page-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;top:0}.data-page-header button{align-items:center;gap:8px;display:flex}.data-page-brand{align-items:center;gap:10px;font-weight:700;display:flex}.data-page-brand svg{color:#7260df}.data-page-body{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.data-page-intro{margin-bottom:28px}.data-page-intro>span{letter-spacing:2px;color:#7b69cf;font-size:11px;font-weight:700}.data-page-intro h1{margin:10px 0;font-size:30px}.data-page-intro p,.data-page-intro small{color:#64748b;line-height:1.6}.invitation-data-page .data-panel{box-shadow:none;background:0 0;border:0;grid-template-columns:190px minmax(0,1fr);gap:24px;display:grid;overflow:visible}.invitation-data-page .data-panel>.panel-heading,.invitation-data-page .data-intro,.invitation-data-page .data-panel-footer{display:none}.invitation-data-page .data-panel.data-panel-no-tabs,.data-panel.data-panel-no-tabs,.data-panel-no-tabs{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;grid-template-columns:minmax(0,1fr)!important;margin:0!important;padding:0!important;display:block!important}.invitation-data-page .data-panel.data-panel-no-tabs>.data-content,.data-panel.data-panel-no-tabs>.data-content,.data-panel-no-tabs>.data-content{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%!important;display:grid!important}@media (max-width:768px){.invitation-data-page .data-panel.data-panel-no-tabs>.data-content,.data-panel.data-panel-no-tabs>.data-content,.data-panel-no-tabs>.data-content{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}}.invitation-data-page .data-tabs{flex-direction:column;align-self:start;gap:3px;margin:0;display:flex;position:sticky;top:100px}.invitation-data-page .data-tabs button{color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:flex-start;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .12s}.invitation-data-page .data-tabs button:hover{color:#0f172a;background:#f1f5f9}.invitation-data-page .data-tabs button.active{color:#ea580c;background:#fff;border-color:#fed7aa;font-weight:600;box-shadow:0 1px 2px #ea580c14}.invitation-data-page .data-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0;padding:0;display:grid}.invitation-data-page .data-card{background:#fff;border-radius:14px;min-width:0;margin:0;padding:22px}.invitation-data-page .data-card h3{margin-bottom:20px;font-size:16px}.invitation-data-page .data-card label{color:#52627c;font-size:13px;display:block}.invitation-data-page input,.invitation-data-page textarea,.invitation-data-page select{box-sizing:border-box;width:100%;min-width:0}.invitation-data-page input[type=checkbox]{width:16px}.invitation-data-page .data-content>button,.invitation-data-page .data-content>p{grid-column:1/-1}.invitation-data-page .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-order{background:#fff;border:1px solid #e2e8f0;border-radius:9px;grid-column:1/-1;margin-bottom:12px;padding:14px}.partner-order label{font-size:13px;display:block}.music-data-picker{flex-direction:column;gap:10px;min-width:0;margin:12px 0;display:flex}.music-data-picker audio{width:100%;max-width:100%}.music-file-name{overflow-wrap:anywhere}.invitation-data-page .data-card .fields{min-width:0}@media (min-width:1550px){.editor-grid{grid-template-columns:265px 250px minmax(340px,1fr) 330px}.palette-item{min-height:96px}.brand strong{font-size:19px}.topbar{height:68px}.layer-name{font-size:12px}.page-row>button{font-size:13px}.thumbnail{width:38px;height:58px}.tabs button{font-size:11px}}@media (max-width:1250px){.route,.slash,.save-status{display:none}.topbar{gap:14px;padding:0 14px}.editor-grid{grid-template-columns:175px 190px minmax(280px,1fr) 255px}.tabs button{padding:6px 4px;font-size:9px}.palette{gap:7px;padding:0 10px}.brand strong{font-size:14px}}@media (max-width:1100px){.topbar{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.workspace .actions{flex-wrap:wrap;max-width:100%}.editor-grid.unified-editor-grid{grid-template-columns:220px minmax(240px,1fr) 280px}}@media not (min-width:1000px){.workspace{min-width:780px}.elements-panel{display:flex}.elements-panel>.tip{display:none}.elements-panel>.layer-navigation{flex:none;margin-top:10px}.elements-panel>.import-export{padding-bottom:0}.topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.topbar .actions{flex-wrap:wrap;gap:5px}.topbar .actions button{padding:9px;font-size:11px}.editor-grid{grid-template-columns:185px minmax(280px,1fr) 245px}.brand strong{font-size:12px}.devices button,.history button{width:28px}.history{gap:0}.pages-panel{min-height:0}}@media (max-width:850px){.invitation-data-page .data-panel{gap:16px;grid-template-columns:minmax(0,1fr)!important}.invitation-data-page .data-tabs{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-bottom:14px;padding:8px;display:grid;position:static}.invitation-data-page .data-tabs button{color:#475569;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.invitation-data-page .data-tabs button.active{color:#ea580c;background:#fff;border-color:#ea580c;font-weight:600;box-shadow:0 1px 2px #ea580c14}.invitation-data-page .data-tabs button:last-child:nth-child(odd){grid-column:span 2}.invitation-data-page .data-content{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:760px){.editor-grid.unified-editor-grid{grid-template-columns:190px minmax(220px,1fr) 260px;min-width:700px;overflow:auto}}@media (max-width:600px){.data-page-header{padding:12px 14px}.data-page-brand{font-size:13px}.data-page-body{padding:16px 14px 100px}.invitation-data-page .data-panel{gap:14px;grid-template-columns:minmax(0,1fr)!important}.data-page-intro h1{font-size:22px}}@media (max-width:400px){.data-page-header{gap:6px}.data-page-brand svg{display:none}.data-page-header button{padding:8px;font-size:12px}.invitation-data-page .data-card{padding:14px}.invitation-data-page .fields{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sortable-page,.sortable-layer,.workspace .data-panel>.data-tabs.invitation-five-tabs button{transition:none!important}}.workspace,.workspace *{scrollbar-width:thin;scrollbar-color:#cbd2dc transparent}@supports selector(::-webkit-scrollbar){.workspace,.workspace *{scrollbar-width:auto;scrollbar-color:auto}.workspace::-webkit-scrollbar{width:5px;height:5px}.workspace ::-webkit-scrollbar{width:5px;height:5px}.workspace::-webkit-scrollbar-track{background:0 0}.workspace ::-webkit-scrollbar-track{background:0 0}.workspace::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:999px}.workspace ::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:999px}.workspace::-webkit-scrollbar-thumb:hover{background:#a8b3c2}.workspace ::-webkit-scrollbar-thumb:hover{background:#a8b3c2}.workspace::-webkit-scrollbar-button{width:0;height:0;display:none}.workspace ::-webkit-scrollbar-button{width:0;height:0;display:none}.workspace::-webkit-scrollbar-corner{background:0 0}.workspace ::-webkit-scrollbar-corner{background:0 0}}.workspace .topbar{scrollbar-color:#d0d6df transparent}@supports selector(::-webkit-scrollbar){.workspace .topbar{scrollbar-width:auto;scrollbar-color:auto}.workspace .topbar::-webkit-scrollbar{height:4px}.workspace .topbar::-webkit-scrollbar-track{background:0 0}.workspace .topbar::-webkit-scrollbar-thumb{background:#d0d6df;border-radius:999px}.workspace .topbar::-webkit-scrollbar-thumb:hover{background:#a8b3c2}.workspace .topbar::-webkit-scrollbar-button{width:0;height:0;display:none}}:is(html:has(.workspace),body:has(.workspace)){overscroll-behavior:none!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}.workspace{box-sizing:border-box;width:100%;max-width:100vw;height:100dvh;min-height:0;max-height:100dvh;position:relative;overflow:hidden}.workspace>.topbar,.workspace>header{flex-shrink:0}.workspace .editor-grid{min-height:0;overflow:hidden}
.canvas-panel{background:#e8eef3;border:1px solid #e6edf5;border-radius:9px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.canvas-toolbar{background:#f9fbfddd;border-bottom:1px solid #e6edf5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 17px;font-size:11px;display:flex}.canvas-toolbar-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.canvas-toolbar-left>span{align-items:center;gap:6px;display:flex}.canvas-device-badge{color:#334155;cursor:default;font-weight:500}.canvas-toolbar-divider{background:#cbd5e1;width:1px;height:16px}.canvas-page-badge{color:#1e293b;font-size:11px;font-weight:500}.canvas-toolbar-center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.canvas-shortcuts{color:#64748b;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:11px;overflow:hidden}.canvas-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.muted{color:#93a0b3}@media (max-width:950px){.canvas-shortcuts{display:none}}.zoom{background:#fff;border:1px solid #e2e8f1;border-radius:5px;align-items:center;display:flex}.zoom>span{padding:0 10px}.zoom button{border-radius:0;padding:6px}.zoom button:last-child{margin-left:9px}.canvas-area{touch-action:none;background:radial-gradient(at 50% 35%,#f1f4f6 0%,#e7edf2 80%);flex:1;justify-content:center;align-items:flex-start;padding:25px 24px;display:flex;overflow:auto}.artboard-frame{border-radius:20px;flex-shrink:0;margin:auto;position:relative;box-shadow:0 15px 35px #27374626,0 0 0 6px #ffffff94}.artboard{flex-shrink:0;position:relative;overflow:hidden}.artboard-frame .artboard{border-radius:18px}.floral{background-image:url(/assets/floral-background.png);background-repeat:no-repeat;background-size:100% 100%}.inv-element{box-sizing:border-box;-webkit-user-select:none;user-select:none}.inv-element[style*=cursive]{font-family:Great Vibes,cursive!important}.editable{cursor:move;touch-action:none;will-change:left, top, transform}.editable.locked{cursor:default}.selected{outline:1.5px solid #3675ff}.handle{z-index:2;touch-action:none;background:#fff;border:1.5px solid #3675ff;border-radius:50%;width:14px;height:14px;padding:0;position:absolute}.tl{cursor:nwse-resize;top:-5px;left:-5px}.tr{cursor:nesw-resize;top:-5px;right:-5px}.bl{cursor:nesw-resize;bottom:-5px;left:-5px}.br{cursor:nwse-resize;bottom:-5px;right:-5px}.rotate-handle{color:#2865ff;cursor:grab;touch-action:none;background:#fff;border:1px solid #3675ff;border-radius:50%;width:28px;height:28px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.anchor-handle{z-index:4;background:#fff;border:1px solid #2865ff;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;transform:translate(-50%,-50%)}.anchor-handle.active{background:#2865ff;box-shadow:0 0 0 3px #ffffffa0}.round-corner-handle{z-index:3;cursor:nwse-resize;touch-action:none;background:#fff;border:1.5px solid #3675ff;border-radius:50%;width:10px;height:10px;padding:0;position:absolute}.round-tl{top:12px;left:12px}.round-tr{cursor:nesw-resize;top:12px;right:12px}.round-br{bottom:12px;right:12px}.round-bl{cursor:nesw-resize;bottom:12px;left:12px}.corner-selector{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.corner-selector button{border:1px solid #dce4f0;border-radius:6px;padding:5px 9px}.corner-selector button[aria-pressed=true]{color:#2563eb;background:#e8efff;border-color:#6691ff}.element-menu{z-index:120;border:1px solid var(--line);background:#fff;border-radius:9px;width:270px;max-width:calc(100vw - 16px);padding:6px;position:fixed;box-shadow:0 8px 30px #14203930}.element-menu button{justify-content:space-between;width:100%;padding:10px;font-size:13px}.element-menu small{color:var(--muted);font-size:10px}.menu-section-label{color:#7285a2;border-top:1px solid #e4eaf2;margin-top:4px;padding:7px 10px 3px;font-size:11px}.selection-toolbar{background:#f8faff;border-bottom:1px solid #e4eaf2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.selection-toolbar>span{color:#52647c;white-space:nowrap;font-size:12px}.selection-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.selection-toolbar button{white-space:nowrap;background:#fff;border:1px solid #dce4f0;border-radius:6px;padding:6px 10px;font-size:12px}.arrange-toolbar{border-bottom:1px solid #e4eaf2;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px;padding:10px 0;display:grid}.arrange-toolbar button{justify-content:center;align-items:center;min-width:0;display:flex;height:30px!important;min-height:30px!important;padding:5px!important}.arrange-toolbar button:disabled{opacity:.35}.canvas-footer{color:#78869d;background:#f4f7fa;border-top:1px solid #e2e9f0;justify-content:space-between;align-items:center;padding:11px 15px;font-size:9px;display:flex}.sticky-audio-dock{z-index:110;pointer-events:none;box-sizing:border-box;flex-direction:column;align-items:flex-end;gap:10px;max-height:calc(100% - 100px);padding:0 14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.sticky-audio-item{pointer-events:auto;flex-shrink:0;max-width:100%}.sticky-audio-position-layer{z-index:110;pointer-events:none;position:absolute;inset:93px 0 0;overflow:hidden}.sticky-audio-position-layer .artboard{pointer-events:none}@media (hover:hover) and (pointer:fine){.inv-element[data-hover-effect=zoomIn]>.element-visual>.element-content{transition:scale .22s ease-out;scale:1}.inv-element[data-hover-effect=zoomIn]:hover>.element-visual>.element-content{scale:1.05}}@media (prefers-reduced-motion:reduce){.inv-element[data-hover-effect=zoomIn]>.element-visual>.element-content{transition:none!important;scale:1!important}}.artboard .selected{outline-offset:0;outline:1px solid #5268ed}.artboard .handle{box-sizing:border-box;background:#fff;border:1px solid #5268ed;border-radius:2px;width:10px;min-width:0;height:10px;min-height:0;padding:0;transition:background .12s,box-shadow .12s;box-shadow:0 1px 3px #24337524}.artboard .handle:after{content:"";position:absolute;inset:-6px}.artboard .handle:hover,.artboard .handle:focus-visible{background:#5268ed;box-shadow:0 0 0 3px #5268ed20}.artboard .round-corner-handle{box-sizing:border-box;opacity:.25;width:8px;min-width:0;height:8px;min-height:0;box-shadow:none;background:#fff;border:1px solid #5268ed;border-radius:3px;transition:opacity .15s,background .15s}.artboard .round-corner-handle:after{content:"";position:absolute;inset:-4px}.artboard .selected:hover .round-corner-handle,.artboard .round-corner-handle:focus-visible{opacity:1}.artboard .round-corner-handle:hover{background:#5268ed}.artboard .rotate-handle{color:#5268ed;background:#fff;border:1px solid #dce1f0;border-radius:8px;place-items:center;width:26px;min-width:0;height:26px;min-height:0;padding:4px;display:grid;box-shadow:0 2px 8px #24337520}.artboard .anchor-handle{box-sizing:border-box;background:#fff;border:1px solid #5268ed;border-radius:2px;width:9px;min-width:0;height:9px;min-height:0}.artboard .anchor-handle.active{background:#5268ed;box-shadow:0 0 0 2px #fff}@media (hover:none){.artboard .round-corner-handle{opacity:1}}@media (prefers-reduced-motion:no-preference){.inv-element.entrance-pending{opacity:0}}@media (prefers-reduced-motion:reduce){.inv-element.entrance-pending{opacity:var(--entrance-final-opacity,1)!important}}.workspace .canvas-area{overscroll-behavior:contain;min-width:0;min-height:0}.workspace .artboard-frame{overflow-clip-margin:24px;overflow:clip}.workspace .canvas-panel{height:100%;min-height:0}.workspace .canvas-toolbar{flex-shrink:0}.workspace .canvas-area,.workspace .editor-grid{flex:1 1 0}
.properties-panel>.panel-heading{border-bottom:1px solid var(--line,#e2e8f0);justify-content:space-between;align-items:center;height:40px;min-height:40px;padding:0 12px;display:flex}.panel-heading-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.properties-panel>.panel-heading h2{white-space:nowrap;color:#0f172a;margin:0;font-size:14px;font-weight:700}.property-status-badge{color:#64748b;background:#e2e8f0;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.panel-heading-actions{align-items:center;gap:6px;display:flex}.properties-panel>.panel-heading button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:flex}.properties-panel>.panel-heading button:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.properties-panel>.panel-heading button:disabled{opacity:.35;cursor:not-allowed}.property-type{align-items:center;gap:7px;padding:8px 12px 2px;font-size:12px;display:flex}.property-type>svg{color:#475569;background:#f3f6fb;border-radius:4px;width:22px;height:22px;padding:3px}.property-type>span{color:#95a0b1;margin-left:auto;font-size:10px}.property-section{border-bottom:1px solid var(--line);margin:0 12px;padding:8px 0}.image-property-thumbnail{border:1px solid var(--line,#dce4ef);background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.image-property-thumbnail.clickable{cursor:pointer}.image-property-thumbnail.clickable:hover{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.image-property-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.image-property-filename{color:#64748b;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:72px;margin-top:5px;font-size:11px;font-weight:500;line-height:1.25;display:block;overflow:hidden}.property-section>label+label{margin-top:7px}.fields{grid-template-columns:1fr 1fr;gap:7px 8px;display:grid}.fields.three{grid-template-columns:repeat(3,1fr)}.fields input,.fields select{min-width:0;height:28px;padding:3px 6px;font-size:11.5px}.alignment{background:#f4f6fa;border-radius:5px;height:28px;margin-top:3px;display:flex}.alignment button{flex:1}.alignment .active{color:var(--blue);background:#e9f0ff;outline:1px solid #7da1ff}.range{align-items:center;gap:10px;display:flex}.range>span{border:1px solid var(--line);border-radius:4px;padding:4px;font-size:11px}.visibility{justify-content:space-between;gap:10px;display:flex}.visibility label{text-transform:capitalize;align-items:center;gap:3px;font-size:10px;display:flex}.element-actions{justify-content:space-between;gap:8px;padding:14px 16px;display:flex}.element-actions button{color:#6b7890;padding:7px;font-size:11px}.size-fields{margin-top:15px}.size-fields label{text-transform:capitalize}.check-label{align-items:center;gap:8px;display:flex}.position-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.position-size-grid>label{flex-direction:column;gap:5px;min-width:0;margin:0;font-size:12px;display:flex}.position-input-wrap{display:block;position:relative}.position-size-grid input{box-sizing:border-box;font-variant-numeric:tabular-nums;appearance:textfield;width:100%;min-width:0;height:36px;margin:0;padding:7px 28px 7px 10px;font-size:13px}.position-size-grid input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.position-size-grid input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.position-unit{color:#94a3b8;pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.aspect-lock-toggle{color:#64748b;background:#fff;border:1px solid #dce4ef;border-radius:6px;align-items:center;gap:6px;margin:0 0 12px;padding:5px 8px;font-size:12px;display:inline-flex}.aspect-lock-toggle[aria-pressed=true]{color:#2563eb;background:#edf3ff;border-color:#9bb8ff}.position-size-compact-section{padding:10px 0 12px}.position-size-compact-section h3{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:700}.compact-position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.pos-label{color:#475569;flex-direction:column;gap:4px;min-width:0;margin:0;font-size:12px;font-weight:500;display:flex}.compact-position-grid .position-input-wrap{width:100%;display:block;position:relative}.compact-position-grid input{box-sizing:border-box;font-variant-numeric:tabular-nums;color:#0f172a;appearance:textfield;background:#fff;border:1px solid #dce4ef;border-radius:6px;width:100%;height:34px;margin:0;padding:6px 26px 6px 10px;font-size:12.5px}.compact-position-grid input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compact-position-grid input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-position-grid .position-unit{color:#94a3b8;pointer-events:none;font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.compact-dim-field{flex-direction:column;gap:4px;min-width:0;display:flex}.compact-dim-labels{color:#475569;grid-template-columns:1fr 20px 1fr;gap:4px;font-size:12px;font-weight:500;display:grid}.compact-dim-spacer{display:block}.compact-dim-inputs{grid-template-columns:1fr 20px 1fr;align-items:center;gap:4px;display:grid}.compact-aspect-lock{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:20px;height:32px;padding:0;transition:all .15s;display:flex}.compact-aspect-lock:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.compact-aspect-lock[aria-pressed=true]{color:#2563eb;background:#edf3ff;border-color:#cbd5e1}.compact-aspect-lock:disabled{opacity:.35;cursor:not-allowed}.pos-empty-spacer{min-height:1px}.editor-arrange-wrapper{border-bottom:1px solid var(--line,#e2e8f0);margin:0 12px;padding:8px 0}.editor-arrange-wrapper .arrange-toolbar{border-bottom:none;gap:4px;margin-bottom:0;padding:0}.editor-arrange-wrapper .arrange-toolbar button{color:#475569;background:0 0;border:1px solid #0000;border-radius:6px;transition:all .15s;height:30px!important;min-height:30px!important}.editor-arrange-wrapper .arrange-toolbar button:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.editor-arrange-wrapper .arrange-toolbar button:disabled{opacity:.35;cursor:not-allowed}.property-section .overlap-page-toggle{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.overlap-page-toggle input{width:16px;height:16px;margin:0}.color-field{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.color-field input[type=color]{flex-shrink:0;width:40px;height:32px;margin:0}.color-value{font-family:monospace;font-size:11px}.color-field button{color:var(--blue);background:#edf3ff;border:1px solid #dce3ed;padding:5px 8px;font-size:11px}.color-field button:disabled{background:#f5f7fa}.rgba-color-field{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.rgba-palette-row{align-items:center;gap:8px;font-size:11px;display:flex}.rgba-palette-row input[type=color]{flex-shrink:0;width:36px;height:30px;padding:2px}.rgba-swatch{border:1px solid #dce4f0;border-radius:4px;width:24px;height:24px}.rgba-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.rgba-channels>span{flex-direction:column;gap:3px;min-width:0;display:flex}.rgba-channels small{color:#72829a;font-size:10px}.rgba-channels input{width:100%;min-width:0;padding:6px 3px;font-size:11px}.rgba-color-trigger{background:repeating-conic-gradient(#dce1e8 0% 25%,#fff 0% 50%) 0 0/10px 10px;border:1px solid #dce4f0;border-radius:5px;flex-shrink:0;width:36px;height:30px;display:inline-block;position:relative;overflow:hidden}.rgba-color-preview{pointer-events:none;position:absolute;inset:0}.rgba-palette-row .rgba-color-trigger input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.rgba-color-trigger:focus-within{outline-offset:2px;outline:2px solid #2865ff}.rgba-color-trigger[data-disabled=true]{opacity:.4}.rgba-color-trigger[data-disabled=true] input{cursor:not-allowed}.rgba-hex-input{box-sizing:border-box;text-transform:uppercase;color:#1e293b;background:#f8fafc;border:1px solid #dce4f0;border-radius:5px;width:82px;height:30px;margin:0;padding:4px 7px;font-family:monospace;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.rgba-hex-input:hover:not(:disabled){background:#fff;border-color:#94a3b8}.rgba-hex-input:focus{outline-offset:1px;background:#fff;border-color:#2563eb;outline:2px solid #93c5fd}.rgba-hex-input:disabled{opacity:.5;cursor:not-allowed}.rgba-palette-row .rgba-expand{min-width:0;height:auto;min-height:0;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;font-size:11px;display:flex}.rgba-expand small{color:#72829a;font-size:10px}.rgba-compact{gap:4px!important}.rgba-compact .rgba-palette-row{gap:5px}.rgba-compact .rgba-color-trigger{border-radius:4px;flex:0 0 22px;width:22px;height:22px}.rgba-compact .rgba-hex-input{max-width:74px;height:24px;min-height:24px;padding:0 6px;font-size:11px;font-weight:600}.rgba-compact .rgba-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.round-corner-control{grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:8px;margin-top:12px;display:grid}.round-corner-title{color:#64748b;grid-column:1/-1;font-size:13px}.round-corner-control .corner-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0;display:grid}.round-corner-control .corner-selector button{border-radius:5px;justify-content:center;align-items:center;min-width:0;height:32px;padding:0;display:flex}.round-corner-control .round-corner-value{margin:0;display:block;position:relative}.round-corner-control .round-corner-value input{box-sizing:border-box;appearance:textfield;width:100%;height:32px;margin:0;padding:5px 22px 5px 7px}.round-corner-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.round-corner-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.round-corner-value>span{color:#64748b;pointer-events:none;font-size:11px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.object-link-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s ease-in-out,opacity .18s ease-in-out;display:grid}.object-link-reveal.is-open{opacity:1;grid-template-rows:1fr}.object-link-reveal-inner{min-height:0;overflow:hidden}.object-link-fields{padding-top:10px}@media (prefers-reduced-motion:reduce){.object-link-reveal{transition:none}}.typography-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-weight:600;display:flex}.typography-toggle-label{color:inherit;align-items:center;gap:8px;font-weight:600;display:inline-flex}.typography-toggle .typography-icon{color:#2563eb;flex-shrink:0}.typography-toggle .typography-chevron{color:#64748b;flex-shrink:0;transition:transform .24s ease-in-out}.typography-disclosure .object-link-fields>label{margin-bottom:12px}@media (prefers-reduced-motion:reduce){.typography-toggle .typography-chevron{transition:none}}.text-property-section{padding-top:10px;padding-bottom:12px}.property-layer-name-label{color:#475569;flex-direction:column;gap:4px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.property-layer-name-label input{color:#0f172a;background:#fff;border:1px solid #dce4ef;border-radius:6px;height:36px;padding:6px 10px;font-size:13px}.object-link-section{margin:6px 0 10px}.object-link-checkbox-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;display:inline-flex}.object-link-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#2563eb;border:1.5px solid #cbd5e1;border-radius:4px;width:15px;height:15px;margin:0}.text-content-section{flex-direction:column;gap:6px;margin-top:10px;margin-bottom:4px;display:flex}.text-content-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.text-content-title-row{align-items:center;gap:6px;min-width:0;display:flex}.text-content-title{color:#0f172a;white-space:nowrap;font-size:12px;font-weight:600}.text-status-badge{-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:1.5px 6px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex}.text-status-badge.is-static{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.text-status-badge .static-dot{background:#94a3b8;border-radius:50%;width:5px;height:5px}.text-status-badge.is-dynamic{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.text-status-badge.is-dynamic svg{color:#059669}.dynamic-text-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;margin-top:4px;padding:6px 10px;display:flex}.dynamic-text-preview-header{color:#64748b;align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:flex}.dynamic-text-preview-header svg{color:#0284c7}.dynamic-text-preview-value{color:#0f172a;white-space:pre-wrap;word-break:break-word;font-size:12px;font-weight:600}.text-case-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2px 3px;display:inline-flex}.text-case-btn{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:20px;margin:0;padding:0;font-family:inherit;font-size:11px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.text-case-btn:hover:not(:disabled){color:#2563eb;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000d}.text-case-btn:active:not(:disabled){transform:scale(.95)}.text-case-btn:disabled{opacity:.35;cursor:not-allowed}.text-content-section select{color:#1e293b;background:#fff;border:1px solid #dce4ef;border-radius:6px;height:36px;padding:6px 10px;font-size:13px}.text-content-section textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #dce4ef;border-radius:6px;min-height:58px;padding:8px 10px;font-size:13px;line-height:1.4}.animated-text{white-space:pre-wrap;max-width:100%}.text-animation-settings label{font-size:12px}.text-animation-settings fieldset>label{gap:5px;margin-bottom:10px;display:grid}.animation-settings-compact h3{margin-bottom:7px;font-size:12px}.animation-settings-compact .animation-preset{margin:0;display:block}.animation-settings-compact select,.animation-settings-compact input[type=number]{min-width:0;height:34px;margin-top:3px;padding:6px 9px;font-size:12px}.animation-settings-compact .animation-simultaneous{align-items:center;gap:7px;margin:0 0 7px;font-size:11px;line-height:1.4;display:flex}.animation-settings-compact .animation-simultaneous input{flex-shrink:0;width:14px;height:14px;margin:0}.animation-settings-compact .fields{gap:8px}.animation-settings-compact .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background-images-settings{gap:12px;min-width:0;max-width:100%;display:grid}.background-images-settings h3{margin:0}.bg-section-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.bg-section-header label{color:#334155;font-size:13px;font-weight:600}.bg-drag-hint{color:#94a3b8;font-size:11px}.background-thumbnails,.background-images-settings .background-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;display:grid}.background-thumbnail,.background-images-settings .background-thumbnail{aspect-ratio:3/4;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#f1f5f9;border:1px solid #dce4ef;border-radius:8px;width:100%;min-width:0;height:auto;transition:transform .22s cubic-bezier(.2,0,0,1),border-color .16s,box-shadow .16s,opacity .16s;position:relative;overflow:hidden}.background-thumbnail:hover{border-color:#94a3b8;box-shadow:0 2px 6px #00000014}.background-thumbnail:active{cursor:grabbing}.background-thumbnail.is-placeholder{transform:scale(.95);opacity:.28!important;box-shadow:none!important;background:#eff6ff!important;border:1.5px dashed #3b82f6!important}.background-thumbnail.is-dragging-overlay{z-index:99999;border-radius:8px;overflow:hidden;transform:scale(1.08)rotate(1.5deg);cursor:grabbing!important;border:2px solid #3b82f6!important;box-shadow:0 14px 28px -4px #00000059,0 8px 14px -2px #3b82f640!important}.background-thumbnail img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.background-thumbnail-badge{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ab8;border-radius:4px;padding:2px 4.5px;font-size:9.5px;font-weight:600;line-height:1;position:absolute;bottom:3px;left:3px}.background-images-settings .background-thumbnail-delete,.background-thumbnail-delete{color:#ef4444;cursor:pointer;z-index:5;background:#ffffffeb;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;transition:all .15s;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0000002e}.background-images-settings .background-thumbnail-delete:hover,.background-thumbnail-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.1)}.gallery-thumbnail-replace{color:#2563eb;cursor:pointer;z-index:5;background:#ffffffeb;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;transition:all .15s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.gallery-thumbnail-replace:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.1)}.background-images-settings .background-thumbnail-add,.background-thumbnail-add{aspect-ratio:3/4;color:#64748b;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:auto;min-height:0;padding:4px;font-size:10.5px;font-weight:500;transition:all .15s;display:flex}.background-images-settings .background-thumbnail-add:hover,.background-images-settings .background-thumbnail-add.is-over,.background-thumbnail-add:hover,.background-thumbnail-add.is-over{color:#2563eb;background:#eff5ff;border-color:#3b82f6;transform:scale(1.02)}.background-images-settings .background-slideshow-toggle{align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.background-shared-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.background-shared-fields label{min-width:0;font-size:12px}.background-shared-fields input,.background-shared-fields select{box-sizing:border-box;width:100%;min-width:0;padding:7px;font-size:12px}.background-slide-settings{border:1px solid #e4eaf2;border-radius:6px;gap:8px;padding:8px;display:grid}.background-slide-settings button{min-width:24px;padding:4px}.compact-background-overlay .overlay-toggle{align-items:center;gap:8px;font-size:13px;display:flex}.overlay-settings-body{gap:10px;min-width:0;padding-top:10px;display:grid}.overlay-type{background:#f1f4f9;border-radius:6px;gap:3px;padding:3px;display:flex}.overlay-type button{background:0 0;border:0;flex:1;font-size:12px;height:28px!important;min-height:28px!important;padding:3px 8px!important}.overlay-type button.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #142c5515}.overlay-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overlay-color-cell{color:#72829a;flex-direction:column;gap:6px;min-width:0;font-size:11px;display:flex}.compact-background-overlay input[type=number]{box-sizing:border-box;width:100%;min-width:0;min-height:28px;font-size:12px;height:28px!important;padding:3px 5px!important}.compact-background-overlay .overlay-stop{justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.overlay-stop>span,.overlay-angle>span{align-items:center;gap:3px;max-width:65px;display:flex}.compact-background-overlay .overlay-angle{grid-template-columns:auto minmax(0,1fr) 65px;align-items:center;gap:8px;font-size:12px;display:grid}.overlay-angle input[type=range]{width:100%;min-width:0;margin:0;padding:0}.video-settings,.video-settings-compact{flex-direction:column;gap:8px;min-width:0;display:flex}.video-settings-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-settings-header label{color:#475569;margin:0;font-size:12px;font-weight:500}.video-delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:inline-flex}.video-delete-btn:hover{background:#fef2f2}.active-video-badge{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:7px 10px;font-size:12px;display:flex}.active-video-badge span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.video-input-group{flex-direction:column;gap:6px;display:flex}.video-browse-btn{justify-content:center;align-items:center;gap:7px;width:100%;height:32px;font-size:12px;display:flex;min-height:32px!important}.video-link-row{align-items:center;gap:6px;display:flex}.video-link-row input{border:1px solid #dce4ef;border-radius:6px;flex:1;min-width:0;height:32px;padding:5px 8px;font-size:12px}.video-apply-btn{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;min-height:32px!important;padding:0!important}.video-load-error{color:#9d4430;pointer-events:none;z-index:2;background:#fff3ed;padding:9px;font:12px Arial;position:absolute;top:12px;left:12px;right:12px}.page-identity-section{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.page-name-label{color:#475569;flex-direction:column;gap:5px;margin:0;font-size:12px;font-weight:500;display:flex}.page-name-label input{color:#1e293b;background:#fff;border:1px solid #dce4ef;border-radius:6px;height:34px;padding:6px 10px;font-size:13px;font-weight:500}.cover-setting-card{background:#f8faff;border:1px solid #dbeafe;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.cover-toggle-label{color:#1e40af;cursor:pointer;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.cover-toggle-label input[type=checkbox]{accent-color:#2563eb;width:15px;height:15px;margin:0}.cover-options-compact{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;padding-top:6px;display:flex}.cover-transition-row{color:#475569;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.cover-transition-row select{background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex:1;height:30px;padding:4px 8px;font-size:12px}.cover-hint-text{color:#64748b;font-size:11px;line-height:1.4}.cover-hint-text code{color:#0f172a;background:#e2e8f0;border-radius:3px;padding:1px 4px;font-family:monospace;font-weight:600}.page-size-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.size-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 5px;display:flex}.size-axis-badge{color:#475569;background:#e2e8f0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.size-value-input{font-variant-numeric:tabular-nums;color:#1e293b;background:0 0;border:0;flex:1;min-width:0;height:26px;padding:2px 4px;font-size:12px;font-weight:600}.size-value-input:focus{background:#fff;border-radius:3px;outline:none}.size-auto-label{color:#64748b;flex:1;min-width:0;font-size:11px;font-weight:500}.size-mode-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;height:26px;padding:2px 4px;font-size:11px;font-weight:500}.page-bg-section{flex-direction:column;gap:10px;display:flex}.page-bg-header{justify-content:space-between;align-items:center;display:flex}.page-bg-header h3{margin:0}.bg-type-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;gap:4px;padding:3px;display:flex}.bg-type-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;height:28px;padding:0 4px;font-size:11px;font-weight:500;transition:all .15s;display:flex;min-height:28px!important}.bg-type-tabs button.active{color:#2563eb;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000010}.bg-tab-panel{min-width:0}.bg-color-control{flex-direction:column;gap:6px;display:flex}.bg-color-control label{color:#475569;margin:0;font-size:12px;font-weight:500}.page-actions-section .element-actions{padding:4px 0 0}.bulk-properties{border:0;gap:12px;min-width:0;padding:16px;display:grid}.bulk-properties p,.bulk-properties small{color:#64748b;font-size:11px}.bulk-properties label{color:#64748b;gap:5px;font-size:12px;display:grid}.bulk-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bulk-properties input,.bulk-properties select{border:1px solid #dce3ed;border-radius:5px;width:100%;min-width:0;padding:7px}.bulk-properties h3{margin:8px 0 0;font-size:13px}select[aria-label="Gunakan variabel data undangan"] optgroup{color:#72829a;font-size:11px;font-weight:600}select[aria-label="Gunakan variabel data undangan"] option{color:#14213d;font-size:13px;font-weight:400}.properties-panel .page-properties-compact{box-sizing:border-box;width:100%;min-width:0;padding:2px 12px 12px}.page-properties-compact .property-section{border-bottom:1px solid #f1f5f9;min-width:0;margin:0;padding:8px 0}.page-properties-compact .property-section h3{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:11px;font-weight:700}.page-properties-compact .page-header-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:6px 0;display:flex}.page-properties-compact .compact-property-type{color:#1e293b;flex-shrink:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:700;display:flex}.page-properties-compact .compact-property-type svg{color:#64748b;background:0 0;width:15px;height:15px;padding:0}.page-properties-compact .page-name-input-inline{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;outline:none;flex:1;min-width:0;height:26px;padding:0 8px;font-size:11.5px;font-weight:600;transition:all .15s}.page-properties-compact .page-name-input-inline:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.page-properties-compact .cover-setting-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:5px;margin-top:4px;padding:6px 8px}.page-properties-compact .cover-toggle-label{color:#334155;gap:6px;font-size:11px;font-weight:600;line-height:1.3}.page-properties-compact input[type=checkbox]{cursor:pointer;flex:0 0 14px;width:14px;height:14px;margin:0}.page-properties-compact .cover-transition-row select{border-radius:4px;width:100%;min-width:0;height:24px;font-size:11px}.page-properties-compact .page-size-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.page-properties-compact .size-row{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:3px;min-width:0;padding:2px 4px;display:flex}.page-properties-compact .size-axis-badge{color:#475569;background:#e2e8f0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:700;display:inline-flex}.page-properties-compact .size-row .size-value-input{color:#1e293b;box-sizing:border-box;background:0 0;border:0;flex:1;min-width:0;height:22px;min-height:22px;padding:0 3px;font-size:11.5px;font-weight:600}.page-properties-compact .size-row .size-mode-select{color:#475569;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:44px;min-width:44px;height:22px;min-height:22px;padding:0 2px;font-size:10px}.page-properties-compact .size-auto-label{color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.page-properties-compact .page-bg-section{flex-direction:column;gap:5px;display:flex}.page-properties-compact .bg-type-tabs{background:#f1f5f9;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;min-width:0;padding:2px;display:grid}.page-properties-compact .bg-type-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:3px;min-width:0;height:24px;min-height:24px;padding:0 4px;font-size:10.5px;font-weight:600;transition:all .12s;display:flex}.page-properties-compact .bg-type-tabs button.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #00000014}.page-properties-compact .bg-type-tabs svg{flex-shrink:0;width:12px;height:12px}.page-properties-compact .bg-tab-panel{min-width:0}.page-properties-compact .bg-color-row{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.page-properties-compact .bg-color-label{color:#475569;font-size:11px;font-weight:600}.page-properties-compact .compact-background-overlay{padding:8px 0}.page-properties-compact .overlay-toggle{color:#334155;cursor:pointer;align-items:center;gap:6px;min-height:20px;margin:0;font-size:11.5px;font-weight:700;display:flex}.page-properties-compact .overlay-settings-body{flex-direction:column;gap:5px;padding-top:5px;display:flex}.page-properties-compact .overlay-type{background:#f1f5f9;border-radius:5px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.page-properties-compact .overlay-type button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:10.5px;font-weight:600;display:flex;height:22px!important;min-height:22px!important;padding:0 4px!important}.page-properties-compact .overlay-type button.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #00000014}.page-properties-compact .overlay-color-cell{color:#475569;justify-content:space-between;align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.page-properties-compact .page-auto-anim-section{gap:5px}.page-properties-compact .page-auto-anim-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:5px;padding:6px 8px;display:flex}.page-properties-compact .page-auto-anim-desc{color:#64748b;margin:0;font-size:10px;line-height:1.3}.page-properties-compact .page-auto-anim-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.page-properties-compact .page-auto-anim-grid label{color:#475569;flex-direction:column;gap:2px;font-size:9.5px;font-weight:600;display:flex}.page-properties-compact .page-auto-anim-grid select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;height:24px;padding:1px 4px;font-size:10px}.page-properties-compact .page-auto-anim-btn-group{flex-direction:column;gap:4px;display:flex}.page-properties-compact .page-auto-anim-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #1d4ed8;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:100%;height:26px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.page-properties-compact .page-auto-anim-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.page-properties-compact .page-auto-anim-apply-btn:disabled{opacity:.5;cursor:not-allowed}.page-properties-compact .page-auto-anim-clear-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;height:22px;font-size:10px;transition:all .15s;display:flex}.page-properties-compact .page-auto-anim-clear-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.page-properties-compact .page-actions-section{border-bottom:0;padding:6px 0}.page-properties-compact .page-actions-section .element-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.page-properties-compact .element-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;height:26px;min-height:26px;padding:0 6px;font-size:11px;font-weight:500;transition:all .12s;display:flex}.page-properties-compact .element-actions button:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.properties-panel .typography-spacing-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:5px;min-width:0;display:grid}.properties-panel .typography-spacing-row>label{background:#fff;border:1px solid #dce4ef;border-radius:6px;align-items:center;gap:3px;min-width:0;height:32px;margin:0;padding:0 5px;display:flex}.typography-spacing-row svg{color:#74829a;flex-shrink:0}.properties-panel .typography-spacing-row input,.properties-panel .typography-spacing-row select{box-sizing:border-box;background:0 0;border:0;width:100%;min-width:0;height:28px;min-height:0;padding:0 2px;font-size:11px}.properties-panel .typography-spacing-row>label:focus-within{background:#f8fafc;border-color:#9aa8ba;outline:none}.properties-panel .typography-spacing-row>label{box-sizing:border-box;overflow:visible}.properties-panel .typography-spacing-row input,.properties-panel .typography-spacing-row select{width:0;max-width:100%;box-shadow:none;outline:none;flex:1 1 0;margin:0}.properties-panel .typography-spacing-row input:focus,.properties-panel .typography-spacing-row input:focus-visible,.properties-panel .typography-spacing-row select:focus,.properties-panel .typography-spacing-row select:focus-visible{box-shadow:none;outline:none}.properties-panel .typography-spacing-row input[type=number]{appearance:auto;padding-right:0}.properties-panel .typography-spacing-row input::-webkit-inner-spin-button{-webkit-appearance:auto;opacity:1;margin:0}.properties-panel .typography-spacing-row input::-webkit-outer-spin-button{-webkit-appearance:auto;opacity:1;margin:0}
.countdown-widget{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;width:100%;height:100%;display:grid}.countdown-widget>div{background:#ffffffb8;border-radius:10px;min-width:0;padding:12px 3px}.countdown-widget strong{font-variant-numeric:tabular-nums;font-size:1.2em;display:block}.countdown-widget span{overflow-wrap:anywhere;white-space:normal;font-size:.5em;display:block}.countdown-empty,.gallery-empty{text-align:center;box-sizing:border-box;background:#ffffffb8;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;font-size:.6em;display:flex}.gallery-empty{border-radius:inherit;border:1px dashed #a5b4cc;flex-direction:column;gap:12px}.gallery-grid{border-radius:inherit;width:100%;height:100%;display:grid;overflow:hidden}.gallery-grid img,.gallery-slider img{width:100%;min-width:0;height:100%;min-height:0}.gallery-slider{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.gallery-slider img{animation:.3s gallery-appear;display:block}@keyframes gallery-appear{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gallery-slider img{animation:none}}.gallery-slider button{color:#24344b;cursor:pointer;background:#fffd;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%)}.gallery-slider button:first-of-type{left:8px}.gallery-slider button:last-of-type{right:8px}.gallery-counter{color:#fff;background:#0008;border-radius:12px;padding:4px 10px;font:12px Arial;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.widget-settings{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.widget-settings label{flex-direction:column;gap:6px;display:flex}.gallery-photo-list{flex-direction:column;gap:8px;display:flex}.gallery-photo-list>div{align-items:center;gap:4px;display:flex}.gallery-photo-list img{object-fit:contain;border-radius:4px;width:36px;height:36px}.gallery-photo-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.gallery-photo-list button{padding:4px;font-size:12px}.gallery-grid>.gallery-photo-static,.gallery-slider>.gallery-photo-static{width:100%;min-width:0;height:100%;min-height:0;display:block}.gallery-grid>.gallery-open-photo,.gallery-slider>.gallery-open-photo{cursor:zoom-in;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:block;position:static;transform:none}.gallery-slider>.gallery-slide-prev{left:8px;right:auto}.gallery-slider>.gallery-slide-next{left:auto;right:8px}.widget-settings .gallery-lightbox-option{flex-direction:row;align-items:center;gap:8px}.gallery-lightbox-option input{width:16px;margin:0}.gallery-lightbox{z-index:10000;background:#090f19f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-lightbox-stage{box-sizing:border-box;touch-action:pan-y;width:100%;height:100%;padding:64px 56px}.gallery-lightbox-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.gallery-lightbox button{color:#fff;background:#ffffff20;border:1px solid #ffffff40;border-radius:8px;width:40px;height:40px;padding:0;position:absolute}.gallery-lightbox-close{top:16px;right:16px}.gallery-lightbox-prev{top:50%;left:12px}.gallery-lightbox-next{top:50%;right:12px}.gallery-lightbox-caption{color:#fff;font-size:13px;position:absolute;bottom:20px}@media (max-width:600px){.gallery-lightbox-stage{padding:65px 8px}.gallery-lightbox-prev,.gallery-lightbox-next{background:#10182799!important}}.gallery-grid>button.gallery-open-photo:hover:not(:disabled),.gallery-slider>button.gallery-open-photo:hover:not(:disabled),.gallery-grid>button.gallery-open-photo:active,.gallery-slider>button.gallery-open-photo:active{box-shadow:none;background:0 0}.wish-widget{box-sizing:border-box;border-radius:inherit;width:100%;height:auto;min-height:100%;font-size:inherit;color:inherit;text-align:left;background:#ffffffed;flex-shrink:0;padding:12px;line-height:1.4;overflow:visible}.wish-widget h3{color:inherit;margin:0 0 16px;font-size:1.3em}.wish-widget form,.wish-widget label{flex-direction:column;gap:4px;display:flex}.wish-widget form{gap:8px;margin-bottom:12px}.wish-widget input,.wish-widget select,.wish-widget textarea{font:inherit;box-sizing:border-box;color:#24344b;background:#fff;border:1px solid #dce4ef;border-radius:6px;width:100%;padding:6px 8px}.wish-widget textarea{resize:vertical}.wish-widget button{font:inherit;border:1px solid #dce4ef;border-radius:6px;padding:7px 10px}.wish-widget button[type=submit]{color:#fff;background:#2563eb;border:0}.wish-list-title{border-top:1px solid #e4eaf2;justify-content:space-between;padding-top:10px;font-weight:600;display:flex}.wish-widget article{overflow-wrap:anywhere;border-bottom:1px solid #e4eaf2;padding:8px 0}.wish-widget article>div{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.wish-widget article p{white-space:pre-wrap;margin:4px 0}.wish-widget small,.wish-widget time{font-size:.8em}.wish-widget nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:.8em;display:flex}.wish-widget nav button{padding:5px 7px}.wish-storage{color:#72829a;margin-top:10px;display:block}.wish-static-form{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.wish-placeholder{color:#72829a;background:#fff;border:1px solid #dce4ef;border-radius:6px;margin-top:4px;padding:6px 8px}.wish-placeholder-message{min-height:54px}.wish-submit-placeholder{color:#fff;text-align:center;background:#2563eb;border-radius:6px;padding:7px 10px}.wish-pagination-placeholder{text-align:center;margin-top:14px;font-size:.8em}.wish-management{border-top:1px solid #e4eaf2;margin-top:14px;padding-top:12px}.wish-management h4{margin:0 0 8px}.wish-admin{background:0 0;padding:0;font-size:12px}.wish-admin article button{padding:3px 7px;font-size:11px}.element-content>.wish-widget{align-self:flex-start;height:auto;min-height:0}.element-content:has(>.wish-widget){align-self:flex-start;min-height:0;height:auto!important;overflow:visible!important}.element-visual:has(>.element-content>.wish-widget){align-items:flex-start!important}.gift-widget{box-sizing:border-box;border-radius:inherit;text-align:center;background:#fffdf9f5;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:100%;height:auto;min-height:100%;padding:24px 18px;display:flex;overflow:auto}.gift-widget-inner{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:100%;display:flex}.gift-heading-icon{border:1px solid color-mix(in srgb, currentColor 25%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.gift-heading-icon:after{content:"";border:1px solid color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;position:absolute;inset:-5px}.gift-widget h3{letter-spacing:.015em;margin:0;font-size:1.5em}.gift-widget-inner>p{opacity:.85;white-space:pre-wrap;overflow-wrap:anywhere;max-width:30em;margin:0;font-size:.92em;line-height:1.65}.gift-widget .gift-tabs{border:1px solid color-mix(in srgb, currentColor 15%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);box-sizing:border-box;border-radius:99px;gap:4px;width:100%;margin:2px 0;padding:4px;display:flex}.gift-widget .gift-tabs button{min-width:0;font:inherit;opacity:.7;color:inherit;background:0 0;border:0;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 5px;font-size:.86em;line-height:1.2;transition:background .18s,box-shadow .18s;display:flex}.gift-widget .gift-tabs button[aria-selected=true]{opacity:1;background:#fffdf9;border:0;font-weight:600;box-shadow:0 2px 8px #33251814}.gift-widget .gift-template-cards{width:100%}.gift-template-cards .gift-account{border:1px solid color-mix(in srgb, currentColor 18%, transparent);text-align:left;background:linear-gradient(135deg,#fffefc,#f7f2eb);border-radius:14px;gap:10px;padding:16px;box-shadow:0 4px 12px #34281b06}.gift-card-heading{align-items:center;gap:10px;min-width:0;display:flex}.gift-card-icon{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gift-card-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.gift-card-heading small{letter-spacing:.09em;opacity:.6;font-family:Arial,sans-serif;font-size:8px;line-height:1.3}.gift-card-heading strong{font-size:1.06em}.gift-holder{text-align:left;opacity:.8;font-size:.9em}.gift-account{box-sizing:border-box;overflow-wrap:anywhere;border:1px solid #ded7d0;border-radius:10px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:16px;display:flex}.gift-account input,.gift-number{box-sizing:border-box;width:100%;min-width:0;font:inherit;text-align:center;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px}.gift-account button,.gift-copy-placeholder{color:#fff;font:inherit;background:#765847;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.gift-account>p{text-align:left;font-size:.9em}.gift-account>button{background:#765847;border-radius:8px;padding:10px 12px;font-size:.85em}.gift-template-minimal .gift-account{box-shadow:none;background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:16px 0}.gift-template-minimal .gift-account:last-of-type{border-bottom:0}.gift-template-minimal .gift-number,.gift-template-minimal .gift-account input{background:0 0}.gift-template-minimal .gift-card-icon{border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:0 0}.gift-number-copy{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;width:100%;min-width:0;display:grid}.gift-widget .gift-number-copy{border:1px solid color-mix(in srgb, currentColor 12%, transparent);box-sizing:border-box;background:#ffffffb3;border-radius:8px;gap:6px;padding:4px 6px}.gift-number-copy>input,.gift-number-copy>.gift-number{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;width:100%;min-width:0;line-height:1.5;overflow-x:auto}.gift-widget .gift-number-copy>input,.gift-widget .gift-number-copy>.gift-number{text-align:left;letter-spacing:.025em;padding:5px 2px;font-family:Arial,sans-serif;font-size:1em;font-weight:600;background:0 0!important;border:0!important}.gift-widget .gift-number-copy .gift-copy-icon{background:color-mix(in srgb, currentColor 7%, transparent);width:32px;min-width:32px;height:32px;color:inherit;box-shadow:none;border:0;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:inline-flex}.gift-widget .gift-number-copy button.gift-copy-icon:hover{background:#0000000a}.gift-widget-inner>.gift-accounts-reveal{align-self:stretch;width:100%;min-width:0}.gift-accounts-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .22s;display:grid}.gift-accounts-reveal.open{opacity:1;grid-template-rows:1fr}.gift-accounts-reveal>div,.gift-accounts-stack,.gift-accordion-reveal,.gift-accordion-body{width:100%;min-width:0;min-height:0;overflow:hidden}.gift-accounts-stack{flex-direction:column;gap:12px;display:flex}.gift-list-toggle{justify-content:center;width:100%}.gift-list-toggle svg{transition:transform .2s}.gift-list-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.gift-widget .gift-accordion-item{padding:0;overflow:hidden}.gift-widget .gift-accordion-trigger{text-align:left;width:100%;color:inherit;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.gift-widget .gift-accordion-trigger:hover{background:#00000005}.gift-accordion-trigger>span{gap:4px;min-width:0;display:grid}.gift-accordion-trigger small{opacity:.75;font-size:.8em}.gift-accordion-trigger svg{flex-shrink:0;transition:transform .2s}.gift-accordion-reveal{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.gift-accordion-reveal.open{grid-template-rows:1fr}.gift-accordion-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}@media (prefers-reduced-motion:reduce){.gift-accounts-reveal,.gift-list-toggle svg,.gift-accordion-reveal,.gift-accordion-trigger svg{transition:none}}.gift-confirmation{text-align:left;border:1px solid color-mix(in srgb, currentColor 16%, transparent);box-sizing:border-box;background:#fffdf9;border-radius:14px;gap:12px;width:100%;padding:14px;display:grid}.gift-confirmation label{gap:4px;min-width:0;font-size:.85em;display:grid}.gift-confirmation input,.gift-confirmation select,.gift-confirmation textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 18%, transparent);width:100%;min-width:0;font:inherit;color:#24344b;background:#fff;border-radius:8px;padding:8px}.gift-confirmation button{width:100%;font:inherit;color:#fff;background:#765847;border:0;border-radius:9px;padding:11px;font-size:.85em}.gift-confirmation small{font-size:.8em}.gift-data-account{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:12px}.account-accordion{background:#fff;border:1px solid #dce4ef;border-radius:9px;margin-bottom:10px}.account-header{align-items:center;gap:3px;padding:8px 5px;display:flex}.account-header button{color:#64748b;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:flex}.account-header button:hover{color:#2563eb;background:#eff4fc}.account-header .account-toggle{text-align:left;flex:1;justify-content:space-between;gap:5px;min-width:0}.account-summary{flex-direction:column;gap:4px;min-width:0;display:flex}.account-summary strong{color:#24344b;overflow-wrap:anywhere;font-size:12px}.account-summary small{color:#64748b;overflow-wrap:anywhere;font-size:11px}.account-toggle svg{flex-shrink:0;transition:transform .2s}.account-drag-handle{cursor:grab;touch-action:none}.account-drag-handle:active{cursor:grabbing}.account-fields{padding:4px 12px 12px}.account-fields label{margin-top:8px;display:block}.account-drag-overlay{cursor:grabbing;background:#fff;border:1px solid #8eb0ff;border-radius:9px;align-items:center;gap:8px;padding:12px;display:flex;box-shadow:0 10px 30px #152b4a30}@media (prefers-reduced-motion:reduce){.account-accordion,.account-toggle svg{transition:none!important}}.element-content>.gift-widget{align-self:flex-start;height:auto;min-height:0}.element-content:has(>.gift-widget){align-self:flex-start;min-height:0;height:auto!important;overflow:visible!important}.element-visual:has(>.element-content>.gift-widget){align-items:flex-start!important}.story-widget{box-sizing:border-box;border-radius:inherit;background:#ffffffed;flex-shrink:0;width:100%;height:auto;min-height:100%;padding:20px;overflow:auto}.story-inner{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.story-inner h3{margin:0;font-size:1.4em}.story-timeline{text-align:left;width:100%}.story-timeline article{border-left:1px solid #cab7ac;margin-left:5px;padding:0 0 24px 20px;position:relative}.story-timeline article:last-child{padding-bottom:0}.story-dot{background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-5px}.story-timeline time{opacity:.8;margin-bottom:10px;font-size:.8em;display:block}.story-timeline img{border-radius:8px;width:100%;height:auto;margin-bottom:12px;display:block}.story-timeline h4{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.15em}.story-timeline p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.story-moment-settings{border:1px solid #dce4ef;border-radius:8px;flex-direction:column;gap:12px;padding:10px;display:flex}.story-compact-row{background:#fff;border:1px solid #dce4ef;border-radius:8px;margin-bottom:8px}.story-compact-header{align-items:center;gap:3px;padding:6px;display:flex}.story-compact-header button,.story-photo-controls>button{background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:flex}.story-compact-header .story-compact-toggle{text-align:left;flex:1;justify-content:space-between;gap:6px;min-width:0;font-size:13px}.story-compact-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-compact-toggle svg{flex-shrink:0;transition:transform .22s}.story-drag-handle{cursor:grab;touch-action:none;color:#64748b}.story-drag-handle:active{cursor:grabbing}.story-compact-row .story-delete{color:#dc2626}.story-compact-row .story-delete:hover{background:#fef2f2}.story-compact-fields{border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:4px 10px 10px;display:flex}.story-compact-fields label{flex-direction:column;gap:4px;margin:0;font-size:12px;display:flex}.story-compact-fields input{height:34px}.story-photo-controls{display:block;position:relative}.story-photo-controls .story-photo-picker{box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;align-items:center;gap:6px;width:100%;min-height:48px;font-size:12px;display:flex}.story-photo-picker img{object-fit:contain;border-radius:4px;width:100%;height:80px}.story-photo-controls>.story-delete{z-index:1;background:#fff;border:1px solid #fee2e2;border-radius:6px;width:28px;height:28px;padding:5px;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #0002}.story-photo-controls>.story-delete:hover{background:#fef2f2}@media (prefers-reduced-motion:reduce){.story-compact-row,.story-compact-toggle svg{transition:none!important}}.audio-playback{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.audio-playback>button{border:1px solid #dce4f0;border-radius:8px;padding:8px 12px}.audio-playback.compact{border-radius:inherit;justify-content:center;height:100%}.audio-playback.compact>button{width:100%;height:100%;color:inherit;font-size:inherit;border-radius:inherit;background:0 0;border:0;padding:0}.audio-playback small[role=alert]{color:#b93838;font-size:12px}.youtube-player{width:100%;min-width:200px;min-height:220px}.youtube-player iframe{border:0;min-width:200px;min-height:220px}.audio-properties{flex-direction:column;gap:14px;display:flex}.audio-properties>h3,.audio-properties label{margin:0}.audio-properties label{flex-direction:column;gap:6px;min-width:0;display:flex}.audio-properties .outline,.audio-properties .audio-apply{justify-content:center;width:100%}.audio-file-name{color:#52647c;background:#f3f6fb;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:9px 11px;font-size:12px;display:flex}.audio-file-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-settings-group{flex-direction:column;gap:10px;display:flex}.audio-properties h4{justify-content:space-between;align-items:center;margin:0;font-size:12px;display:flex}.audio-properties h4>span{color:#8090a6;font-size:11px;font-weight:400}.audio-properties .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.audio-properties .audio-autoplay{border-top:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;flex-direction:row;align-items:center;gap:9px;padding:11px 0}.audio-autoplay input{width:16px;height:16px;margin:0}.audio-help{cursor:help;color:#8090a6;margin-left:auto}.audio-preview-card{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.audio-properties .audio-playback>small{color:#72829a;font-variant-numeric:tabular-nums}.audio-properties>small{margin:0}.audio-icon-surface{border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.audio-design-icon,.audio-object-button{border-radius:inherit;border:0;width:100%;height:100%;padding:0;display:block}.audio-icon-examples{gap:16px;display:flex}.audio-icon-examples>div{text-align:center;width:52px}.audio-icon-examples .audio-icon-surface{border:1px solid #e4eaf2;border-radius:12px;height:52px}.audio-icon-examples small{margin-top:5px;display:block}.music-data-picker{flex-direction:column;gap:10px;min-width:0;margin:12px 0;display:flex}.music-data-picker audio{width:100%;max-width:100%}.music-file-name{overflow-wrap:anywhere}.particle-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.particle-track{pointer-events:none;width:0;animation:linear both particle-fall;position:absolute;top:-100px;bottom:-100px}.particle-object{margin-left:calc(-.5 * var(--particle-size,0px));animation:4s linear infinite both particle-spin-motion;display:block;position:absolute}.particle-object svg,.particle-object img{object-fit:contain;width:100%;height:100%}.particle-snow:empty{background:#fff;border-radius:50%;box-shadow:0 0 5px #ffffffa0}.particle-bokeh:empty{filter:blur(1px);background:radial-gradient(circle,#fff5d3aa,#fff4c533 65%,#0000 72%);border-radius:50%}.global-particle-layer{z-index:120;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle-drift{width:100%;animation-name:particle-curved-path;animation-timing-function:ease-in-out;animation-direction:normal;animation-fill-mode:both;display:block}@keyframes particle-fall{0%{opacity:0;transform:translateY(0)}8%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes particle-sway{0%{translate:0;rotate:-20deg}to{translate:var(--drift);rotate:45deg}}@keyframes particle-drift-motion{0%{transform:translateX(calc(var(--drift) * -.4))}to{transform:translateX(var(--drift))}}@keyframes particle-spin-motion{0%{transform:rotate(var(--rotation-start))}to{transform:rotate(var(--rotation-end))}}@keyframes particle-curved-path{0%,to{transform:translateX(var(--path-0))}16.67%{transform:translateX(var(--path-1))}33.33%{transform:translateX(var(--path-2))}50%{transform:translateX(var(--path-3))}66.67%{transform:translateX(var(--path-4))}83.33%{transform:translateX(var(--path-5))}}@media (prefers-reduced-motion:reduce){.particle-overlay{display:none}}.background-video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.background-slideshow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.background-slide{position:absolute;inset:0;overflow:hidden}.background-slide img{object-fit:cover;width:100%;height:100%;display:block}.background-slide[class*=slide-enter-]{animation-duration:var(--slide-transition);animation-timing-function:ease-in-out;animation-fill-mode:both}.slide-enter-fade{animation-name:bg-fade}.slide-enter-left{animation-name:bg-left}.slide-enter-right{animation-name:bg-right}.slide-enter-up{animation-name:bg-up}.slide-enter-down{animation-name:bg-down}.slide-enter-zoom{animation-name:bg-zoom}.slide-zoom-in{animation:linear both bg-zoom-in}.slide-zoom-out{animation:linear both bg-zoom-out}@keyframes bg-fade{0%{opacity:0}to{opacity:1}}@keyframes bg-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bg-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bg-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bg-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bg-zoom{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes bg-zoom-in{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes bg-zoom-out{0%{transform:scale(1.15)}to{transform:scale(1)}}.invitation-cover{z-index:100;box-sizing:border-box;background:#e9edf2;justify-content:center;align-items:flex-start;padding:28px 0;display:flex;position:absolute;inset:65px 0 0;overflow:auto}.cover-artboard{flex-shrink:0}.invitation-cover.cover-opening,.cover-artboard.cover-opening{pointer-events:none;animation:.65s ease-in-out both cover-fade}.cover-opening[data-transition=up]{animation-name:cover-up}.cover-opening[data-transition=down]{animation-name:cover-down}.cover-opening[data-transition=left]{animation-name:cover-left}.cover-opening[data-transition=right]{animation-name:cover-right}.cover-artboard.cover-returning{pointer-events:none;animation:.65s cubic-bezier(.22,1,.36,1) both cover-return-from-top}@keyframes cover-fade{to{opacity:0}}@keyframes cover-up{to{transform:translateY(-100%)}}@keyframes cover-down{to{transform:translateY(100%)}}@keyframes cover-left{to{transform:translate(-100%)}}@keyframes cover-right{to{transform:translate(100%)}}@keyframes cover-return-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.invitation-cover.cover-opening,.cover-artboard.cover-opening,.cover-artboard.cover-returning{animation-duration:10ms}}.standalone-invitation{background-attachment:fixed;width:100%;overflow-x:clip}.standalone-invitation .artboard{box-shadow:none;border-radius:0}.standalone-cover{z-index:100;justify-content:center;align-items:flex-start;height:100dvh;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.standalone-cover .cover-artboard{flex-shrink:0;margin:0}.standalone-cover>.cover-artboard{justify-content:center;width:100%;height:100%;display:flex}.responsive-cover{width:100%;height:100%;position:relative;overflow:hidden}.responsive-cover-background{pointer-events:none;position:absolute;inset:0}.responsive-cover-background>.artboard{width:100%!important;height:100%!important}.responsive-cover-background .inv-element{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;transform:none!important}.responsive-cover-background .inv-element>div,.responsive-cover-background .inv-element .element-visual,.responsive-cover-background .inv-element .element-content,.responsive-cover-background .inv-element img{object-fit:cover!important;width:100%!important;height:100%!important}.responsive-cover-safe{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:absolute;inset:0}.responsive-cover-space{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (max-width:767px){.responsive-cover{aspect-ratio:auto!important;width:100%!important;height:100%!important}}@media (min-width:768px){.responsive-cover{aspect-ratio:390/844;width:auto;max-width:100%;height:100%}}.footer-live-preview{z-index:2;background:#f1f5f9;border-radius:8px;margin-bottom:16px;position:sticky;top:0;overflow:hidden;box-shadow:0 1px 6px #0001}.footer-preview-title{color:#64748b;background:#fff;padding:8px 10px;font-size:12px}.footer-live-preview>p{padding:12px;font-size:13px}.guest-qr{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.guest-qr svg{width:100%;height:100%;display:block}.widget-transparent .countdown-widget>div,.widget-transparent .countdown-empty,.widget-transparent .story-widget,.widget-transparent .gift-widget,.widget-transparent .wish-widget{background:0 0}@keyframes gallery-photo-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:no-preference){.gallery-photo-entrance{opacity:0}.gallery-photo-entrance.is-revealed{animation:.7s ease-out both gallery-photo-fade-up}}.properties-panel .gallery-settings-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;max-width:100%;display:grid}.gallery-settings-compact>label{gap:5px;min-width:0;font-size:11px}.properties-panel .gallery-settings-compact input:not([type=checkbox]),.properties-panel .gallery-settings-compact select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:32px;min-height:32px;padding:5px 7px;font-size:12px}.gallery-settings-compact>button,.gallery-settings-compact>.gallery-lightbox-option,.gallery-settings-compact>.gallery-photo-list{grid-column:1/-1}.gallery-settings-compact>button{justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12px;display:flex}.gallery-settings-compact .gallery-photo-list{gap:5px;min-width:0}.gallery-settings-compact .gallery-photo-list>div{border:1px solid #e9edf3;border-radius:7px;grid-template-columns:30px minmax(0,1fr) repeat(4,24px);gap:3px;min-width:0;padding:5px;display:grid}.gallery-settings-compact .gallery-photo-list img{object-fit:cover;width:30px;height:30px}.gallery-settings-compact .gallery-photo-list span{font-size:10px}.gallery-settings-compact .gallery-photo-list button{background:0 0;border:0;border-radius:4px;place-items:center;width:24px;min-width:0;height:26px;min-height:0;padding:0;display:grid}.gallery-settings-compact .gallery-photo-list button:hover{background:#f0f3f8}.properties-panel{min-width:0;overflow-x:hidden}.properties-panel .property-section{min-width:0}
.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#14203966;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:490px;max-width:94vw;padding:32px;position:relative;box-shadow:0 20px 90px #14203933}.modal>svg{color:var(--blue);margin-bottom:15px}.modal p{color:#738098;margin:16px 0 24px;font-size:13px;line-height:1.8}.modal-close{padding:4px;position:absolute;top:16px;right:16px}.modal-actions{gap:12px;margin:24px 0 16px;display:flex}.modal small{color:#8d99aa;font-size:11px}.preview-overlay{z-index:50;overscroll-behavior:contain;background:#e9edf2;flex-direction:column;display:flex;position:fixed;inset:0}.preview-bar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:65px;padding:12px 25px;display:flex}.preview-bar>span{align-items:center;gap:10px;display:flex}.preview-bar small{color:#8290a3;background:#f1f5fa;border-radius:4px;padding:4px 8px}.preview-scroll{overscroll-behavior:contain;flex:1;padding:28px 0;overflow:auto}.media-dialog{background:#fff;border-radius:14px;outline:none;flex-direction:column;width:740px;max-width:94vw;max-height:88vh;display:flex;box-shadow:0 20px 90px #14203933}.media-header{justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;display:flex}.media-header p{color:var(--muted);margin-top:8px;font-size:13px}.media-header button{padding:5px}.media-tabs{border-bottom:1px solid var(--line);gap:8px;padding:0 26px 15px;display:flex}.media-tabs button{background:#f6f8fc;padding:10px 14px}.media-tabs .active{color:var(--blue);background:#eaf0ff}.media-tabs span{background:#fff;border-radius:5px;padding:2px 6px;font-size:11px}.media-body{min-height:280px;padding:22px 26px;overflow:auto}.media-upload,.media-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;display:flex}.media-upload{background:#f9fbff;border:1px dashed #b7c7e6;border-radius:10px}.media-upload>svg,.media-empty>svg{color:#7b8fb4}.media-upload h3,.media-empty h3{margin:0;font-size:16px}.media-upload p,.media-empty p{color:var(--muted);font-size:13px;line-height:1.7}.media-upload small{color:var(--muted);font-size:11px}.media-search{align-items:center;gap:10px;margin-bottom:18px;display:flex}.media-search>svg{color:var(--muted)}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.media-item{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:6px;padding:6px;transition:all .15s;display:flex}.media-item:hover{background:#f4f7fb;border-color:#dce4ef}.media-thumb{aspect-ratio:1;background:#eef2f7;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb video{object-fit:contain;pointer-events:none;width:100%;height:100%}.media-footer{border-top:1px solid var(--line);background:#f9fbfd;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;display:flex}.media-error{color:#b22c40;background:#fdebee;border-radius:6px;margin-bottom:14px;padding:12px;font-size:13px}@media (max-width:600px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-footer{flex-wrap:wrap}.media-header,.media-body{padding:18px}}.site-settings-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(680px,100vw - 32px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a40;padding:0!important}.site-settings-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 18px;display:flex}.site-settings-header-info{align-items:center;gap:14px;display:flex}.site-settings-header-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.site-settings-header h2{color:#0f172a;letter-spacing:-.3px;margin:0 0 3px;font-size:19px;font-weight:700}.site-settings-header p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.site-settings-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.site-settings-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.site-settings-body{flex-direction:column;flex:1;gap:18px;padding:22px 26px;display:flex;overflow-y:auto}.site-settings-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;gap:6px;padding:4px;display:flex}.site-settings-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.site-settings-tab-btn:hover{color:#1e293b}.site-settings-tab-btn.active{color:#2563eb;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.site-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 2px #00000005}.site-settings-card-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.site-settings-card-desc{color:#64748b;margin:-6px 0 2px;font-size:12px;line-height:1.45}.site-settings-field{flex-direction:column;gap:6px;display:flex}.site-settings-field label{color:#334155;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.site-settings-field input[type=text],.site-settings-field input[type=url],.site-settings-field input[type=number],.site-settings-field textarea,.site-settings-field select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.site-settings-field input:focus,.site-settings-field textarea:focus,.site-settings-field select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.site-settings-field small{color:#64748b;font-size:11px;line-height:1.35}.site-settings-segmented{background:#f1f5f9;border-radius:8px;gap:8px;padding:3px;display:flex}.site-settings-segmented button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;font-size:12px;font-weight:500;display:flex}.site-settings-segmented button.active{color:#2563eb;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.site-settings-preset-palette{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.site-settings-preset-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;transition:all .15s;display:inline-flex}.site-settings-preset-btn:hover{background:#f8fafc;border-color:#94a3b8}.site-settings-preset-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:600}.site-settings-preset-swatch{border:1px solid #00000026;border-radius:3px;flex-shrink:0;width:14px;height:14px}.site-settings-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.site-settings-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.site-settings-save-btn:hover{background:#1d4ed8}.site-settings-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s}.site-settings-cancel-btn:hover{color:#0f172a;background:#f1f5f9}.font-manager{color:#142039;max-width:1100px;margin:auto;padding:28px 24px}.font-manager header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.font-manager h1{font-size:24px}.font-manager a{color:#2865ff;text-decoration:none}.font-manager>p{color:#718099;font-size:13px}.font-upload{cursor:pointer;background:#fff;border:1px solid #d7e1ef;border-radius:7px;align-items:center;gap:8px;margin-left:auto;padding:10px 16px;display:flex}.font-controls{gap:12px;margin:24px 0;display:flex}.font-controls input{border:1px solid #dce3ed;border-radius:7px;width:50%;min-width:0;padding:12px}.font-controls select{background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:145px;padding:10px}.font-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.font-grid article{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.font-grid article>div{align-items:center;gap:8px;display:flex}.font-grid article button{color:#dc2626;margin-left:auto}.font-grid small{color:#718099}.font-empty{text-align:center;color:#718099;padding:70px 10px}.font-pagination{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.font-pagination small{color:#718099;margin-right:auto}.font-pagination button,.font-delete-dialog button{background:#fff;border:1px solid #dce3ed;border-radius:6px;padding:9px 14px;font-size:12px}.font-pagination button:disabled{opacity:.4;cursor:not-allowed}.font-delete-dialog{color:#142039;border:1px solid #e2e8f0;border-radius:12px;width:min(420px,100vw - 32px);padding:24px;box-shadow:0 20px 80px #14203930}.font-delete-dialog::backdrop{background:#14203970}.font-delete-dialog h2{margin:0 0 12px;font-size:19px}.font-delete-dialog p{overflow-wrap:anywhere;font-size:13px;line-height:1.65}.font-delete-dialog>div{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.font-delete-dialog .danger{color:#fff;background:#dc2626;border-color:#dc2626}@media (max-width:600px){.font-controls{flex-wrap:wrap}.font-controls input,.font-controls select{width:100%}}.confirm-dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:20px;animation:.15s cubic-bezier(.16,1,.3,1) confirmScaleIn;display:flex;position:relative;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0000001a}.confirm-dialog-header{align-items:flex-start;gap:12px;display:flex}.confirm-dialog-icon{color:#dc2626;background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.confirm-dialog-text{flex:1;min-width:0}.confirm-dialog-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.confirm-dialog-desc{color:#64748b;margin:0;font-size:12px;line-height:1.5}.confirm-page-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.confirm-page-pill svg{color:#64748b;flex-shrink:0}.confirm-page-layer-count{color:#94a3b8;font-size:10.5px;font-weight:500}.confirm-dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.confirm-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600;transition:all .12s}.confirm-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.confirm-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #b91c1c;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #dc262633}.confirm-btn-danger:hover{background:#b91c1c;border-color:#991b1b}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}