@import url("invitation.css");
.designer-shell,.invitation-public{overflow-x:hidden}
.designer-ai-import{display:grid;grid-template-columns:auto 1fr 72px;align-items:center;gap:16px;max-width:1320px;margin:24px auto 0;padding:16px 18px;border:1px solid #ef493f40;border-radius:18px;background:#fff7f4;box-shadow:0 12px 32px #14213d0b}.designer-ai-import>span{padding:6px 9px;border-radius:999px;background:#101a2e;color:#fff;font:700 .62rem Arial;letter-spacing:.08em}.designer-ai-import b{display:block;margin-bottom:3px}.designer-ai-import p{margin:0;color:#687184;font-size:.75rem;line-height:1.7}.designer-ai-import img{width:72px;height:72px;border-radius:14px;object-fit:cover}
.designer-app{height:var(--designer-viewport-height,100dvh);min-height:560px;overflow:hidden;background:#e9ecf1}
.designer-topbar{position:relative;z-index:30;display:flex;align-items:center;gap:12px;height:68px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #dce0e7;box-shadow:0 5px 22px #17223a0b}
.icon-button,.designer-history button,.designer-stage-toolbar button{display:grid;place-items:center;border:1px solid #d9dde5;background:#fff;color:#101a2e;border-radius:10px}.icon-button{width:42px;height:42px;font-size:1.5rem}.designer-title{min-width:0;flex:1}.designer-title input{width:min(420px,100%);padding:3px 6px;border:1px solid transparent;background:transparent;color:#101a2e;font-size:.95rem;font-weight:800}.designer-title input:focus{border-color:#ccd1dc;border-radius:7px;outline:0}.designer-title small{display:block;padding:0 6px;color:#6f788a;font-size:.65rem}.designer-title small[data-state=error]{color:#b92929}.designer-title small[data-state=pending]{color:#a36505}
.designer-history{display:flex;gap:5px}.designer-history button{width:36px;height:36px}.designer-top-actions{display:flex;gap:7px}.designer-top-actions button{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #d8dce4;background:#fff;color:#101a2e}.designer-top-actions .primary{border-color:#e8463c;background:#e8463c;color:#fff}.designer-workspace{display:grid;height:calc(100% - 68px);min-height:0}.designer-desktop-tools{display:none}
.designer-stage-wrap{display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;padding:12px 10px 90px;overflow:auto;overscroll-behavior:contain}.designer-stage-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px;border-radius:12px;background:#fff;box-shadow:0 5px 18px #18233a12}.designer-stage-toolbar button{min-width:32px;height:30px;padding:0 9px;font-size:.72rem}.designer-stage-toolbar span{min-width:48px;text-align:center;font-size:.7rem}.designer-stage{display:flex;flex:1;align-items:flex-start;justify-content:center;width:100%;min-height:0}
.designer-canvas,.public-invitation-canvas,[data-preview-canvas]{position:relative;width:min(360px,calc(100vw - 28px));height:auto;flex:none;overflow:hidden;background-repeat:no-repeat;box-shadow:0 18px 55px #09152c29;transform:scale(var(--designer-zoom,1));transform-origin:top center;transition:background-color .2s}.designer-canvas,.designer-element{touch-action:none}.designer-element{position:absolute;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;white-space:pre-wrap;line-height:1.35;overflow:hidden;user-select:none;-webkit-user-select:none}.designer-element.is-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.designer-element.is-selected{outline:3px solid #3182f6;outline-offset:2px}.designer-element.is-selected:after{content:"";position:absolute;left:4px;bottom:4px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#3182f6;box-shadow:0 1px 4px #0004}.designer-element.is-dragging{cursor:grabbing;opacity:.88}.designer-stage-help{max-width:480px;margin:10px 0;color:#7a8291;font-size:.65rem;text-align:center}
.designer-bottom-toolbar{position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;align-items:stretch;height:calc(72px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);overflow-x:auto;background:#fff;border-top:1px solid #d9dde5;box-shadow:0 -6px 22px #14213d12}.designer-bottom-toolbar button{flex:1 0 64px;border:0;background:transparent;color:#566072}.designer-bottom-toolbar button b{display:block;font:700 1.15rem Arial;color:#101a2e}.designer-bottom-toolbar button small{font-size:.6rem}.designer-bottom-toolbar button.active{background:#fff0ef;color:#d63830;border-radius:10px}
.designer-sheet-backdrop{position:fixed;z-index:49;inset:0;background:#07122577;backdrop-filter:blur(2px)}.designer-sheet{position:fixed;z-index:50;right:0;bottom:0;left:0;max-height:min(74dvh,680px);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -22px 60px #0712253b;transform:translateY(105%);transition:transform .28s ease}.designer-sheet.open{transform:translateY(0)}.designer-sheet>header{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 16px;border-bottom:1px solid #eceef2}.designer-sheet>header>span{position:absolute;top:6px;left:50%;width:46px;height:4px;transform:translateX(-50%);border-radius:99px;background:#d5d9df}.designer-sheet h2{flex:1;margin:0;font-size:1.05rem}.designer-sheet>header button{width:36px;height:36px;border:0;border-radius:50%;background:#edf0f5;font-size:1.25rem}.designer-sheet-body{max-height:calc(min(74dvh,680px) - 58px);padding:18px;overflow-y:auto;overscroll-behavior:contain}.designer-sheet-body [data-panel][hidden]{display:none}
.panel-lead,.panel-note{margin:0 0 16px;color:#6d7687;font-size:.78rem;line-height:1.8}.designer-sheet label{display:block;margin-bottom:12px;color:#4d5668;font-size:.72rem;font-weight:700}.designer-sheet input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.designer-sheet textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #d8dce5;border-radius:10px;background:#fbfbfc;color:#101a2e}.designer-sheet textarea{min-height:78px;resize:vertical}.panel-row{display:grid;grid-template-columns:1fr 100px;gap:12px}.panel-row input[type=range]{width:100%}.panel-row input[type=color]{display:block;width:100%;height:40px;margin-top:6px;border:0;border-radius:8px}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip-row button,.panel-secondary{padding:8px 12px;border:1px solid #d8dce5;border-radius:9px;background:#fff;color:#101a2e}.panel-primary{width:100%;padding:12px;border:0;border-radius:11px;background:#101a2e;color:#fff;font-weight:800}
.designer-template-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.designer-template-chips button{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #d9dde5;border-radius:12px;background:#fff;text-align:right}.designer-template-chips i{width:48px;height:68px;flex:none;border:1px solid #0001;border-radius:7px;background-position:center;background-size:cover}.designer-template-chips span{display:grid;gap:3px}.designer-template-chips span b{font-size:.72rem}.designer-template-chips span small{color:#798193;font-size:.55rem;line-height:1.55}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.asset-grid button{aspect-ratio:1;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#eee}.asset-grid img{width:100%;height:100%;object-fit:cover}
.element-buttons,.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.element-buttons button,.more-grid button,.more-grid a{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px;border:1px solid #d9dde5;border-radius:12px;background:#fff;color:#101a2e;text-decoration:none;text-align:right;font-size:1.15rem}.element-buttons span,.more-grid span{font-size:.75rem;font-weight:800}.position-controls{margin-top:18px;padding-top:16px;border-top:1px solid #eceef2}.position-controls>b{display:block;margin-bottom:10px;font-size:.78rem}.position-controls>div{display:flex;gap:7px;margin-bottom:7px}.position-controls button{flex:1;padding:9px;border:1px solid #d9dde5;border-radius:8px;background:#f7f8fa}.background-swatches{display:flex;gap:9px;margin-bottom:16px}.background-swatches button{width:42px;height:42px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbd0da}.event-form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.event-form label:nth-last-child(-n+3){grid-column:1/-1}.toggle{display:flex!important;align-items:center;gap:9px}.guest-list{margin-top:14px;padding:10px;border-radius:12px;background:#f4f5f7;font-size:.75rem}.guest-list article{display:flex;justify-content:space-between;gap:12px;padding:9px;border-bottom:1px solid #ddd}.guest-list span{color:#677082}
.designer-preview-dialog,.designer-conflict-dialog{padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 30px 80px #0005}.designer-preview-dialog::backdrop,.designer-conflict-dialog::backdrop{background:#071225cc}.designer-preview-dialog{width:min(430px,94vw);max-height:94dvh;background:#202735;overflow:auto}.designer-preview-dialog>button{position:fixed;z-index:2;margin:10px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#101a2e;font-size:1.3rem}.designer-preview-dialog [data-preview-canvas]{width:100%;box-shadow:none}.designer-conflict-dialog{width:min(480px,92vw);padding:28px}.designer-conflict-dialog h2{margin-top:0}.designer-conflict-dialog p{color:#657084;line-height:1.9}.designer-conflict-dialog>div{display:flex;gap:9px}.designer-conflict-dialog button{flex:1;padding:11px;border:0;border-radius:9px;background:#101a2e;color:#fff}.designer-conflict-dialog button+button{background:#e8463c}
@media(min-width:900px){.designer-workspace{grid-template-columns:92px 1fr}.designer-desktop-tools{display:flex;flex-direction:column;gap:5px;padding:14px 8px;background:#101a2e;color:#fff}.designer-desktop-tools>span{padding:4px;text-align:center;color:#9da8bc;font-size:.58rem}.designer-desktop-tools button{min-height:60px;border:0;border-radius:10px;background:transparent;color:#c8cfdb}.designer-desktop-tools button b{display:block;font-size:1.1rem}.designer-desktop-tools button small{font-size:.58rem}.designer-desktop-tools button.active,.designer-desktop-tools button:hover{background:#25314a;color:#fff}.designer-bottom-toolbar{display:none}.designer-stage-wrap{padding:18px 20px 18px 400px}.designer-canvas{width:min(410px,calc(100vh - 150px)*.5625)}.designer-sheet-backdrop{display:none}.designer-sheet{top:68px;right:auto;bottom:0;left:0;width:370px;max-height:none;border-radius:0;transform:translateX(-105%);box-shadow:16px 0 40px #07122522}.designer-sheet.open{transform:translateX(0)}.designer-sheet>header>span{display:none}.designer-sheet-body{max-height:calc(100vh - 126px)}}
@media(max-width:899px){.designer-topbar{padding-top:calc(8px + env(safe-area-inset-top));height:calc(62px + env(safe-area-inset-top))}.designer-workspace{height:calc(100% - 62px - env(safe-area-inset-top))}.designer-top-actions .ghost:first-child{display:none}.designer-top-actions button{padding:0 10px;font-size:.68rem}.designer-history{display:none}.designer-title input{font-size:.78rem}.designer-title small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-stage-help{display:none}.designer-canvas{width:min(350px,calc(100vw - 24px),calc(100dvh - 175px)*.5625)}.designer-dashboard-head{grid-template-columns:1fr auto}.designer-dashboard-head>.designer-brand{grid-column:1}.designer-dashboard-head>div{grid-column:1/-1}.designer-dashboard-head p{font-size:.78rem}.designer-project-grid,.template-grid{grid-template-columns:1fr}.template-card{grid-template-columns:40% 1fr}.template-art{min-height:290px}.designer-project-card{grid-template-columns:118px 1fr}.project-preview{min-height:160px}}
@media(max-width:560px){.designer-dashboard{padding:16px}.designer-dashboard-head{gap:14px;padding-bottom:28px}.designer-head-link{padding:8px 11px;font-size:.7rem}.designer-ai-import{grid-template-columns:1fr 56px}.designer-ai-import>span{grid-column:1/-1;width:max-content}.designer-ai-import img{width:56px;height:56px}.designer-projects,.designer-templates,.designer-archive{margin:34px auto}.template-card{grid-template-columns:1fr}.template-art{min-height:260px}.template-card p{min-height:0}.designer-section-title{align-items:center}.event-form{grid-template-columns:1fr}.event-form label{grid-column:1}.designer-conflict-dialog>div{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.designer-sheet,.designer-runtime-toast,.designer-canvas{transition:none}}
.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-actions .panel-secondary,.panel-actions .panel-primary{width:100%;min-height:46px}.panel-actions .panel-secondary:disabled{opacity:.45;cursor:not-allowed}
.designer-tool-dialog{width:min(720px,calc(100vw - 24px));max-height:min(780px,calc(100dvh - 24px));padding:0;border:0;border-radius:20px;background:#fff;color:#101a2e;box-shadow:0 28px 90px #07122566}.designer-tool-dialog::backdrop{background:#071225a8;backdrop-filter:blur(3px)}.designer-tool-dialog>form{display:flex;max-height:min(780px,calc(100dvh - 24px));flex-direction:column}.designer-tool-dialog header{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid #e7e9ee}.designer-tool-dialog header>div{min-width:0;flex:1}.designer-tool-dialog h2{margin:0;font-size:1.05rem}.designer-tool-dialog header p{margin:3px 0 0;color:#747d8e;font-size:.68rem}.designer-tool-dialog header>button{width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f6;color:#101a2e;font-size:1.3rem}.designer-tool-dialog footer{display:flex;justify-content:flex-start;gap:10px;padding:14px 20px;border-top:1px solid #e7e9ee;background:#fafbfc}.designer-tool-dialog footer button{min-width:116px;min-height:44px;padding:9px 16px;border:0;border-radius:10px;font-weight:800}.dialog-cancel{background:#e5e7eb;color:#4b5563}.dialog-confirm{background:#e8463c;color:#fff}
.designer-layers-list{min-height:260px;padding:12px 18px;overflow:auto;background:#f4f6f9}.designer-layer-row{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;padding:9px;border:1px solid transparent;border-radius:12px;background:#fff;box-shadow:0 3px 10px #17233d0a}.designer-layer-row.is-selected{border-color:#e8463c55;background:#fff8f7}.layer-handle{display:grid;gap:3px}.layer-handle button,.layer-actions button{display:grid;place-items:center;width:30px;height:28px;border:1px solid #dfe2e8;border-radius:7px;background:#fff;color:#384256}.layer-thumbnail{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:9px;background:#eef1f5;color:#17233d;font:800 1.2rem Arial}.layer-thumbnail img{width:100%;height:100%;object-fit:cover}.layer-info{min-width:0}.layer-info b,.layer-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-info b{font-size:.75rem}.layer-info span{margin-top:3px;color:#7a8291;font-size:.62rem}.layer-actions{display:flex;gap:5px}.layer-actions button.is-active{border-color:#e8463c;background:#fff0ef;color:#d63830}.designer-layers-empty{padding:70px 20px;text-align:center;color:#747d8e}
.designer-text-editor{padding:20px;overflow:auto}.text-editor-content{display:block;margin:0 0 16px;color:#4d5668;font-size:.72rem;font-weight:800}.text-editor-content textarea{display:block;width:100%;min-height:170px;margin-top:7px;padding:16px;border:1px solid #cfd4de;border-radius:12px;background:#fbfcfd;color:#101a2e;font:500 1rem/1.9 Vazirmatn,Tahoma,sans-serif;resize:vertical}.text-editor-controls{display:grid;grid-template-columns:1.3fr 1fr 90px;gap:10px}.text-editor-controls label,.text-editor-ranges label{color:#566072;font-size:.68rem;font-weight:800}.text-editor-controls select,.text-editor-controls input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #d5d9e1;border-radius:9px;background:#fff;color:#101a2e}.text-editor-controls select{padding:0 10px}.text-editor-controls input[type=color]{padding:4px}.text-editor-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.text-editor-ranges label>span{display:flex;justify-content:space-between;gap:8px}.text-editor-ranges output{direction:ltr;color:#e8463c}.text-editor-ranges input{width:100%;margin-top:9px;accent-color:#e8463c}.text-editor-align{display:flex;gap:8px;margin:18px 0 0;padding:12px;border:1px solid #e1e4ea;border-radius:12px}.text-editor-align legend{padding:0 7px;color:#566072;font-size:.68rem;font-weight:800}.text-editor-align button{flex:1;min-height:40px;border:1px solid #d9dde5;border-radius:8px;background:#fff;color:#101a2e}.text-editor-align button.active{border-color:#e8463c;background:#fff0ef;color:#d63830}
@media(min-width:900px){.designer-desktop-tools{overflow-y:auto}.designer-desktop-tools button{min-height:54px}}
@media(max-width:560px){.designer-tool-dialog{width:100vw;max-width:none;max-height:calc(100dvh - 8px);margin:auto 0 0;border-radius:20px 20px 0 0}.designer-tool-dialog>form{max-height:calc(100dvh - 8px)}.designer-tool-dialog header{padding:14px 16px}.designer-tool-dialog footer{padding:12px 16px}.designer-tool-dialog footer button{min-width:0;flex:1}.designer-layers-list{padding:10px}.designer-layer-row{grid-template-columns:30px 44px minmax(0,1fr) auto;gap:7px;padding:7px}.layer-thumbnail{width:44px;height:44px}.layer-actions{gap:3px}.layer-actions button{width:29px}.text-editor-controls,.text-editor-ranges{grid-template-columns:1fr 1fr}.text-editor-controls label:first-child,.text-editor-ranges label:last-child{grid-column:1/-1}.text-editor-align{flex-wrap:wrap}.text-editor-align button{flex:1 1 30%}.panel-actions{grid-template-columns:1fr}}
.designer-layer-row .layer-info{min-width:0;padding:7px;border:0;background:transparent;color:#101a2e;text-align:right}.designer-layer-row button:disabled{opacity:.32;cursor:not-allowed}.designer-layer-row.is-dragging{opacity:.55}
.designer-tool-dialog{max-width:100vw;overflow:hidden}.designer-tool-dialog,.designer-tool-dialog *{box-sizing:border-box}
.layer-actions button.is-delete{color:#c62929;font-size:1.15rem}
@media(max-width:560px){.designer-tool-dialog{max-width:100vw}.designer-text-editor{padding:16px}.text-editor-controls>*,.text-editor-ranges>*,.text-editor-align>*{min-width:0}.text-editor-align{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.text-editor-align button{min-width:0;padding:8px 4px;font-size:.68rem}}
.envelope-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.envelope-preset-grid button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:2px 9px;padding:9px;border:1px solid #dce0e7;border-radius:12px;background:#fff;color:#101a2e;text-align:right}.envelope-preset-grid button.active{border-color:#e8463c;background:#fff5f4;box-shadow:0 0 0 2px #e8463c18}.envelope-preset-grid i{grid-row:1/3;width:44px;height:34px;border-radius:5px;background:#e8ddce;clip-path:polygon(0 8%,50% 58%,100% 8%,100% 100%,0 100%);box-shadow:0 4px 9px #101a2e1c}.envelope-preset-grid i.is-botanical{background:#cbd8c6}.envelope-preset-grid i.is-editorial{background:#eab4ad}.envelope-preset-grid i.is-midnight{background:#17243a}.envelope-preset-grid i.is-celebration{background:#f5c7c8}.envelope-preset-grid i.is-business{background:#d7dde4}.envelope-preset-grid i.is-memorial{background:#c8c2b9}.envelope-preset-grid b{font-size:.7rem}.envelope-preset-grid small{color:#7a8394;font-size:.55rem}.envelope-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.envelope-color-grid label{margin:0;text-align:center;font-size:.56rem}.envelope-color-grid input[type=color]{display:block;width:100%;height:40px;margin-top:5px;padding:2px;border:1px solid #d8dce4;border-radius:9px;background:#fff}.envelope-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.envelope-form-grid select{display:block;width:100%;height:42px;margin-top:6px;padding:0 9px;border:1px solid #d8dce5;border-radius:10px;background:#fbfbfc;font:inherit}.envelope-duration{padding:12px;border-radius:12px;background:#f4f6f9}.envelope-duration span{display:flex;justify-content:space-between}.envelope-duration output{color:#e0443b}.envelope-duration input{width:100%;margin-top:10px}
.designer-preview-dialog{width:min(920px,96vw);height:min(820px,94dvh);max-height:94dvh;overflow:hidden}.designer-preview-dialog>button{z-index:22}.designer-preview-dialog [data-preview-scene]{width:100%;height:100%;box-shadow:none}
@media(max-width:560px){.envelope-color-grid{grid-template-columns:repeat(2,1fr)}.envelope-form-grid{grid-template-columns:1fr}.designer-preview-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.designer-preview-dialog [data-preview-scene]{min-height:100dvh}.designer-preview-dialog .aes-replay{bottom:72px}}