:root{--invitations-text:#32312d;--invitations-muted:#85848a;--invitations-line:#e2dcd7;--invitations-page:#f6f3ef;--invitations-olive:#849168;--invitations-rose:#ae7480;--invitations-shadow:0 12px 30px rgba(72,63,56,.045)}
.invitations-shell{min-height:calc(100vh - 86px);color:var(--invitations-text);font-family:Arial,sans-serif;background:var(--invitations-page)}
.invitations-shell *{box-sizing:border-box}
.invitations-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:17px;align-items:center;padding:28px 2.7% 20px;border-bottom:1px solid #e8e1df;background:radial-gradient(circle at 78% -35%,rgba(176,116,128,.09) 0 170px,transparent 171px),linear-gradient(100deg,#fff 0%,#fcf9fa 100%)}
.invitations-eyebrow{margin:0 0 14px;color:#7d8866;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.invitations-title-row{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:17px}
.invitations-title-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid #ead6da;border-radius:16px;background:#fcf7f8;color:#ae7580;font:400 24px Georgia,serif}
.invitations-title-row h1,.invitations-selector h2{font-family:Georgia,"Times New Roman",serif}
.invitations-title-row h1{margin:0;font:400 clamp(36px,3.25vw,52px)/1 Georgia,serif;letter-spacing:-.04em}
.invitations-title-row p{margin:12px 0 0;color:var(--invitations-muted);font-size:12px}
.invitations-hero-total{text-align:right}.invitations-hero-total span{display:block;color:#89878d;font-size:11px;font-weight:700}.invitations-hero-total strong{display:block;margin-top:8px;color:#af7480;font:400 clamp(44px,4.2vw,64px)/.78 Georgia,serif}
.invitations-content{width:min(90.8%,1610px);margin:0 auto;padding:20px 0 50px}
.invitations-workspace{height:calc(100dvh - 215px);min-height:600px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}
.invitations-selector,.invitations-preview{min-width:0;min-height:0;border:1px solid var(--invitations-line);border-radius:20px;background:#fff;box-shadow:var(--invitations-shadow);overflow:hidden}
.invitations-selector{display:flex;flex-direction:column}.invitations-selector header{padding:22px 18px 15px;border-bottom:1px solid #eee9e6}.invitations-selector header>span,.invitations-toolbar>div:first-child>span{display:block;color:#7d8866;font-size:8px;font-weight:800;letter-spacing:.14em}.invitations-selector h2{margin:7px 0 0;font-size:24px;font-weight:500;line-height:1.05}.invitations-selector p{margin:9px 0 0;color:#8b8784;font-size:9px;line-height:1.5}
.invitations-list{min-height:0;display:grid;align-content:start;gap:8px;padding:12px;overflow:auto}
.invitations-option{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border:1px solid #e7e1de;border-radius:13px;background:#fff;color:#3a3836;text-align:left;cursor:pointer}.invitations-option:hover{border-color:#cdb8bc}.invitations-option.is-active{border-color:#b17782;background:#b17782;color:#fff}.invitations-number{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f3e7e9;color:#a66c77;font-size:14px;font-weight:900}.invitations-option.is-active .invitations-number{background:#fff}.invitations-option strong,.invitations-option small{display:block}.invitations-option strong{font-size:11px}.invitations-option small{margin-top:2px;font-size:8px;opacity:.72}.invitations-option b{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#eef2e8;color:#66734e;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.invitations-option.is-active b{background:rgba(255,255,255,.2);color:#fff}
.invitations-preview{display:flex;flex-direction:column;padding:13px}.invitations-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid #e5dfdc;border-radius:13px}.invitations-toolbar strong{display:block;margin-top:4px;font-size:12px}.invitations-toolbar small{display:block;min-height:10px;margin-top:3px;color:#8a8884;font-size:8px}.invitations-toolbar small.is-principal{color:#778263;font-weight:800}
.invitations-actions{display:flex;gap:6px}.invitations-actions button,.invitations-actions a{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #e3ddd8;border-radius:10px;background:#fff;color:#4b4946;font:700 9px Arial,sans-serif;text-decoration:none;cursor:pointer}.invitations-actions a{border-color:#849168;background:#849168;color:#fff}
.invitations-device-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px 8px}.invitations-device-bar>span{color:#8a8884;font-size:8px;font-weight:700}.invitations-device-bar>div{display:flex;gap:5px}.invitations-device-bar button{min-height:29px;padding:0 9px;border:1px solid #e6e0db;border-radius:9px;background:#fff;color:#77736f;font-size:8px;cursor:pointer}.invitations-device-bar button.is-active{border-color:#849168;background:#eef2e8;color:#5e694a;font-weight:800}
.invitations-stage{min-height:0;flex:1;display:grid;place-items:center;overflow:auto;padding:18px;border-radius:16px;background:linear-gradient(145deg,#f2ede7,#e8e0d7)}
.invitations-phone{width:min(var(--invitation-device-width),100%);height:min(var(--invitation-device-height),100%);max-height:100%;padding:8px;border-radius:28px;background:#242424;box-shadow:0 18px 42px rgba(54,44,39,.18)}.invitations-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:21px;background:#f1e5da}.invitations-phone iframe{display:block;width:100%;height:100%;border:0;background:#f1e5da}.invitations-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#f1e5da;color:#69715b;font-size:10px}.invitations-loading[hidden]{display:none}
.invitations-note{margin:8px 2px 0;color:#918c87;font-size:8px;text-align:center}
.invitations-option:focus-visible,.invitations-actions button:focus-visible,.invitations-actions a:focus-visible,.invitations-device-bar button:focus-visible{outline:2px solid #849168;outline-offset:2px}
@media(max-width:980px){.invitations-content{width:94%}.invitations-workspace{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.invitations-hero{grid-template-columns:1fr;padding:18px 16px 14px;gap:12px}.invitations-eyebrow{margin-bottom:10px;font-size:8px}.invitations-title-row{grid-template-columns:40px minmax(0,1fr);gap:11px}.invitations-title-icon{width:38px;height:38px;border-radius:12px;font-size:18px}.invitations-title-row h1{font-size:30px}.invitations-title-row p{margin-top:7px;font-size:10.5px;line-height:1.4}.invitations-hero-total{display:none}.invitations-content{width:calc(100% - 24px);padding:12px 0 30px}.invitations-workspace{height:auto;min-height:0;display:block}.invitations-selector{margin-bottom:10px;border-radius:16px}.invitations-selector header{padding:14px}.invitations-selector h2{font-size:20px}.invitations-list{display:flex;gap:7px;padding:9px;overflow-x:auto}.invitations-option{min-width:142px;min-height:52px;grid-template-columns:32px minmax(0,1fr);padding:7px}.invitations-number{width:31px;height:31px;border-radius:9px;font-size:12px}.invitations-preview{height:calc(100dvh - 235px);min-height:520px;padding:9px;border-radius:16px}.invitations-toolbar{align-items:flex-start;min-height:0;padding:8px;gap:8px}.invitations-actions{flex-wrap:wrap;justify-content:flex-end}.invitations-actions button,.invitations-actions a{min-height:30px;padding:0 8px;font-size:8px}.invitations-actions span{display:none}.invitations-device-bar{display:grid;gap:6px}.invitations-device-bar>div{overflow-x:auto}.invitations-device-bar button{white-space:nowrap}.invitations-stage{padding:9px}.invitations-phone{border-radius:24px;padding:6px}.invitations-phone-screen{border-radius:18px}}
@media(max-width:430px){.invitations-title-row h1{font-size:28px}.invitations-preview{height:calc(100dvh - 220px)}.invitations-toolbar strong{font-size:11px}.invitations-device-bar button{font-size:7.5px;padding:0 7px}}
@media(prefers-reduced-motion:reduce){.invitations-shell *{scroll-behavior:auto}}