:root{--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-blue-50: #e3f2fd;--color-blue-100: #bbdefb;--color-blue-200: #90caf9;--color-blue-300: #64b5f6;--color-blue-400: #42a5f5;--color-blue-500: #2196f3;--color-blue-600: #1e88e5;--color-blue-700: #1976d2;--color-blue-800: #1565c0;--color-blue-900: #0d47a1}*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}body{--color-background: var(--color-white);--color-background-command-menu: var(--color-gray-300);--color-background-secondary: var(--color-gray-100);--color-background-selected: var(--color-gray-300);--color-background-selected-text: var(--color-gray-200);--color-background-icon-selected: var(--color-gray-300);--color-code-background: var(--color-blue-50);--color-text-command-menu: var(--color-gray-900);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-link: var(--color-blue-500);--color-border-default: var(--color-gray-300);--color-border-blue: var(--color-blue-500);--color-button-border: var(--color-gray-400);--color-border-divider: var(--color-gray-200);--color-hover: var(--color-gray-200);--color-hover-icon: var(--color-gray-300);--color-scrollbar-bg: var(--color-gray-100);--color-scrollbar-thumb-bg: var(--color-gray-300);background-color:var(--color-background-secondary);color:var(--color-text-primary);overflow-y:hidden}.dark>*{color-scheme:dark;--color-background: var(--color-gray-800);--color-background-command-menu: var(--color-gray-700);--color-background-secondary: var(--color-gray-900);--color-background-selected: var(--color-gray-700);--color-background-selected-text: var(--color-gray-700);--color-background-icon-selected: var(--color-gray-700);--color-code-background: var(--color-blue-200);--color-text-command-menu: var(--color-white);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-500);--color-link: var(--color-blue-200);--color-border-default: var(--color-gray-700);--color-button-border: var(--color-gray-700);--color-border-divider: var(--color-gray-700);--color-hover: var(--color-gray-700);--color-hover-icon: var(--color-gray-600);--color-scrollbar-bg: var(--color-gray-900);--color-scrollbar-thumb-bg: var(--color-gray-600);background-color:var(--color-background-secondary);color:var(--color-text-primary)}a{color:var(--color-link)}input{color:var(--color-text-primary)}#app{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;min-height:100vh}svg{fill:currentColor}.inline{display:inline}.inline-block{display:inline-block}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.f-1{flex:1}.f-2{flex:2}.f-3{flex:3}.f-4{flex:4}.f-5{flex:5}.f-6{flex:6}.f-7{flex:7}.f-8{flex:8}.f-9{flex:9}.f-10{flex:10}.f-11{flex:11}.overflow-y-scroll{overflow-y:scroll}.overflow-y-hidden{overflow-y:hidden}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mr-0{margin-right:0}.mr-2{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mb-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-0{padding-left:0}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-0{padding-right:0}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-18{height:4.5rem}.h-20{height:5rem}.h-22{height:5.5rem}.h-24{height:6rem}.h-32{height:8rem}.h-40{height:10rem}.h-48{height:12rem}.h-64{height:16rem}.h-128{height:32rem}.h-192{height:48rem}.h-full{height:100%}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-64{width:16rem}.w-96{width:24rem}.w-128{width:32rem}.w-196{width:48rem}.w-100,.w-full{width:100%}.text-small{font-size:.75rem;line-height:1rem}.text-medium{font-size:1rem;line-height:1.5rem}.text-large{font-size:1.25rem;line-height:1.75rem}.line-height-default{line-height:1.5}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-command-menu{color:var(--color-text-command-menu)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:sans-serif}.font-serif{font-family:serif}.font-mono{font-family:monospace}.text-decoration-none{text-decoration:none}.list-style-none{list-style:none}.border-1{border-width:1px}.border-2{border-width:2px}.border-t-1{border-top-width:1px;border-bottom-width:0;border-left-width:0;border-right-width:0}.border-t-2{border-top-width:2px;border-bottom-width:0;border-left-width:0;border-right-width:0}.border-b-1{border-top-width:0;border-bottom-width:1px;border-left-width:0;border-right-width:0}.border-l-2{border-top-width:0;border-bottom-width:0;border-left-width:2px;border-right-width:0}.border-color-default{border-color:var(--color-border-default)}.border-color-blue{border-color:var(--color-border-blue)}.border-button-default{border-color:var(--color-button-border)}.border-solid{border-style:solid}.border-none{border-style:none}.divide-solid>*+*{border-style:solid}.divide-color-secondary>*+*{border-color:var(--color-border-divider)}.divide-x>*+*{border-left-width:1px;border-right-width:0;border-top-width:0;border-bottom-width:0}.divide-x-2>*+*{border-left-width:2px;border-right-width:0;border-top-width:0;border-bottom-width:0}.divide-y>*+*{border-left-width:0;border-right-width:0;border-top-width:1px;border-bottom-width:0}.divide-y-2>*+*{border-left-width:0;border-right-width:0;border-top-width:2px;border-bottom-width:0}.bg-command-menu{background-color:var(--color-background-command-menu)}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-background)}.bg-scrollbar{background-color:var(--color-scrollbar-bg)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-selected{background-color:var(--color-background-selected)}.bg-selected-text{background-color:var(--color-background-selected-text)}.bg-icon-selected{background-color:var(--color-background-icon-selected)}.bg-blue{background-color:var(--color-link)}.focus\:outline-none:focus{outline:none}.focus\:outline-default:focus{outline:1px solid var(--color-gray-300)}.hover\:text-decoration-underline:hover{text-decoration:underline}.hover:hover{background-color:var(--color-hover)}.hover-icon:hover{background-color:var(--color-hover-icon)}.overflow-hidden{overflow:hidden}.text-overflow-ellipsis{text-overflow:ellipsis}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.rounded{border-radius:.25rem}.rounded-2{border-radius:.5rem}.rounded-4{border-radius:1rem}.rounded-8{border-radius:2rem}.bg-dropdown{background-color:var(--color-background)}.bg-transparent{background-color:transparent}.bg-code{background-color:var(--color-code-background)}.resize-none{resize:none}.user-select-none{-webkit-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.cursor-ew-resize{cursor:ew-resize}.nowrap{white-space:nowrap}.pattern-scrollbar-thin::-webkit-scrollbar{width:4px;height:4px;background-color:var(--color-scrollbar-bg)}.pattern-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb-bg)}.pattern-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;transition:opacity .1s ease}.pattern-dropdown>summary{list-style:none}.pattern-dropdown>summary::-webkit-details-marker{display:none}.pattern-dropdown>div{position:absolute;z-index:100}details[open].pattern-dropdown>summary:before{content:" ";display:block;position:fixed;inset:0;z-index:50}.pattern-show-when-not-mobile{display:block}@media (max-width: 32rem){.pattern-show-when-not-mobile{display:none}}.pattern-markdown-preview>pre>code{white-space:pre-wrap}.pattern-hover-resize-bar:hover{border-right:solid 2px var(--color-border-blue)}.layout-center{box-sizing:content-box;max-width:80ch;margin-left:auto;margin-right:auto}.layout-cluster{display:flex;flex-wrap:wrap;gap:1rem}.layout-stack-1>*+*{margin-top:.25rem}.layout-stack-2>*+*{margin-top:.5rem}.layout-stack-3>*+*{margin-top:.75rem}.layout-stack-4>*+*{margin-top:1rem}