.root_df4c28{--custom-playground-offset-top:calc(var(--custom-app-top-bar-height) + var(--space-4));background:var(--background-base-lowest);display:grid;grid-template-columns:auto 1fr;height:100vh;max-height:100vh;overflow:hidden;padding-top:var(--custom-playground-offset-top)}.group_df4c28{align-items:center;display:flex;flex-direction:column;gap:var(--space-12);width:var(--custom-guild-list-width)}.header_df4c28{border-inline-start:1px solid var(--app-frame-border);border-start-start-radius:var(--radius-md);border-top:1px solid var(--app-frame-border)}.headerDivider_df4c28{margin-inline-end:var(--space-12)}.headerRight_df4c28{gap:var(--space-4);margin-inline-start:auto;padding-inline-end:var(--space-8)}.copyLinkSplit_df4c28,.headerRight_df4c28{align-items:center;display:flex}.sidebar_df4c28{background:var(--background-base-lowest);border-inline-end:1px solid var(--border-subtle);border-inline-start:1px solid var(--border-subtle);overflow-y:auto;padding:var(--space-16);padding-bottom:var(--space-24);width:280px}.deprecationNotice_df4c28{border-radius:0}.page_df4c28{box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;height:100%;min-height:0;padding-bottom:var(--custom-playground-offset-top)}.content_df4c28,.main_df4c28{flex:1;height:100%;min-height:0}.main_df4c28{display:flex}.mainRightLayout_df4c28{flex-direction:row}.mainBottomLayout_df4c28{flex-direction:column}.canvas_df4c28{background-color:var(--background-base-lower);flex:1;overflow:auto;padding:var(--space-24);padding-bottom:var(--space-32)}.controls_df4c28{background:var(--background-base-lowest);overflow-y:auto;padding:var(--space-16);padding-bottom:var(--space-24)}.controlsRight_df4c28{border-inline-start:1px solid var(--border-subtle);width:300px}.controlsBottom_df4c28{border-block-start:1px solid var(--border-subtle);max-height:300px}.controlsSection_df4c28{margin-bottom:24px}.colorControl_df4c28{display:flex;flex-direction:column;gap:var(--space-8)}.colorControlInput_df4c28{align-items:center;display:flex;gap:var(--space-8)}.colorSwatch_df4c28{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;height:40px;width:40px}.storyContent_df4c28{background:var(--background-surface-high);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);contain:layout;container-type:inline-size;padding:var(--space-24)}

/*# sourceMappingURL=911147.eb4a96910350f852.css.map*/