body:has(.studio-app)>.site-header,body:has(.studio-start)>.site-header{display:none}.studio-app,.studio-start{--studio-ink:#25382e;--studio-muted:#728077;--studio-line:#dfe5df;--studio-surface:#fff;--studio-bg:#f3f5f1;--studio-accent:#294f3e;color:var(--studio-ink);font-family:var(--font-body),system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.studio-app *,.studio-start *{box-sizing:border-box}.studio-app button,.studio-app input,.studio-app select,.studio-app textarea,.studio-start button{font:inherit}.studio-app button,.studio-start button{cursor:pointer;touch-action:manipulation}.studio-app button:disabled{cursor:default;opacity:.35}.studio-app :is(button,a,input,textarea,select):focus-visible,.studio-start :is(button,a):focus-visible{outline:2px solid #638c70;outline-offset:3px}.studio-app :is(button,a),.studio-start :is(button,a){-webkit-tap-highlight-color:transparent}.studio-empty h2,.studio-panel h1,.studio-panel h2,.studio-start h1{margin:0;letter-spacing:-.035em;color:var(--studio-ink)}.studio-empty p,.studio-panel p,.studio-start p{margin:0}.studio-brand{display:inline-flex;align-items:baseline;gap:8px;color:var(--studio-ink);text-decoration:none;font-family:var(--font-cormorant),Georgia,serif!important;font-size:25px!important;font-weight:500;letter-spacing:-.8px;border:0;background:none;padding:0;white-space:nowrap}.studio-brand span{font:10px var(--font-body),sans-serif;letter-spacing:.12em}.studio-brand span,.studio-eyebrow{color:var(--studio-muted);text-transform:uppercase}.studio-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:500}.studio-start{min-height:100svh;background:var(--studio-bg)}.studio-start-header{height:80px;padding:0 clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--studio-line);background:#fff}.studio-start-header>a:last-child{color:var(--studio-muted);text-decoration:none;font-size:13px;min-height:44px;display:flex;align-items:center}.studio-start-body{max-width:1200px;margin:auto;padding:64px 32px 80px}.studio-start h1{font-family:var(--font-cormorant),Georgia,serif;font-size:clamp(38px,4.4vw,60px);font-weight:500;line-height:1.1;margin:12px 0 16px}.studio-intro{color:var(--studio-muted);font-size:15px}.studio-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;margin-top:40px}.studio-template{text-align:left;border:1px solid var(--studio-line);background:#fff;padding:0;border-radius:16px;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}.studio-template:hover{transform:translateY(-3px);box-shadow:0 12px 32px #25382e12}.studio-template>div,.studio-template>img{width:100%;aspect-ratio:4/4.5;display:block;object-fit:cover}.studio-template>span{display:grid;grid-gap:4px;gap:4px;padding:20px 52px 20px 20px}.studio-template b{font-size:18px;font-weight:500}.studio-template small{font-size:12px;color:var(--studio-muted)}.studio-template>i{position:absolute;bottom:28px;right:24px;font-style:normal;font-size:20px;color:var(--studio-accent)}.studio-template-blank>div{background:#e6ebdf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.studio-template-blank>div>span{font-size:42px;font-weight:200}.studio-template-blank em{font:italic 38px/1.1 var(--font-cormorant),Georgia,serif;text-align:center}.studio-draft{margin-top:32px;padding:20px 24px;background:#e7eee6;border:1px solid #ccd9ca;border-radius:12px;width:100%;text-align:left;color:var(--studio-ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-draft>span:first-child{display:grid;grid-gap:4px;gap:4px}.studio-draft b{font-weight:500}.studio-draft small{color:var(--studio-muted)}.studio-draft>span:last-child{font-size:13px;white-space:nowrap}.studio-app{height:100dvh;min-height:400px;background:var(--studio-bg);display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) 76px;overflow:hidden}.studio-header{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid var(--studio-line);z-index:5}.studio-steps,.studio-steps button{display:flex;gap:8px;align-items:center}.studio-steps button{min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:none;color:var(--studio-muted);font-size:13px;white-space:nowrap}.studio-steps button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef2ec;font-size:11px}.studio-steps button[aria-current]{background:#edf3ed;color:var(--studio-accent)}.studio-steps button[aria-current]>span{background:var(--studio-accent);color:#fff}.studio-history{justify-self:end;display:flex;gap:4px}.studio-history button{width:40px;height:40px;border:1px solid var(--studio-line);border-radius:8px;background:#fff;font-size:23px;color:var(--studio-ink)}.studio-panel{padding:28px 24px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid var(--studio-line);scrollbar-width:thin;min-height:0;scrollbar-gutter:stable}.studio-panel-title{margin-bottom:28px}.studio-panel-title h1{font-size:26px;line-height:1.2;margin:8px 0 10px;font-weight:600}.studio-panel-title p{color:var(--studio-muted);font-size:13px}.studio-fields{display:grid;grid-gap:20px;gap:20px}.studio-field{display:grid;grid-gap:8px;gap:8px;min-width:0}.studio-field>span{font-size:12px;font-weight:500;color:var(--studio-ink)}.studio-field :is(input,textarea,select){width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #d5ded5;border-radius:8px;background:#fff;color:var(--studio-ink);font-size:14px;line-height:1.5;box-shadow:none;transition:border-color .12s}.studio-field textarea{resize:vertical;min-height:96px}.studio-field input::placeholder{color:#96a198}.studio-field input:focus,.studio-field textarea:focus{border-color:#638c70;outline:2px solid #638c7022;outline-offset:0}.studio-app fieldset{min-width:0;border:0;padding:24px 0 0;margin:4px 0 0;border-top:1px solid var(--studio-line);display:grid;grid-gap:16px;gap:16px}.studio-app legend{float:left;padding:0;margin:0 0 16px;font-size:14px;font-weight:600;width:100%}.studio-note{font-size:12px;color:var(--studio-muted);line-height:1.6}.studio-primary,.studio-secondary{min-height:44px;border-radius:8px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;text-decoration:none;font-size:13px;font-weight:500;transition:background .14s,transform .1s;white-space:normal}.studio-primary{background:var(--studio-accent);border:1px solid var(--studio-accent);color:#fff}.studio-primary:hover{background:#203d30}.studio-secondary{background:#fff;color:var(--studio-ink);border:1px solid var(--studio-line)}.studio-secondary:hover{background:#f1f5ef}.studio-primary:active,.studio-secondary:active{transform:scale(.98)}.studio-preview{min-width:0;min-height:0;overflow:auto;padding:24px 40px 64px;overscroll-behavior:contain;background:#edf0e9;background-image:radial-gradient(#adb7a84d .7px,transparent 0);background-size:14px 14px;scrollbar-width:thin}.studio-preview-label{max-width:480px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#788272;font-size:11px;letter-spacing:.01em}.studio-paper{max-width:480px;width:100%;margin:auto;box-shadow:0 12px 50px #2838251a;border-radius:4px;overflow:hidden;background:#faf8f0;isolation:isolate}.studio-paper:not(.guest) :is(a,button,input){pointer-events:none}.studio-paper:not(.guest){-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-empty{padding:80px 28px;text-align:center}.studio-empty>span{font-size:36px;color:#8a9a82}.studio-empty h2{font-size:21px;margin:20px 0 12px}.studio-empty p{font-size:13px;color:var(--studio-muted)}.studio-bottom{grid-column:1/-1;background:#fff;border-top:1px solid var(--studio-line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;z-index:5}.studio-bottom>div{display:flex;gap:8px}.studio-save{display:flex;align-items:center;gap:7px;color:var(--studio-muted);font-size:11px}.studio-save i{width:6px;height:6px;border-radius:50%;background:#699a73;flex:none}.studio-segment{display:flex;background:#f0f3ed;border-radius:9px;padding:4px;gap:4px;margin-bottom:24px}.studio-segment button{flex:1 1;min-height:36px;border:0;background:none;border-radius:6px;font-size:13px;color:var(--studio-muted)}.studio-segment button[aria-pressed=true]{background:#fff;color:var(--studio-ink);box-shadow:0 1px 4px #25382e0f}.studio-block-list{display:grid;grid-gap:6px;gap:6px}.studio-block-row{display:flex;align-items:center;min-width:0;border:1px solid var(--studio-line);border-radius:9px;overflow:hidden}.studio-block-row.selected{background:#edf3e9;border-color:#9bb592}.studio-block-row>button{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1;padding:12px 10px;min-height:46px;border:0;background:none;text-align:left;color:var(--studio-ink)}.studio-block-row b{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-block-row>button>span{font-size:10px;color:#8b9788}.studio-block-row small{font-size:9px;color:var(--studio-muted)}.studio-block-row>div{display:flex;padding-right:4px}.studio-block-row>div>button{width:30px;min-height:40px;background:none;border:0;color:#6b7b63;font-size:16px}.studio-add{width:100%;min-height:44px;margin:12px 0 0;border:1px dashed #aabca1;border-radius:8px;background:#f8faf6;color:var(--studio-accent);font-size:13px}.studio-add-menu{padding:8px;border:1px solid var(--studio-line);border-radius:10px;margin-top:8px;display:grid;grid-gap:4px;gap:4px}.studio-add-menu button{display:flex;justify-content:space-between;text-align:left;background:#fff;border:0;min-height:42px;border-radius:6px;padding:8px 12px;color:var(--studio-ink);font-size:13px}.studio-add-menu button:hover{background:#edf3e9}.studio-block-editor{margin-top:0;padding-top:0}.studio-block-editor>.studio-text-button{margin-bottom:16px}.studio-editor-title{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.studio-editor-title h2{font-size:20px;font-weight:600}.studio-editor-title>div{display:flex;gap:16px}.studio-delete,.studio-text-button{padding:6px 0;min-height:32px;background:none;border:0;font-size:12px;color:var(--studio-accent);text-align:left}.studio-delete{color:#a75e51}.studio-palettes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.studio-palettes>button{border:1px solid var(--studio-line);background:#fff;border-radius:9px;min-height:70px;padding:12px;color:var(--studio-ink);text-align:left;font-size:12px}.studio-palettes>button.selected{border-color:#759a68;background:#f2f7ef}.studio-palettes>button>span{display:flex;margin-bottom:8px}.studio-palettes i{width:19px;height:19px;border:1px solid #00000010;border-radius:50%;margin-right:-3px}.studio-edge{display:grid;grid-gap:8px;gap:8px}.studio-edge button{border:1px solid var(--studio-line);background:#fff;border-radius:8px;min-height:44px;font-size:13px;color:var(--studio-ink)}.studio-edge button[aria-pressed=true]{background:#edf3e9;border-color:#759a68}.studio-advanced{color:var(--studio-muted);font-size:12px;text-underline-offset:4px;margin-top:12px;min-height:44px;display:flex;align-items:center}.studio-photo-picker{border:1px solid var(--studio-line);border-radius:8px;padding:12px}.studio-photo-picker summary{cursor:pointer;font-size:13px;min-height:24px}.studio-photo-picker summary>span{display:block;font-size:11px;color:var(--studio-muted);margin:4px 0 0 16px}.studio-photo-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:16px}.studio-photo-picker button{border:1px solid var(--studio-line);border-radius:6px;overflow:hidden;background:#f4f6ef;padding:0;text-align:left;color:var(--studio-ink);font-size:10px;min-height:44px}.studio-photo-picker button[aria-pressed=true]{outline:2px solid #6f9362;outline-offset:1px}.studio-photo-picker img{width:100%;height:80px;object-fit:cover;display:block}.studio-photo-picker button>span{display:block;padding:8px;line-height:1.3}.studio-program{display:grid;grid-template-columns:65px minmax(0,1fr) 24px;grid-gap:8px;gap:8px;align-items:end}.studio-program .studio-field>span{font-size:10px}.studio-program input{padding:10px 8px;font-size:12px}.studio-program>button{border:0;background:none;color:#9d6758;font-size:20px;min-height:44px}.studio-colors{display:flex;gap:10px;flex-wrap:wrap}.studio-colors label{display:grid;grid-gap:8px;gap:8px;font-size:10px}.studio-colors input{width:38px;height:38px;padding:2px;border:1px solid var(--studio-line);border-radius:6px;background:none}.studio-checklist{list-style:none;margin:0;padding:0;display:grid;grid-gap:24px;gap:24px}.studio-checklist li{display:flex;gap:12px;align-items:flex-start}.studio-checklist li>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ecf3e9;color:#588448;flex:none}.studio-checklist b{font-size:13px;font-weight:500}.studio-checklist p{font-size:12px;color:var(--studio-muted);margin-top:4px;overflow-wrap:anywhere}.studio-share{display:grid;grid-gap:12px;gap:12px;border-top:1px solid var(--studio-line);padding-top:24px}.studio-share h2{font-size:18px;margin-bottom:8px}.studio-share p{font-size:12px;color:var(--studio-accent);min-height:18px}.studio-mobile-switch{display:none}@media(min-width:1500px){.studio-app{grid-template-columns:400px minmax(0,1fr)}.studio-panel{padding:32px}.studio-paper,.studio-preview-label{max-width:540px}}@media(min-width:701px) and (max-width:1100px){.studio-app{grid-template-columns:320px minmax(0,1fr);grid-template-rows:108px minmax(0,1fr) 76px}.studio-header{grid-template-columns:1fr auto;grid-template-rows:44px 48px;gap:0 16px;padding:8px 20px}.studio-steps{grid-row:2;grid-column:1/-1;justify-content:center}.studio-history{grid-row:1;grid-column:2}.studio-preview{padding:24px 20px 48px}.studio-panel{padding:24px 20px}.studio-start-body{padding:48px 24px}.studio-templates{gap:16px}.studio-template>span{padding:16px 35px 16px 16px}.studio-template small{font-size:11px}.studio-brand{font-size:24px!important}.studio-template-blank em{font-size:30px}}@media(max-width:700px){.studio-app{grid-template-columns:minmax(0,1fr);grid-template-rows:108px 48px minmax(0,1fr) calc(92px + env(safe-area-inset-bottom));min-height:360px}.studio-header{grid-template-columns:1fr auto;grid-template-rows:44px 48px;gap:0 8px;padding:8px 16px}.studio-brand{font-size:22px!important}.studio-brand span{font-size:9px}.studio-history{grid-row:1;grid-column:2}.studio-history button{width:34px;height:34px;font-size:20px}.studio-steps{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:4px}.studio-steps button{gap:6px;padding:8px;font-size:12px;flex:1 1;justify-content:center}.studio-steps button>span{width:20px;height:20px;flex:none}.studio-mobile-switch{display:flex;grid-row:2;padding:6px 16px;gap:6px;background:#fff;border-bottom:1px solid var(--studio-line)}.studio-mobile-switch button{flex:1 1;border:0;border-radius:6px;background:none;color:var(--studio-muted);font-size:12px}.studio-mobile-switch button[aria-pressed=true]{background:#eef3e9;color:var(--studio-accent)}.studio-panel,.studio-preview{grid-column:1;grid-row:3;min-height:0}.studio-panel{padding:24px 20px;border:0}.studio-preview{padding:20px 16px 40px}.studio-preview-label{font-size:10px}.studio-panel-title{margin-bottom:24px}.studio-panel-title h1{font-size:25px}.mobile-form .studio-preview,.mobile-preview .studio-panel{display:none}.studio-field :is(input,textarea,select){font-size:16px}.studio-program input{font-size:16px}.studio-program{grid-template-columns:78px minmax(0,1fr) 28px}.studio-bottom{grid-row:4;display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;padding:10px 16px max(10px,env(safe-area-inset-bottom));align-content:center}.studio-save{font-size:10px;grid-row:2;justify-content:center}.studio-bottom>div{justify-content:stretch}.studio-bottom>div>button{flex:1 1;min-height:42px}.studio-start-header{height:68px;padding:0 20px}.studio-start-header>a:last-child{font-size:11px}.studio-start-body{padding:36px 20px 48px}.studio-start h1{font-size:39px}.studio-intro{font-size:14px;max-width:30ch}.studio-templates{grid-template-columns:1fr;gap:24px;margin-top:28px}.studio-template>div,.studio-template>img{aspect-ratio:4/3.2}.studio-template-blank>div{aspect-ratio:2;gap:12px;flex-direction:row}.studio-template-blank em{font-size:30px}.studio-draft{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.studio-draft>span:last-child{align-self:flex-end}}@media(max-width:360px){.studio-header{padding-left:12px;padding-right:12px}.studio-brand{font-size:20px!important;gap:5px}.studio-brand span{font-size:8px}.studio-steps button{padding:8px 4px;font-size:11px}.studio-panel{padding:20px 16px}.studio-start h1{font-size:35px}}@media(prefers-reduced-motion:reduce){.studio-app *,.studio-start *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}