.composer-lab-shell{z-index:40;width:var(--composer-viewport-width,100vw);height:var(--composer-viewport-height,100dvh);transform:translate3d(var(--composer-viewport-offset-left,0), var(--composer-viewport-offset-top,0), 0);position:fixed;top:0;left:0}.composer-lab-editor{min-height:100%;color:var(--foreground);caret-color:var(--primary);outline:none;font-size:1rem;line-height:1.75}.composer-lab-editor>*+*{margin-top:1rem}.composer-lab-editor h2{letter-spacing:-.025em;margin-top:1.75rem;font-size:1.75rem;font-weight:700;line-height:1.2}.composer-lab-editor h3{margin-top:1.5rem;font-size:1.3rem;font-weight:650;line-height:1.3}.composer-lab-editor p{min-height:1.75em}.composer-lab-editor ul,.composer-lab-editor ol{padding-left:1.5rem}.composer-lab-editor ul{list-style:outside}.composer-lab-editor ol{list-style:decimal}.composer-lab-editor li+li{margin-top:.35rem}.composer-lab-editor li>p{margin:0}.composer-lab-editor strong{font-weight:700}.composer-lab-editor em{font-style:italic}.composer-lab-editor a{color:var(--primary);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}.composer-lab-editor ::selection{background:color-mix(in oklab, var(--primary) 28%, transparent)}.composer-media{outline-offset:3px;border-radius:.9rem;outline:2px solid #0000;width:100%;max-width:100%;margin-inline:0;transition:outline-color .12s,box-shadow .12s;position:relative;overflow:hidden}.composer-media-selected{outline-color:color-mix(in oklab, var(--primary) 72%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 12%, transparent)}.composer-media img,.composer-media video{border-radius:inherit;background:var(--muted);-webkit-user-drag:none;width:100%;max-width:100%;height:auto;display:block}.composer-media video{max-height:min(60dvh,34rem)}.composer-media figcaption{color:var(--muted-foreground);text-align:center;padding:.6rem .15rem 0;font-size:.875rem;line-height:1.45}.composer-media-select{z-index:2;border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--background) 88%, transparent);min-width:2.75rem;min-height:2.75rem;color:var(--foreground);opacity:.94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .625rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 1px 5px #00000024}.composer-media-select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.composer-media-select svg{flex:none;width:1rem;height:1rem}.composer-media-select span{pointer-events:none;-webkit-user-select:none;user-select:none}.composer-media-fallback{border:1px dashed var(--border);border-radius:inherit;background:var(--muted);min-height:9rem;color:var(--muted-foreground);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}@media (width>=640px){.composer-lab-editor{font-size:1.0625rem}.composer-lab-editor h2{font-size:2rem}}.composer-lab-editor [data-composer-callout]{border:1px solid color-mix(in oklab, var(--primary) 24%, var(--border));background:color-mix(in oklab, var(--primary) 7%, var(--background));border-left-width:.3rem;border-radius:.75rem;margin:1rem 0;padding:.875rem 1rem}.composer-lab-editor [data-composer-callout][data-variant=warning]{border-color:color-mix(in oklab, var(--destructive) 42%, var(--border));background:color-mix(in oklab, var(--destructive) 7%, var(--background))}.composer-action{outline-offset:3px;outline:2px solid #0000;margin:1rem 0}.composer-action.ProseMirror-selectednode,.composer-divider.ProseMirror-selectednode{outline-color:color-mix(in oklab, var(--primary) 72%, transparent)}.composer-action button{background:var(--primary);max-width:100%;min-height:2.75rem;color:var(--primary-foreground);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:.7rem;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:650;display:inline-flex}.composer-divider{cursor:pointer;outline-offset:2px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:.5rem;outline:2px solid #0000;align-items:center;min-height:2.75rem;margin:.65rem 0;display:flex}.composer-divider hr{border:0;border-top:1px solid var(--border);pointer-events:none;width:100%}.composer-document{border:1px solid var(--border);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:1rem;align-items:center;gap:.875rem;min-height:4.75rem;margin:1rem 0;padding:.875rem 1rem;display:flex}.composer-document>svg{color:var(--primary);flex:none}.composer-document.ProseMirror-selectednode,.composer-document-selected{outline:2px solid var(--ring);outline-offset:2px}.composer-lab-dialog-portal{z-index:50;pointer-events:none;position:absolute;inset:0}.composer-lab-dialog-overlay{z-index:50;pointer-events:auto;background:#00000080;animation:.16s ease-out composer-dialog-fade-in;position:absolute;inset:0}.composer-lab-dialog-layer{z-index:51;pointer-events:none;outline:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.composer-lab-dialog-panel{border:1px solid var(--border);background:var(--background);width:min(100%,32rem);max-height:calc(100% - 2rem);color:var(--foreground);pointer-events:auto;border-radius:1rem;flex-direction:column;padding:1.25rem;animation:.16s ease-out composer-dialog-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000038}.composer-lab-dialog-field{flex-direction:column;gap:.5rem;display:flex}.composer-lab-dialog-input{box-sizing:border-box;border:1px solid var(--input);background:var(--background);width:100%;min-height:2.75rem;color:var(--foreground);font:inherit;border-radius:.375rem;outline:none;padding:0 .75rem;font-weight:400}.composer-lab-dialog-input:focus-visible{border-color:var(--ring);box-shadow:inset 0 0 0 2px var(--ring)}.composer-lab-dialog-header{flex:none;padding-right:2rem}.composer-lab-dialog-body{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:.5rem .125rem;overflow-y:auto}.composer-lab-dialog-footer{border-top:1px solid var(--border);background:var(--background);color:var(--foreground);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}@keyframes composer-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes composer-dialog-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=639px){.composer-lab-dialog-layer{padding:.5rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom));align-items:flex-end}.composer-lab-dialog-panel{border-radius:1rem 1rem .75rem .75rem;width:100%;max-height:calc(100% - .75rem);padding:.875rem}.composer-lab-dialog-header{padding-right:1.75rem}.composer-lab-dialog-header p{line-height:1.35}.composer-lab-dialog-field{gap:.375rem}.composer-lab-dialog-body{padding-block:.375rem}.composer-lab-dialog-footer{padding-top:.5rem}.composer-lab-dialog-footer>button{min-height:2.75rem}}
