/* Tablet/desktop panels occupy their own column; phone tools remain a bottom sheet. */
#design-studio[data-approved=true]{box-sizing:border-box;height:calc(var(--studio-visible-height,100dvh) - 24px);max-height:var(--studio-visible-height,100dvh);top:var(--studio-visible-top,0px)}
#design-studio[data-approved=true] .studio-workspace{height:auto;min-width:0}
#design-studio[data-approved=true] input,#design-studio[data-approved=true] select,#design-studio[data-approved=true] textarea{max-width:100%;box-sizing:border-box;min-height:44px}
#design-studio[data-approved=true] .studio-frame-stage iframe{min-height:0;max-width:none;transform-origin:top left}
#design-studio[data-approved=true] .studio-frame-stage{margin-inline:auto}
#design-studio[data-approved=true] .studio-preview-toolbar{min-width:0}
#design-studio[data-approved=true] .studio-preview-toolbar button{min-height:44px!important}
#design-studio[data-approved=true] #studio-direct-panel>header{position:sticky;z-index:2;flex-wrap:wrap}
#design-studio[data-approved=true] #studio-direct-panel>header h3{overflow-wrap:anywhere;min-width:0;flex:1}
#design-studio[data-approved=true] .studio-destination-list button{overflow-wrap:anywhere;min-width:0}
#design-studio[data-approved=true][data-workspace=wide]{width:calc(100vw - 24px);max-width:1600px;margin:12px auto}
#design-studio[data-approved=true][data-workspace=wide] .studio-workspace{display:grid;grid-template-areas:'rail canvas panel' 'rail context panel';grid-template-rows:minmax(0,1fr) auto;grid-template-columns:76px minmax(0,1fr) 0;gap:0}
#design-studio[data-approved=true][data-workspace=wide][data-sidepanel=true] .studio-workspace{grid-template-columns:76px minmax(0,1fr) 320px}
#design-studio[data-approved=true][data-device=desktop][data-sidepanel=true] .studio-workspace{grid-template-columns:84px minmax(0,1fr) 360px}
#design-studio[data-approved=true][data-workspace=wide] .studio-canvas-area{grid-area:canvas;min-width:0;min-height:0}
#design-studio[data-approved=true][data-workspace=wide] .studio-toolrail{grid-area:rail;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;border-radius:0;border:0;border-right:1px solid #e1e8e1;padding:12px 5px;gap:12px;overflow-y:auto}
#design-studio[data-approved=true][data-workspace=wide] .studio-toolrail button{flex:0 0 auto;max-width:none;min-height:68px!important}
#design-studio[data-approved=true][data-workspace=wide] #studio-contextbar{grid-area:context;justify-content:flex-start;min-width:0;padding-bottom:7px;gap:8px}
#design-studio[data-approved=true][data-workspace=wide] #studio-direct-panel,#design-studio[data-approved=true][data-workspace=wide] .studio-inspector{grid-area:panel;position:relative;inset:auto;width:auto;min-width:0;max-width:none;max-height:none;height:100%;box-sizing:border-box;border-radius:0;border:0;border-left:1px solid #dfe6df;padding:16px;box-shadow:none;overflow:auto}
#design-studio[data-approved=true][data-workspace=wide] #studio-direct-panel>header{top:-16px;padding-top:4px}
#design-studio[data-approved=true][data-workspace=wide][data-selected=true] .studio-toolrail{display:flex}
#design-studio[data-approved=true][data-workspace=wide][data-preview=true] .studio-workspace{grid-template-areas:'canvas' 'context';grid-template-columns:minmax(0,1fr)}
#design-studio[data-approved=true][data-workspace=wide] .studio-local-note{padding:8px}
#design-studio[data-approved=true][data-workspace=phone]{width:100vw;height:var(--studio-visible-height,100dvh);margin:0;border-radius:0}
#design-studio[data-approved=true][data-workspace=phone] #studio-direct-panel,#design-studio[data-approved=true][data-workspace=phone] .studio-inspector{max-height:60%;padding-inline:16px}
#design-studio[data-approved=true][data-workspace=phone][data-sheetopen=true] .studio-toolrail,#design-studio[data-approved=true][data-workspace=phone][data-sheetopen=true] #studio-contextbar{visibility:hidden}
#design-studio[data-approved=true][data-workspace=phone][data-keyboard=true] #studio-direct-panel,#design-studio[data-approved=true][data-workspace=phone][data-keyboard=true] .studio-inspector{max-height:calc(100% - 8px);bottom:0}
#design-studio[data-approved=true][data-workspace=phone] .studio-toolbar{padding-top:env(safe-area-inset-top,0px);height:calc(72px + env(safe-area-inset-top,0px));min-height:calc(72px + env(safe-area-inset-top,0px))}
@media(max-height:500px){#design-studio[data-approved=true] .studio-toolbar{height:58px;min-height:58px}#design-studio[data-approved=true] .studio-local-note{display:none}#design-studio[data-approved=true] .studio-toolrail{gap:4px}#design-studio[data-approved=true] #studio-contextbar{min-height:54px}}
@media(min-width:700px) and (max-width:1000px){#design-studio[data-approved=true][data-workspace=wide][data-sidepanel=true] .studio-workspace{grid-template-columns:64px minmax(0,1fr) 280px}}
/* Shared invitation safety: preserve authored composition, allow content tracks to shrink. */
.invitation-page:not(.spiritlife-page) :where(section,header,article,aside,div,dl,dd,form){min-width:0}
.invitation-page:not(.spiritlife-page) :where(p,li,dd,button,input,textarea,select){overflow-wrap:anywhere}
.invitation-page:not(.spiritlife-page) :where(input,textarea,select){max-width:100%;box-sizing:border-box}
.invitation-page:not(.spiritlife-page) :where(video){max-width:100%;object-fit:contain}
#editor[data-studio-scope]{position:fixed;top:var(--studio-visible-top,0px);bottom:auto;max-height:calc(var(--studio-visible-height,100dvh) - 16px);margin:8px auto;overflow:auto;box-sizing:border-box;scroll-padding-bottom:72px}
@media(max-width:760px){#editor[data-studio-scope]{margin:8px 0;border-radius:12px;max-height:calc(var(--studio-visible-height,100dvh) - 16px)}}
#design-studio[data-approved=true] .direct-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#design-studio[data-approved=true] .direct-add-grid button{min-width:0;overflow-wrap:anywhere}
#design-studio[data-approved=true][data-device=tablet] .direct-add-grid{grid-template-columns:minmax(0,1fr)}
#design-studio[data-approved=true][data-workspace=wide] .studio-control-pair,#design-studio[data-approved=true][data-workspace=wide] .direct-format-grid{grid-template-columns:minmax(0,1fr)}
@media(max-height:500px){#design-studio[data-approved=true][data-workspace] .studio-toolbar{height:58px;min-height:58px;padding-top:0}}
#design-studio[data-approved=true][data-workspace=wide]{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
#design-studio[data-approved=true][data-workspace=wide] #studio-contextbar{padding-bottom:max(7px,env(safe-area-inset-bottom,0px))}
#design-studio[data-approved=true] input:not([type=color]):not([type=range]),#design-studio[data-approved=true] select,#design-studio[data-approved=true] textarea{font-size:16px}
#design-studio[data-approved=true] #studio-contextbar .studio-context-done{position:sticky;right:0;z-index:2;box-shadow:-6px 0 8px #ffffffcc}