@layer theos.frames{.theos-compose-portal{z-index:1000;background:var(--theos-bg);position:fixed;inset:0}.theos-compose-surface{inset:0;inline-size:100%;block-size:var(--vvh);padding-inline:max(var(--theos-space-0), calc((100% - var(--theos-panel-lg)) / 2));background:var(--theos-bg);color:var(--theos-text);grid-template-rows:auto minmax(0,1fr) auto;padding-block-start:max(var(--theos-space-0), env(safe-area-inset-top,var(--theos-space-0)));display:grid;position:absolute;inset-block-start:var(--vv-offset-top);inset-block-end:auto}.theos-compose-surface__bar{align-items:center;gap:var(--theos-space-2);block-size:var(--theos-bar-app);padding-inline:var(--theos-space-3);border-block-end:var(--theos-hairline) solid var(--theos-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.theos-compose-surface__title{text-align:center}.theos-compose-surface__close{flex-shrink:0}.theos-compose-surface__body{overscroll-behavior:contain;padding:var(--theos-space-3);gap:var(--theos-space-2);flex-direction:column;display:flex;overflow-y:auto}.theos-compose-surface__field{font-family:var(--theos-font-body);font-size:max(var(--theos-type-body-size), var(--theos-control-field-min-font-size,0px));font-weight:var(--theos-type-body-weight);line-height:var(--theos-leading-normal);letter-spacing:var(--theos-type-body-tracking);color:var(--theos-text);padding:var(--theos-space-1) var(--theos-space-2);background:0 0;border:0}.theos-compose-surface__field::placeholder{color:var(--theos-text-muted)}.theos-compose-surface__field--body{resize:none;min-block-size:var(--theos-touch-min-absolute);flex:1}.theos-compose-surface__fields{gap:var(--theos-space-2);flex-direction:column;flex:1;min-block-size:0;display:flex}.theos-compose-surface__post{block-size:var(--theos-step-5);padding-inline:var(--theos-space-3)}.theos-compose-surface__post,.theos-compose-surface__tool-label{font-family:var(--theos-font-ui);font-size:var(--theos-type-caption-size);font-weight:var(--theos-type-caption-weight);line-height:var(--theos-leading-tight);letter-spacing:var(--theos-type-caption-tracking)}.theos-compose-surface__tools{align-items:center;gap:var(--theos-space-2);padding-inline:var(--theos-space-3);padding-block:var(--theos-space-2);border-block-start:var(--theos-hairline) solid var(--theos-border);display:flex}.theos-compose-surface__tool{align-items:center;gap:var(--theos-space-2);padding-inline:var(--theos-space-2);block-size:var(--theos-step-5);border-color:#0000;display:inline-flex}.theos-compose-surface__previews{gap:var(--theos-space-2);flex-wrap:wrap;display:flex}.theos-compose-surface__preview{inline-size:var(--theos-step-8);block-size:var(--theos-step-8);border:var(--theos-hairline) solid var(--theos-border);position:relative;overflow:hidden}.theos-compose-surface__preview-img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.theos-compose-surface__preview-remove{inline-size:var(--theos-step-4);block-size:var(--theos-step-4);aspect-ratio:var(--theos-aspect-square);padding:var(--theos-space-0);background:var(--theos-bg);color:var(--theos-text);border:var(--theos-hairline) solid var(--theos-border);border-radius:var(--theos-radius-round);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--theos-space-1);inset-inline-end:var(--theos-space-1)}@media (hover:hover){.theos-compose-surface__preview-remove:hover{color:var(--theos-text)}}.theos-compose-surface__preview-remove:active{color:var(--theos-text)}.theos-compose-surface__tools{padding-block-end:max(var(--theos-space-2), env(safe-area-inset-bottom,var(--theos-space-0)))}:root.kb-open .theos-compose-surface__tools{padding-block-end:var(--theos-space-2)}}