:root{--theme-ac-1:#eab308;--theme-ac-2:#ec4899}.app{grid-template-rows:auto auto 1fr;grid-template-columns:100%;height:100svh;padding:32px;display:grid}.header{align-items:baseline;gap:8px;margin-top:-12px;margin-bottom:16px;display:flex}.header-column{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.header-column:first-child{flex:1 0}.header-logo{font-size:20px;font-weight:900;font-family:var(--font-sans-en);white-space:nowrap;flex:none}.header-logo-text.is-ac-1{color:var(--theme-ac-1)}.header-logo-text.is-ac-2{color:var(--theme-ac-2)}.header-text{font-size:.75rem}@media (hover:hover){.header-text.is-link:hover{color:var(--theme-tx-3)}}.option{border:1px solid var(--theme-tx-4);border-bottom:0;border-top-left-radius:12px;border-top-right-radius:12px}.option-summary{cursor:pointer;padding:10px 14px;font-size:.875rem}.option-content{border-top:1px solid var(--theme-tx-4);gap:12px;padding:16px 20px;font-size:.875rem;display:grid;overflow:hidden}.option-content-items{flex-wrap:wrap;gap:12px 24px;display:flex}.option-content-label{cursor:pointer;align-items:center;gap:6px;display:flex}.option-content-input,.option-content-select{background:var(--theme-bg-2);border:1px solid var(--theme-tx-4);min-height:28px;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.option-content-input:focus,.option-content-select:focus{border-color:var(--theme-secondary);outline:none}.option-content-input.is-number{width:4em}.option-warning{color:#fef08a;font:.75rem/1.5 var(--font-mono);white-space:pre-wrap;background:#422006;border:1px solid #854d0e;border-radius:6px;padding:10px 12px}.main{min-height:0;display:grid}.editor{grid-template-rows:100%;grid-template-columns:1fr 1fr;min-height:0;display:grid}.editor-column{border:1px solid var(--theme-tx-4);z-index:1;min-width:0;min-height:0;display:grid;position:relative}.editor-column:first-child{border-bottom-left-radius:12px}.editor-column:nth-child(2){border-bottom-right-radius:12px;margin-left:-1px}.editor-column:focus-within{border-color:var(--theme-secondary);z-index:2}.editor-column:focus-within .editor-label{color:var(--theme-secondary);border-color:var(--theme-secondary)}.editor-column:focus-within .editor-textarea{color:var(--theme-tx-2)}.editor-label{background:var(--theme-bg-1);border-right:1px solid var(--theme-tx-4);border-bottom:1px solid var(--theme-tx-4);color:var(--theme-tx-3);font-size:.75rem;font-family:var(--font-mono);white-space:nowrap;border-bottom-right-radius:4px;padding:3px 5px;line-height:1;position:absolute;top:0;left:0}.editor-copy{z-index:1;background:var(--theme-bg-1);border:1px solid var(--theme-tx-4);min-height:28px;color:var(--theme-tx-3);font:.75rem/1 var(--font-sans-ja);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;top:8px;right:8px}.editor-copy svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.editor-copy:focus-visible{border-color:var(--theme-secondary);outline:2px solid var(--theme-secondary);outline-offset:2px}.editor-copy:disabled{cursor:default;opacity:.45}@media (hover:hover){.editor-copy:not(:disabled):hover{border-color:var(--theme-secondary);color:var(--theme-tx-2)}}.editor-textarea{width:100%;min-width:0;min-height:0;color:var(--theme-tx-3);font-size:.875rem;font-family:var(--font-mono);white-space:pre;resize:none;background-color:#0000;border:0;padding:28px 16px 16px;line-height:1.45;overflow:auto}.editor-textarea:focus{outline:none}@media (width<=760px){.app{height:auto;min-height:100svh;padding:20px}.header{flex-direction:column;align-items:flex-start}.editor{grid-template-rows:minmax(320px,45vh) minmax(320px,45vh);grid-template-columns:1fr}.editor-column:first-child{border-bottom-left-radius:0}.editor-column:nth-child(2){border-bottom-left-radius:12px;margin-top:-1px;margin-left:0}}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg-1:#0f172a;--theme-bg-2:#111827;--theme-tx-1:#f8fafc;--theme-tx-2:#e2e8f0;--theme-tx-3:#94a3b8;--theme-tx-4:#475569;--theme-secondary:#38bdf8;--font-sans-en:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--font-sans-en);background:var(--theme-bg-1);color:var(--theme-tx-2);font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{background:var(--theme-bg-1);min-width:320px}button,input,select,textarea{color:inherit;font:inherit}button,input,select,textarea,summary{accent-color:var(--theme-secondary)}select,input,textarea{border-color:var(--theme-tx-4)}a{color:inherit;text-decoration:none}h1,h2,p,pre{margin:0}
