/* Approved concept, shared by mobile and desktop. Actual keyboards remain system-owned. */
#design-studio[data-approved=true]{font-family:var(--sans);background:#f7f8f7;color:#102a20;border:0;border-radius:10px;max-width:1440px;padding:0}
#design-studio[data-approved=true] .studio-toolbar{height:58px;min-height:58px;padding:5px 12px;display:grid;grid-template-columns:70px 1fr 70px;gap:0;background:#fff;border-bottom:1px solid #e3e8e3}
#design-studio[data-approved=true] button{font-size:14px;line-height:1.2;min-height:44px;border-radius:7px;touch-action:manipulation}
#design-studio[data-approved=true] .studio-back{padding:8px;border:0;background:none;width:44px;min-width:44px;justify-self:start}
.studio-icon{display:block;width:24px;height:24px;flex-shrink:0;object-fit:contain}
#design-studio[data-approved=true] .studio-save{min-width:70px;height:42px;min-height:42px;background:#0b432b;border:0;border-radius:10px;color:#fff;font-weight:600;padding:10px 16px;justify-self:end}
.studio-logo{position:relative;justify-self:center;width:106px;height:45px;overflow:hidden}.studio-logo>img{position:absolute;max-width:none;width:114px;left:-4px;top:-15px;height:auto}
#design-studio[data-approved=true] .studio-workspace{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0;flex:1}
#design-studio[data-approved=true] .studio-canvas-area{order:0;flex:1;min-height:0;min-width:0;height:auto;padding:0;background:#f4f5f4;display:flex;flex-direction:column}
#design-studio[data-approved=true] .studio-preview-toolbar{height:51px;min-height:51px;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:3px 10px;background:#fff;border-bottom:1px solid #e4e9e4;align-items:center}
#design-studio[data-approved=true] .studio-preview-toolbar button{min-height:44px;padding:7px;border:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px}
#design-studio[data-approved=true] .studio-preview-toolbar [data-studio-action=mode]{justify-self:end;font-size:13px}
.studio-history{display:flex;gap:4px}.studio-history button{width:44px}.studio-history button:disabled{opacity:.3}
#design-studio[data-approved=true] .studio-zoom-label{display:flex;align-items:center;gap:6px;margin:0;padding:0 7px;background:#fafbf9;border:1px solid #e4e9e4;border-radius:8px;font-size:14px;color:#102a20}
#design-studio[data-approved=true] .studio-zoom-label .studio-icon{width:19px;height:19px}#design-studio[data-approved=true] #studio-zoom{background:transparent;border:0;width:70px;padding:4px 2px;min-height:40px;font-size:14px;color:inherit}
#design-studio[data-approved=true] .studio-frame-wrap{flex:1;min-height:0;overflow:auto;padding:0;text-align:left;overscroll-behavior:contain}
#design-studio[data-approved=true] .studio-frame-stage iframe{box-shadow:none}
#design-studio[data-approved=true] .studio-local-note{display:block;flex-shrink:0;text-align:center;margin:0;padding:18px 10px;color:#747c79;font-size:12px;line-height:1.5;background:#f5f6f5}
#design-studio[data-approved=true] .studio-toolrail{order:2;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:0;flex-shrink:0;background:#fff;border:0;border-top:1px solid #e8ece8;border-radius:18px 18px 0 0;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px));z-index:6}
#design-studio[data-approved=true] .studio-toolrail button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;flex:1;min-width:0;padding:3px 0!important;background:none;border:0;min-height:55px!important;border-radius:8px;font-size:12px!important;color:#112c20}
#design-studio[data-approved=true] .studio-toolrail button .studio-icon{width:29px;height:29px}#design-studio[data-approved=true] .studio-toolrail button span{font-size:12px;line-height:1.2}
#design-studio[data-approved=true] .studio-toolrail [data-chrome-action=add] .studio-icon{padding:6px;width:38px;height:38px;border-radius:50%;background:#0b432b;box-sizing:border-box;filter:none}#design-studio[data-approved=true] .studio-toolrail [data-chrome-action=add]{gap:3px}
#design-studio[data-approved=true] .studio-inspector{position:absolute;left:0;right:0;bottom:0;max-height:70%;width:auto;z-index:20;border-radius:18px 18px 0 0;background:#fff}
#design-studio[data-approved=true] #studio-status{padding:0 12px;background:#fff;border:0;min-height:0;height:auto;font-size:12px;line-height:1.5;color:#4d6558;flex-shrink:0}#design-studio[data-approved=true] #studio-status:not(:empty){padding-block:5px}
#design-studio[data-approved=true] #studio-direct-panel{position:absolute;inset:auto 0 0;width:auto;max-width:none;max-height:74%;border:0;border-top:1px solid #e0e7e1;border-radius:18px 18px 0 0;padding:12px 22px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px #142d2010;z-index:30;background:#fff;overflow:auto;scroll-padding-bottom:16px}
#design-studio[data-approved=true] #studio-direct-panel>header{top:-12px;padding:0 0 10px;min-height:44px;background:#fff;align-items:center;gap:10px}#design-studio[data-approved=true] #studio-direct-panel h3{font-size:19px;line-height:1.2;margin:0;font-weight:650;color:#102a20}#design-studio[data-approved=true] #studio-direct-panel>header button{border:0;padding:8px;min-width:44px;min-height:44px;background:none}
#design-studio[data-approved=true] .direct-add-grid{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:2px}
#design-studio[data-approved=true] .direct-add-grid button{border:0;border-radius:8px;padding:5px 7px!important;min-height:51px!important;display:flex;align-items:center;gap:18px;text-align:left;background:none;font-size:15px!important}
#design-studio[data-approved=true] .direct-add-grid .studio-icon{width:31px;height:31px}
#studio-contextbar{order:1;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:6px 8px calc(7px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e1e8e1;z-index:8;min-height:58px}
#design-studio[data-approved=true] #studio-contextbar button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:42px;min-height:44px;padding:6px 7px;border:0;background:none;font-size:13px;white-space:nowrap}
#design-studio[data-approved=true] #studio-contextbar .studio-icon{width:22px;height:22px}
#design-studio[data-approved=true] #studio-contextbar .studio-context-done{background:#0b432b;color:#fff;padding:8px 14px;min-width:64px;border-radius:8px}
.studio-context-colour{position:relative;display:flex!important;align-items:center;justify-content:center;gap:6px;height:44px;padding:5px 4px;margin:0!important;min-width:76px;font-size:13px!important;color:#102a20!important;cursor:pointer}.studio-context-colour>input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer}.studio-colour-dot{width:23px;height:23px;border:1px solid #c6a961;border-radius:50%;box-sizing:border-box}
#design-studio[data-approved=true][data-selected=true] .studio-toolrail,#design-studio[data-approved=true][data-selected=true] .studio-local-note{display:none}
#design-studio[data-approved=true][data-preview=true] .studio-toolrail,#design-studio[data-approved=true][data-preview=true] .studio-local-note,#design-studio[data-approved=true][data-preview=true] #studio-contextbar{display:none!important}
#design-studio[data-approved=true][data-keyboard=true] #studio-contextbar{padding-bottom:6px}#design-studio[data-approved=true][data-keyboard=true] #studio-direct-panel{bottom:0;max-height:calc(100% - 12px)}
.studio-font-list{display:grid;gap:4px}.studio-font-list button{text-align:left;font-size:20px!important;padding:12px!important;border:0!important}.studio-font-list button[aria-pressed=true]{background:#edf4ed!important}.studio-size-control{display:flex;align-items:center;gap:12px;justify-content:center;padding:22px 0}.studio-size-control label{margin:0!important;max-width:110px}.studio-size-control input{width:100%}.studio-size-control button{font-size:24px!important;min-width:48px}
.studio-sheet-add{display:flex;gap:8px;align-items:center;margin:10px 0;width:100%}.studio-photo-picker{display:grid;gap:10px}.studio-photo-picker>button{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:8px!important}.studio-photo-picker img,.studio-photo-picker .studio-task-vector{width:60px;height:64px;object-fit:cover}.studio-photo-picker span{font-size:13px;overflow-wrap:anywhere}.studio-photo-picker b{font-size:12px;font-weight:600}.studio-arrange-list{display:grid;gap:6px}.studio-arrange-list button{display:flex;gap:12px;text-align:left;align-items:center}.studio-arrange-list img{width:40px;height:40px;object-fit:cover}.studio-arrange-list span{font-size:13px;overflow-wrap:anywhere}
.studio-a11y-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}
@media(min-width:761px){#design-studio[data-approved=true]{max-width:1240px}#design-studio[data-approved=true] .studio-toolbar{padding-inline:20px}.studio-toolrail button{max-width:130px}#design-studio[data-approved=true] #studio-direct-panel{left:auto;right:18px;bottom:18px;width:410px;max-height:75%;border:1px solid #d6e1d6;border-radius:14px}#studio-contextbar{justify-content:center;gap:15px}}
@media(max-width:760px){#design-studio[data-approved=true]{width:100vw;max-width:none;height:var(--studio-visible-height,100dvh);top:var(--studio-visible-top,0px);border-radius:0;margin:0}.studio-history{gap:0}#design-studio[data-approved=true] .studio-toolbar{padding-inline:10px}#design-studio[data-approved=true] .studio-preview-toolbar{gap:4px}#design-studio[data-approved=true] #studio-direct-panel[data-chrome-panel=add]{max-height:65%}}
@media(max-width:360px){#design-studio[data-approved=true] #studio-contextbar button{padding-inline:4px;gap:3px;font-size:12px}#design-studio[data-approved=true] #studio-contextbar .studio-icon{width:19px;height:19px}.studio-context-colour{min-width:66px;font-size:12px!important;gap:4px}#design-studio[data-approved=true] #studio-contextbar .studio-context-done{min-width:55px;padding-inline:9px}#design-studio[data-approved=true] .studio-preview-toolbar [data-studio-action=mode]{gap:4px;font-size:12px}#design-studio[data-approved=true] .studio-zoom-label{gap:1px;padding-inline:4px}#design-studio[data-approved=true] #studio-zoom{width:63px}.direct-add-grid{column-gap:6px!important}#design-studio[data-approved=true] .direct-add-grid button{gap:12px;font-size:14px!important}}

#design-studio[data-approved=true] .studio-toolrail .studio-add-icon{display:grid;place-items:center;width:38px;height:38px;background:#0b432b;border-radius:50%}#design-studio[data-approved=true] .studio-toolrail [data-chrome-action=add] .studio-add-icon .studio-icon{width:24px;height:24px;background:none;padding:0;filter:invert(1)}
#editor[data-studio-scope]{padding:16px 20px;background:#fff;border:0;border-radius:18px 18px 0 0;max-width:640px;max-height:82dvh;color:#163024}#editor[data-studio-scope] .editor-content{display:block}#editor[data-studio-scope] .editor-art,#editor[data-studio-scope] .studio-quick-launch,#editor[data-studio-scope] .editor-heading .eyebrow{display:none}#editor[data-studio-scope] .editor-heading{margin-bottom:15px}#editor[data-studio-scope] .editor-heading h2{font:600 20px/1.3 var(--sans);margin:0}#editor[data-studio-scope] #invitation-form>:not(button[type=submit]){display:none}#editor[data-studio-scope=gallery] #invitation-form>.media-editor,#editor[data-studio-scope=map] #invitation-form>.venue-map-editor{display:block;border:0;padding:0;margin:0}#editor[data-studio-scope] fieldset>legend{display:none}#editor[data-studio-scope=gallery] #video-editor,#editor[data-studio-scope=gallery] .media-demo-setting{display:none!important}#editor[data-studio-scope] button[type=submit]{position:sticky;bottom:0;background:#0b432b;width:100%;border-radius:9px;color:#fff}#editor[data-studio-scope] input,#editor[data-studio-scope] select,#editor[data-studio-scope] textarea{font-size:16px;min-height:44px}@media(max-width:760px){#editor[data-studio-scope]{width:100%;max-width:none;position:fixed;inset:auto 0 0;margin:0;max-height:82dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
/* Clear saving and navigation, without changing the invitation-first workspace. */
#design-studio[data-approved=true] .studio-toolbar{height:72px;min-height:72px;grid-template-columns:70px 1fr 100px}
.studio-save-group{display:flex;flex-direction:column;align-items:center;gap:3px;justify-self:end;min-width:100px}
#design-studio[data-approved=true] .studio-save{min-height:44px;height:44px}
#studio-save-feedback{display:block;font:12px/1.2 var(--sans);white-space:nowrap;color:#55675d}
#studio-save-feedback[data-state=saved]{color:#14603e}#studio-save-feedback[data-state=error]{color:#a12923}
#design-studio[data-approved=true] .studio-preview-toolbar{grid-template-columns:auto auto minmax(0,1fr);gap:4px}
#design-studio[data-approved=true] .studio-history .studio-always-add{width:auto;gap:2px;padding-inline:4px;color:#0b432b;font-weight:650}
#design-studio[data-approved=true] .studio-always-add .studio-icon{width:18px;height:18px}
#design-studio[data-approved=true] .studio-zoom-label{padding-inline:2px;gap:0}
#design-studio[data-approved=true] .studio-zoom-label .studio-icon{display:none}
#design-studio[data-approved=true] #studio-zoom{width:60px}
#design-studio[data-approved=true] #studio-direct-panel>header .studio-back-canvas{font-size:13px;padding:8px 4px;color:#155235;white-space:nowrap}
#design-studio[data-approved=true] #studio-confirm{z-index:100;inset:auto 12px 12px;background:white;border-color:#b8cdbd;padding:18px;display:flex;flex-wrap:wrap;gap:8px}
#design-studio[data-approved=true] #studio-confirm[hidden]{display:none}
#design-studio[data-approved=true] #studio-confirm p{width:100%;margin:0 0 8px;font-size:16px}
#design-studio[data-approved=true] #studio-confirm [data-studio-action=save-exit]{background:#0b432b;color:white}
@media(max-width:360px){#design-studio[data-approved=true] .studio-preview-toolbar{padding-inline:4px;gap:2px}#design-studio[data-approved=true] .studio-preview-toolbar [data-studio-action=mode]{padding-inline:4px;gap:2px}.studio-history{gap:0}#design-studio[data-approved=true] .studio-toolbar{grid-template-columns:50px 1fr 100px}}

#studio-auto-media-warning{margin:0;padding:7px 12px;font:12px/1.4 var(--sans);background:#fff6df;color:#664917;flex-shrink:0}#studio-auto-media-warning[hidden]{display:none}#studio-autosave-detail{flex-basis:100%;margin:0;font-size:13px;line-height:1.4}.editor-heading:has(#studio-autosave-detail){flex-wrap:wrap}
/* Context-first controls: useful actions stay visible; details stay optional. */
#design-studio[data-approved=true] .studio-back{display:flex;align-items:center;gap:2px;width:auto;min-width:64px;padding:6px 2px;font-size:13px}.studio-back .studio-icon{width:19px;height:19px}
#design-studio[data-approved=true] #studio-zoom{min-height:44px}
#design-studio[data-approved=true] #studio-contextbar button{min-width:44px}
#design-studio[data-approved=true] .studio-options{border-top:1px solid #e1e7e1;margin-top:12px;padding-top:5px}
#design-studio[data-approved=true] .studio-options summary{min-height:44px;display:list-item;align-content:center;padding:12px 4px;font-size:14px;font-weight:600;cursor:pointer}
#design-studio[data-approved=true] .studio-options>button{margin:5px 3px}
#design-studio[data-approved=true] .studio-options>label{display:block;margin:12px 0}
#design-studio[data-approved=true] .studio-options input,#design-studio[data-approved=true] .studio-options select{width:100%}
@media(max-width:360px){#design-studio[data-approved=true] .studio-toolbar{grid-template-columns:66px 1fr 100px}#design-studio[data-approved=true] .studio-logo{width:96px}}
#editor[data-studio-scope=event] #invitation-form>label[data-friendly-event],#editor[data-studio-scope=event] #invitation-form>.two:has([data-friendly-event]){display:block}#editor[data-studio-scope=event] #invitation-form>.two>label:not([data-friendly-event]){display:none}
.studio-move-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-move-grid button{min-height:48px!important}
/* Explicit destination and removal actions stay touch-sized. */
.studio-destination-list{display:grid;gap:10px;margin:16px 0}.studio-destination-list button,[data-placement-canvas],[data-placement-cancel],.studio-removal-actions button{min-height:44px;padding:12px 16px;border:1px solid #cbd7cf;border-radius:10px;background:#fff;color:#24372c;text-align:left;font:inherit}.studio-removal-actions{display:grid;gap:12px;margin-top:18px}.studio-removal-actions p{font-size:13px;line-height:1.5}.studio-contextbar{overflow-x:auto}
#studio-contextbar{overflow-x:auto}#design-studio[data-approved=true] #studio-contextbar button{flex-shrink:0;min-width:44px}