@layer properties,theme,base;@layer components{.tj7vmG_root{gap:calc(var(--spacing,.25rem) * 1.5);flex-direction:column;display:flex}.tj7vmG_box{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#333338);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}.tj7vmG_box:focus-within{border-color:var(--color-text-tertiary,var(--color-zinc-400))}.tj7vmG_box.tj7vmG_over{border-color:var(--color-error,#f91f1e)}.tj7vmG_toolbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);background-color:var(--color-surface-hover,var(--color-zinc-800));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.tj7vmG_formats{align-items:center;gap:var(--spacing,.25rem);flex-wrap:wrap;min-width:0;display:flex}.tj7vmG_format{height:calc(var(--spacing,.25rem) * 8);min-width:calc(var(--spacing,.25rem) * 8);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);color:var(--color-text-secondary,var(--color-zinc-300));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.tj7vmG_format:hover{background-color:var(--color-border,#333338)}}.tj7vmG_format:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-brand,#3ef5a0)}.tj7vmG_format:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover){.tj7vmG_format:disabled:hover{background-color:#0000}}.tj7vmG_format.tj7vmG_labelled{margin-left:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#333338);padding-inline:calc(var(--spacing,.25rem) * 2.5);border-radius:2147483647px}.tj7vmG_formatIcon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.tj7vmG_input,.tj7vmG_preview{min-height:calc(var(--spacing,.25rem) * 48);width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);display:block}.tj7vmG_input{resize:vertical;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:var(--color-text-primary,var(--color-zinc-50));--tw-outline-style:none;background-color:#0000;outline-style:none}.tj7vmG_input::placeholder{color:var(--color-text-tertiary,var(--color-zinc-400))}.tj7vmG_input:disabled{cursor:not-allowed;opacity:.4}.tj7vmG_footer{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 4);display:flex}.tj7vmG_counter{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );flex-shrink:0}.tj7vmG_counter.tj7vmG_over{color:var(--color-error,#f91f1e)}.tj7vmG_panes{display:contents}.tj7vmG_box.tj7vmG_split{flex-direction:column;display:flex}.tj7vmG_split .tj7vmG_panes{flex:1;min-height:0;display:flex}@media (min-width:64rem){.tj7vmG_split .tj7vmG_panes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media not all and (min-width:64rem){.tj7vmG_split .tj7vmG_modes{order:-9999}}@media (min-width:64rem){.tj7vmG_split .tj7vmG_modes{display:none}}.tj7vmG_pane{display:contents}.tj7vmG_paneLabel{display:none}.tj7vmG_split .tj7vmG_pane{flex-direction:column;flex:1;min-height:0;display:flex}.tj7vmG_split .tj7vmG_paneLabel{margin-inline:calc(var(--spacing,.25rem) * 4);margin-top:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-md,.375rem);background-color:var(--color-surface-hover,var(--color-zinc-800));width:fit-content;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5)}@media (min-width:64rem){.tj7vmG_split .tj7vmG_paneLabel{display:block}}.tj7vmG_split .tj7vmG_input,.tj7vmG_split .tj7vmG_preview{flex:1;min-height:0;overflow-y:auto}.tj7vmG_split .tj7vmG_input{resize:none}@media not all and (min-width:64rem){.tj7vmG_split .tj7vmG_input{field-sizing:content}}@media (min-width:64rem){.tj7vmG_split .tj7vmG_pane+.tj7vmG_pane{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-border,#333338)}}@media not all and (min-width:64rem){.tj7vmG_split .tj7vmG_narrowHidden{display:none}}}@layer utilities;@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
