:root{color:#29372f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#2d4a3e;--cream:#f7f4eb;--gold:#b49a6a;--muted:#827d72;--line:#e8e1d5;--white:#fffefa;background:#f5f2ec;font-family:Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#f5f2ec;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.studio{min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px 30px;display:flex}.studio-logo{color:var(--green);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-mark{border:1px solid var(--gold);border-radius:50%;place-items:center;width:44px;height:44px;font-size:25px;display:grid}.studio-logo strong,.studio-logo small{display:block}.studio-logo strong{font-size:22px}.studio-logo small{letter-spacing:1.5px;color:var(--muted);margin-top:-4px;font:9px/1.8 Arial,sans-serif}.project-name{color:var(--muted);font-size:13px}.status-dot{background:#82977b;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.preview-button{color:#fff;background:var(--green);border:0;border-radius:5px;padding:11px 18px;font-size:13px;transition:background .2s}.preview-button:hover{background:#20372d}.workspace{grid-template-columns:225px minmax(285px,345px) minmax(350px,1fr);min-height:calc(100vh - 82px);display:grid}.sidebar{border-left:1px solid var(--line);background:#eeebe3;flex-direction:column;padding:30px 18px;display:flex;position:relative}.eyebrow{color:#9a8055;letter-spacing:1.7px;margin:0 0 8px;font:10px/1.7 Arial,sans-serif}.sidebar h2,.settings-panel h2,.canvas-heading h2{color:var(--green);margin:0;font-size:20px;font-weight:600}.sidebar-description,.panel-description{color:var(--muted);font-size:12px;line-height:1.9}.side-nav{gap:7px;margin-top:24px;display:grid}.nav-item{text-align:right;color:#625f55;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;width:100%;padding:12px;font-size:12px;display:flex}.nav-item span{color:var(--gold);font-size:18px}.nav-item.active{color:var(--green);background:#fffefa;border-color:#e5ddce}.sidebar-divider{background:#ded7cb;height:1px;margin:25px 0}.feature-item{color:#777267;gap:10px;padding:11px 4px;font-size:12px;display:flex}.feature-item span{color:#a68a58;font-size:17px}.sidebar-footer{text-align:center;color:#8b867b;margin-top:auto;padding-top:35px}.footer-flower{color:var(--gold);font-size:27px}.sidebar-footer p{margin:3px;font-size:12px}.sidebar-footer small{letter-spacing:2px;font:9px Arial,sans-serif}.settings-panel{background:var(--white);border-left:1px solid var(--line);padding:30px 22px}.panel-description{margin:6px 0 24px}.form-section{border-top:1px solid var(--line);padding:20px 0}.form-section h3{color:var(--green);align-items:center;gap:10px;margin:0 0 18px;font-size:14px;display:flex}.form-section h3 span{color:var(--gold);font:11px Arial,sans-serif}.field{color:#635f56;gap:7px;margin-bottom:15px;font-size:12px;display:grid}.field input,.field textarea{color:#34443a;background:#fdfcf9;border:1px solid #e4ded3;border-radius:4px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #b49a6a1c}.field textarea{resize:vertical;line-height:1.9}.palette-list{gap:8px;display:grid}.palette-option{border:1px solid var(--line);color:#635f56;text-align:right;background:#fff;border-radius:5px;align-items:center;gap:10px;width:100%;padding:9px;font-size:12px;display:flex}.palette-option.selected{border-color:var(--gold);background:#faf8f1}.palette-swatch{border:1px solid;border-radius:50%;width:24px;height:24px}.palette-accent{border-radius:50%;width:13px;height:13px}.palette-check{color:var(--green);margin-right:auto}.local-note{border-right:2px solid var(--gold);color:#797267;background:#f7f4ed;padding:12px;font-size:11px;line-height:1.9}.canvas-area{background:radial-gradient(at 50% 35%,#fffefa 0%,#f1eee7 75%);min-width:0;padding:28px clamp(16px,3vw,40px)}.canvas-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.canvas-heading h2{font-size:17px}.canvas-size{color:var(--muted);font-size:11px}.invitation-frame{background:#fffefa;border:1px solid #e6dfd2;border-radius:7px;width:min(100%,410px);margin:0 auto;padding:13px;box-shadow:0 15px 45px #493c2810}.invitation-card{overflow-wrap:anywhere;border:1px solid var(--gold);outline-offset:-6px;text-align:center;min-height:580px;color:var(--invite-accent);background:radial-gradient(ellipse at 50% 0%, #ffffffb0, transparent 65%), var(--invite-bg);outline:1px solid #b49a6a45;flex-direction:column;align-items:center;padding:40px 22px 26px;display:flex;position:relative}.invite-top-ornament{color:var(--gold);font-size:25px}.invite-kicker{margin:10px 0 17px;font-size:12px}.invite-rule{background:var(--gold);width:68px;height:1px}.invite-intro{margin:28px 0 0;font-size:12px}.invite-occasion{margin:5px 0 20px;font-size:25px}.invite-monogram{color:var(--invite-accent);justify-content:center;align-items:center;gap:9px;margin:0 0 15px;font-size:26px;display:flex}.invite-monogram i{color:var(--gold);font:italic 16px Georgia,serif}.invite-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:0;font-size:clamp(22px,3vw,30px);font-weight:600;display:flex}.invite-names span{color:var(--gold);font-size:17px}.invite-message{max-width:270px;margin:22px 0;font-size:12px;line-height:2.2}.invite-rule.short{width:35px;margin:2px 0 16px}.invite-date{margin:0;font-size:13px;font-weight:600}.invite-venue{margin:7px 0 20px;font-size:12px}.invite-bottom{color:#837b6b;flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:25px;font-size:11px;display:flex}.invite-flower{color:var(--gold);font-size:24px}.canvas-hint{color:#8c867b;text-align:center;margin:16px 0 0;font-size:11px}@media (width>=1500px){.workspace{grid-template-columns:245px 370px minmax(0,1fr)}.canvas-area{padding-inline:55px}}@media (width<=1050px){.workspace{grid-template-columns:190px minmax(270px,330px) minmax(300px,1fr)}.sidebar{padding-inline:13px}.settings-panel{padding-inline:17px}.canvas-area{padding-inline:15px}}@media (width<=760px){.topbar{gap:10px;min-height:70px;padding:12px 15px}.logo-mark{width:37px;height:37px}.studio-logo strong{font-size:18px}.studio-logo small{letter-spacing:1px;font-size:7px}.project-name{display:none}.preview-button{padding:10px 12px;font-size:11px}.workspace{flex-direction:column;display:flex}.sidebar{border-left:0;border-bottom:1px solid var(--line);order:1;padding:15px}.sidebar h2{font-size:17px}.sidebar-description{margin:3px 0 8px}.side-nav{grid-template-columns:1fr 1fr;margin-top:10px}.nav-item{justify-content:center;padding:9px 5px;font-size:11px}.sidebar-divider,.sidebar>.eyebrow:nth-of-type(2),.feature-item,.sidebar-footer{display:none}.settings-panel{border-left:0;border-bottom:1px solid var(--line);order:2;padding:22px 17px}.canvas-area{order:3;padding:24px 12px}.invitation-frame{width:min(100%,390px)}.invitation-card{min-height:540px;padding-inline:18px}.canvas-heading{padding-inline:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}