html[data-template-standalone] body{min-width:320px;margin:0}
html[data-template-standalone] [hidden]{display:none!important}
html[data-template-standalone] #social-media>.sm-module:not(#sm-samples){display:none!important}
html[data-template-standalone] #sm-samples{display:block!important}
html[data-template-standalone] #social-media{padding:12px 24px!important;background:var(--ws-page)!important}
.template-studio-header{height:68px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 24px;border-bottom:1px solid var(--ws-line);background:var(--ws-surface);color:var(--ws-ink)}
.template-studio-identity,.template-studio-state{display:flex;align-items:center;gap:20px;min-width:0}
.template-studio-identity img{width:136px;height:auto;max-height:46px;object-fit:contain}
.template-studio-identity h1{margin:0;padding-left:20px;border-left:1px solid var(--ws-line);font:600 18px/28px 'OpenX Spec SC','OpenX Spec TC',sans-serif;white-space:nowrap}
.template-studio-state{gap:12px;font-size:14px;line-height:22px;color:var(--ws-muted)}
.studio-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;border:1px solid var(--ws-border);border-radius:50%;color:var(--ws-ink);background:transparent;cursor:pointer}
.studio-icon:hover{background:var(--ws-soft)}
html[data-template-standalone] #sm-samples .sm-toolbar{margin-top:0;grid-template-columns:minmax(160px,360px) 164px minmax(max-content,1fr)}
html[data-template-standalone] #sm-project-status:empty{display:none}
html[data-template-standalone] #sm-status{font-size:14px;line-height:22px;margin:8px 0 0;min-height:22px}
html[data-template-standalone] #sm-samples .sm-preview-toolbar{margin-top:8px}
html[data-template-standalone] :is(.sm-footer-links,.sm-inspect-panel,.sm-technical,#sm-copy-pack){display:none!important}
#studio-error{position:fixed;bottom:20px;left:24px;right:24px;z-index:1000;max-width:720px;padding:12px 16px;border:1px solid #ad6969;border-radius:10px;background:var(--ws-surface);color:var(--ws-ink);font-size:14px;line-height:22px;box-shadow:0 10px 30px #0002}
.sm-template-name-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.sm-template-name-dialog footer{flex-wrap:wrap}
.sm-template-name-dialog input{width:100%;min-width:0;box-sizing:border-box}
html[data-template-standalone] #sm-save-project:disabled{opacity:.45}
@media(max-width:700px){.template-studio-header{padding:10px 12px;gap:8px}.template-studio-identity{gap:10px}.template-studio-identity img{width:100px}.template-studio-identity h1{padding-left:10px;font-size:16px}.template-studio-state{gap:8px}#studio-save-state{max-width:120px}html[data-template-standalone] #social-media{padding:12px!important}html[data-template-standalone] #sm-samples .sm-toolbar{grid-template-columns:minmax(0,1fr) 164px}html[data-template-standalone] #sm-samples .sm-header-actions{grid-column:1/-1;justify-content:flex-end}}

/* The stage is a camera viewport, independent of artwork dimensions. */
html[data-template-standalone][data-canvas-viewport=infinite]{height:100%;overflow:hidden}
html[data-template-standalone][data-canvas-viewport=infinite] body{height:100dvh;display:flex;flex-direction:column;overflow:hidden;--studio-grid-dot:#c7c8cf}
html[data-template-standalone][data-theme=dark] body{--studio-grid-dot:#393b43}
html[data-canvas-viewport=infinite] .template-studio-header{flex:none}
html[data-template-standalone][data-canvas-viewport=infinite] main{flex:1;min-height:0;display:flex;overflow:hidden}
html[data-template-standalone][data-canvas-viewport=infinite] #social-media{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 0 0!important;overflow:visible}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples{flex:1;min-height:0;display:flex!important;flex-direction:column;margin:0!important}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-workbench{width:100%;flex:1;min-height:0;grid-template-rows:44px minmax(0,1fr);row-gap:12px;align-items:stretch}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-toolbar{margin:0 24px;min-width:0}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-column{position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-stage{height:100%!important;flex:1;min-height:0!important;width:100%;border-radius:0;overflow:hidden;background-image:radial-gradient(circle,var(--studio-grid-dot) .8px,transparent .9px)!important;background-size:var(--studio-grid-size,32px) var(--studio-grid-size,32px)!important;background-position:var(--studio-grid-x,0px) var(--studio-grid-y,0px)!important;overscroll-behavior:none}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-toolbar{position:absolute;left:16px;right:16px;top:12px;z-index:4;pointer-events:none;gap:16px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-toolbar :is(.sm-edit-tools,.sm-viewport-tools){pointer-events:auto;box-sizing:border-box;flex:none;min-height:52px;padding:4px 6px;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-surface);box-shadow:0 3px 12px #0000000b}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-toolbar .sm-viewport-tools{margin-left:auto}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-column>.sm-status{position:absolute;left:24px;bottom:42px;max-width:calc(100% - 48px);min-height:0;margin:0;padding:4px 8px;border-radius:6px;background:var(--ws-surface);pointer-events:none}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-column>.sm-status:empty{display:none}
html[data-template-standalone][data-canvas-viewport=infinite] .studio-canvas-help{position:absolute;left:24px;bottom:12px;margin:0;padding:4px 8px;border-radius:6px;background:var(--ws-surface);color:var(--ws-muted);font-size:14px;line-height:22px;pointer-events:none}
html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples[data-floating-tools=ready] .sm-floating-panel :is(input,textarea,select,.ox-select-trigger){font-size:15px!important}
@media(max-width:700px){html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-workbench{grid-template-rows:auto minmax(0,1fr)}html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-toolbar{margin:0 12px}html[data-template-standalone][data-canvas-viewport=infinite] #sm-samples .sm-preview-toolbar{left:8px;right:8px;gap:8px}html[data-template-standalone][data-canvas-viewport=infinite] .studio-canvas-help{max-width:calc(100% - 24px);left:12px}}