:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;background:#0b1020;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#e5e7eb;background:linear-gradient(160deg,#090d1a 0%,#10172d 100%);min-height:100vh;margin:0}#app{min-height:100vh}.home-view{flex-direction:column;gap:1rem;height:100vh;padding:1.5rem;display:flex;overflow:hidden}.home-view__header h1{color:#f8fafc;margin:0;font-size:1.8rem}.home-view__header p{color:#94a3b8;margin:.4rem 0 0}.home-view__account,.home-view__account-link{align-items:center;margin-top:.75rem;display:inline-flex}.home-view__account-link,.account-view__home-link,.account-view__auth-link,.account-snippet-item__content a{color:#7dd3fc;text-decoration:none}.home-view__account-link:hover,.account-view__home-link:hover,.account-view__auth-link:hover,.account-snippet-item__content a:hover{text-decoration:underline}.account-box{gap:.75rem;display:grid}.status--info{color:#93c5fd}.account-view{gap:1rem;min-height:100vh;padding:1.5rem;display:grid}.account-auth-view,.account-verify-view{place-content:center;gap:1rem;min-height:100vh;padding:1.5rem;display:grid}.account-auth-view__header,.account-verify-panel{width:min(100%,34rem)}.account-auth-view__header{text-align:center;justify-items:center;gap:.5rem;display:grid}.account-auth-view__eyebrow{color:#7dd3fc;letter-spacing:.02em;background:#0e749024;border:1px solid #38bdf838;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.account-auth-view__header h1,.account-verify-panel h1{color:#f8fafc;margin:0;font-size:clamp(1.9rem,4vw,2.4rem);line-height:1.1}.account-auth-view__header p,.account-verify-panel p{color:#94a3b8;margin:0}.account-view__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-view__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.account-view__logout{color:#e2e8f0;cursor:pointer;background:#0f172abf;border:1px solid #94a3b847;border-radius:.5rem;padding:.45rem .75rem}.account-view__logout:disabled{opacity:.7;cursor:not-allowed}.account-view__header h1{margin:0}.account-view__header p,.account-panel__hint{color:#94a3b8;margin:.35rem 0 0}.account-panel{gap:1rem;display:grid}.account-auth-panel{gap:1rem;width:min(100%,34rem);padding:1.35rem;display:grid;box-shadow:0 24px 60px #02061747}.account-auth-panel__intro,.account-auth-form{gap:.9rem;display:grid}.account-auth-panel__copy,.account-auth-panel__note{color:#94a3b8;margin:0}.account-auth-result{background:linear-gradient(#0e749024,#0f172a4d);border:1px solid #38bdf838;border-radius:.75rem;gap:.45rem;padding:.9rem 1rem;display:grid}.account-auth-result__title{color:#e0f2fe;margin:0;font-weight:700}.account-auth-result__body{color:#cbd5e1;margin:0}.account-auth-result__action{color:#7dd3fc;cursor:pointer;background:0 0;border:0;width:fit-content;padding:0;font-weight:600}.account-auth-result__action:hover{text-decoration:underline}.account-auth-form__submit{width:100%}.account-auth-steps{color:#cbd5e1;gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.account-verify-panel{text-align:center;justify-items:center;gap:.9rem;display:grid}.account-verify-panel__copy{max-width:28rem}.account-verify-panel__action{min-width:12rem}.account-settings{border-bottom:1px solid #94a3b829;gap:.8rem;padding-bottom:1rem;display:grid}.account-panel__meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-panel__refresh{width:fit-content}.account-snippet-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.account-snippet-item{background:#0206178c;border:1px solid #94a3b829;border-radius:.75rem;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.account-snippet-item__content{gap:.2rem;display:grid}.account-snippet-item__content span{color:#cbd5e1;font-size:.95rem}.account-snippet-item__delete{color:#fecaca;cursor:pointer;background:#7f1d1d33;border:1px solid #f8717159;border-radius:.5rem;padding:.55rem .8rem}.snippet-layout{flex:1;grid-template-columns:1fr 1fr;gap:1rem;min-width:0;min-height:0;display:grid}.snippet-layout__left{grid-template-rows:1fr auto;gap:1rem;min-height:0;display:grid}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827d9;border:1px solid #94a3b82e;border-radius:.75rem;padding:1rem}.panel__title{color:#f8fafc;margin:0 0 .75rem;font-size:1rem}.editor-pane__textarea{resize:vertical;color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:.5rem;width:100%;height:100%;min-height:0;padding:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.controls-pane{gap:.8rem;display:grid}.dropzone{background:#020617b3;border:1px dashed #475569;border-radius:.5rem;padding:.8rem}.dropzone--active{background:#0e749033;border-color:#38bdf8}.dropzone__label{color:#cbd5e1;gap:.55rem;display:grid}.dropzone__input{color:#cbd5e1}.field{color:#cbd5e1;gap:.45rem;display:grid}.field__input{color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:.5rem;padding:.5rem}.field__input:focus{outline-offset:1px;border-color:#38bdf8;outline:2px solid #38bdf859}.field__input--invalid{border-color:#f87171a6}.toggle{color:#cbd5e1;align-items:center;gap:.5rem;display:flex}.submit-button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:.5rem;padding:.65rem .9rem;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #38bdf833}.submit-button:disabled{opacity:.7;cursor:not-allowed}.snippet-layout__right{flex-direction:column;min-width:0;min-height:0;display:flex}.preview{background:#020617;border:1px solid #334155;border-radius:.5rem;flex:1;min-width:0;min-height:0;padding:0;overflow:auto}.preview pre{white-space:pre-wrap;word-break:break-word;margin:0}.preview-pane{overflow-wrap:anywhere;min-width:0;min-height:100%;padding:.8rem}.markdown-renderer{color:#e2e8f0}.markdown-renderer--preview{line-height:1.65}.markdown-renderer--preview>:first-child{margin-top:0}.markdown-renderer--preview>:last-child{margin-bottom:0}.markdown-renderer :is(h1,h2,h3,h4,h5,h6){color:#f8fafc;margin-top:0}.markdown-renderer .markdown-heading{color:#f8fafc;letter-spacing:-.015em;font-weight:700;line-height:1.3}.markdown-renderer .markdown-heading--h1{margin:0 0 1rem;font-size:1.45rem}.markdown-renderer .markdown-heading--h2{color:#e2e8f0;margin:1.4rem 0 .75rem;font-size:1.2rem}.markdown-renderer .markdown-heading--h3{color:#cbd5e1;margin:1.15rem 0 .55rem;font-size:1.05rem}.markdown-renderer .markdown-heading--h4,.markdown-renderer .markdown-heading--h5,.markdown-renderer .markdown-heading--h6{color:#94a3b8;margin:1rem 0 .5rem;font-size:.95rem}.markdown-renderer p{margin:.8rem 0}.markdown-renderer blockquote{color:#cbd5e1;background:linear-gradient(135deg,#0e74902e,#0f172ad1);border-left:3px solid #38bdf8;border-radius:.5rem;margin:1rem 0;padding:.75rem .95rem}.markdown-renderer blockquote>:first-child{margin-top:0}.markdown-renderer blockquote>:last-child{margin-bottom:0}.markdown-renderer :is(ul,ol){margin:.8rem 0;padding-left:1.35rem}.markdown-renderer li+li{margin-top:.35rem}.markdown-renderer li :is(ul,ol){margin-top:.45rem}.markdown-renderer a{color:#7dd3fc;text-underline-offset:.16rem;-webkit-text-decoration:underline #7dd3fca6;text-decoration:underline #7dd3fca6}.markdown-renderer a:hover{color:#bae6fd;text-decoration-color:#bae6fd}.markdown-renderer table{border-collapse:collapse;width:100%;margin:1rem 0;display:block;overflow-x:auto}.markdown-renderer th,.markdown-renderer td{text-align:left;vertical-align:top;border:1px solid #334155;padding:.65rem .8rem}.markdown-renderer th{color:#f8fafc;background:#1e293be6}.markdown-renderer td{background:#0f172ab8}.markdown-renderer pre{white-space:pre;background:radial-gradient(circle at top,#1e293bb3,#020617 55%);border:1px solid #1e293b;border-radius:.75rem;margin:1rem 0;padding:.95rem 1rem;overflow-x:auto;box-shadow:inset 0 1px #94a3b81f}.markdown-renderer :not(pre)>code{color:#93c5fd;background:#0f172af2;border:1px solid #38bdf847;border-radius:.35rem;padding:.14rem .36rem}.markdown-renderer pre code.hljs,.code-viewer code{font-size:.9rem;line-height:1.5;display:block}.markdown-renderer pre.hljs,.code-viewer.hljs{color:#e2e8f0;background:radial-gradient(circle at top,#1e293bb3,#020617 55%)}.markdown-renderer .hljs-comment,.markdown-renderer .hljs-quote,.code-viewer .hljs-comment,.code-viewer .hljs-quote{color:#64748b}.markdown-renderer .hljs-keyword,.markdown-renderer .hljs-selector-tag,.markdown-renderer .hljs-literal,.markdown-renderer .hljs-name,.markdown-renderer .hljs-type,.code-viewer .hljs-keyword,.code-viewer .hljs-selector-tag,.code-viewer .hljs-literal,.code-viewer .hljs-name,.code-viewer .hljs-type{color:#f472b6}.markdown-renderer .hljs-title,.markdown-renderer .hljs-function,.markdown-renderer .hljs-title.function_,.markdown-renderer .hljs-title.class_,.code-viewer .hljs-title,.code-viewer .hljs-function,.code-viewer .hljs-title.function_,.code-viewer .hljs-title.class_{color:#60a5fa}.markdown-renderer .hljs-string,.markdown-renderer .hljs-attr,.markdown-renderer .hljs-template-tag,.markdown-renderer .hljs-template-variable,.code-viewer .hljs-string,.code-viewer .hljs-attr,.code-viewer .hljs-template-tag,.code-viewer .hljs-template-variable{color:#34d399}.markdown-renderer .hljs-number,.markdown-renderer .hljs-symbol,.markdown-renderer .hljs-bullet,.code-viewer .hljs-number,.code-viewer .hljs-symbol,.code-viewer .hljs-bullet{color:#f59e0b}.markdown-renderer .hljs-variable,.markdown-renderer .hljs-params,.markdown-renderer .hljs-property,.code-viewer .hljs-variable,.code-viewer .hljs-params,.code-viewer .hljs-property{color:#c4b5fd}.viewer-renderer-shell{background:radial-gradient(circle at top,#1e293b80,#020617 65%);border:1px solid #1e293b;border-radius:.75rem;margin:0;padding:.95rem 1rem;overflow:auto;box-shadow:inset 0 1px #94a3b81a}.viewer-renderer-shell--plain-text{white-space:pre-wrap;word-break:break-word}.viewer-renderer-shell--plain-text code{color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.large-content-notice{background:#0e749026;border:1px solid #38bdf859;border-radius:.65rem;gap:.55rem;margin:0 0 .75rem;padding:.8rem .9rem;display:grid}.large-content-notice__title{color:#f8fafc;margin:0;font-weight:700}.large-content-notice__message{color:#cbd5e1;margin:0}.large-content-notice__actions{flex-wrap:wrap;gap:.5rem;display:flex}.large-content-notice__action{color:#7dd3fc;cursor:pointer;background:#0f172ad9;border:1px solid #38bdf880;border-radius:.5rem;width:fit-content;padding:.4rem .7rem}.json-viewer{color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.json-viewer__error{color:#fca5a5;margin:0}.json-tree,.json-tree__children{margin:0;padding-left:1rem;list-style:none}.json-tree{padding-left:0}.json-tree__children{margin-top:.35rem}.json-tree__toggle{color:#bfdbfe;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:baseline;gap:.35rem;padding:.2rem 0;display:inline-flex}.json-tree__row{margin:.1rem 0}.json-tree__caret{color:#7dd3fc;width:.8rem}.json-tree__key{color:#f8fafc}.json-tree__separator{color:#64748b}.json-tree__preview{color:#a5f3fc}.json-tree__value{color:#cbd5e1}.json-tree__value--string{color:#86efac}.json-tree__value--number,.json-tree__value--bigint{color:#fbbf24}.json-tree__value--boolean{color:#c4b5fd}.json-tree__value--undefined,.json-tree__value--object{color:#94a3b8}.code-viewer{border:0;border-radius:0;margin:0;padding:0;overflow:visible}.code-viewer-wrapper{position:relative}.code-viewer__language-badge{z-index:1;color:#7dd3fc;letter-spacing:.04em;background:#0f172ae6;border:1px solid #38bdf866;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:700;line-height:1.2;position:absolute;top:.55rem;right:.65rem}.log-viewer{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.log-viewer__line{border-radius:.5rem;grid-template-columns:2rem 1fr;align-items:start;gap:.6rem;padding:.1rem .3rem;display:grid}.log-viewer__number{color:#64748b;text-align:right;white-space:nowrap}.log-viewer__content{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;font-size:.88rem}.log-viewer__line--info{background:#0e749024}.log-viewer__line--warn{background:#92400e33}.log-viewer__line--warn .log-viewer__content{color:#fdba74}.log-viewer__line--error{background:#7f1d1d42}.log-viewer__line--error .log-viewer__content{color:#fca5a5}.delimited-viewer{gap:.75rem;display:grid}.delimited-viewer__warning{color:#fdba74;margin:0}.delimited-viewer__mode-toggle,.delimited-viewer__pagination{align-items:center;gap:.5rem;display:flex}.delimited-viewer__table-scroll{overflow-x:auto}.delimited-viewer__table{border-collapse:collapse;width:max-content;min-width:100%}.delimited-viewer__table th,.delimited-viewer__table td{text-align:left;vertical-align:top;border:1px solid #334155;padding:.65rem .8rem}.delimited-viewer__table th{z-index:1;color:#f8fafc;white-space:nowrap;background:#1e293bfa;position:sticky;top:0}.delimited-viewer__table td{background:#0f172ab8}.delimited-viewer__raw{white-space:pre;margin:0;overflow:auto}.viewer-view{grid-template-rows:auto 1fr;gap:1rem;height:100vh;padding:1.5rem;display:grid;overflow:hidden}.viewer-view__header h1{color:#f8fafc;margin:0}.viewer-view__header p{color:#94a3b8;margin:.25rem 0 0}.viewer-layout{grid-template-columns:1fr 1fr;gap:1rem;min-height:0;display:grid}.viewer-layout--single{grid-template-columns:minmax(0,1fr)}.viewer-layout__left,.viewer-layout__right{min-width:0;min-height:0}.viewer-layout__preview{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.viewer-layout__left,.viewer-layout__right,.editor-pane{flex-direction:column;display:flex}.viewer-preview-scroll{flex:1;min-height:0;overflow:auto}.snippet-meta{gap:.45rem;margin:0 0 .75rem;display:grid}.snippet-meta>div{grid-template-columns:7rem 1fr;gap:.45rem;display:grid}.snippet-meta dt{color:#94a3b8}.snippet-meta dd{color:#e2e8f0;margin:0}.viewer-raw{background:#020617;border:1px solid #334155;border-radius:.5rem;flex:1;min-height:0;margin:0;padding:.8rem;overflow:auto}.status{margin:0;font-size:.9rem}.status--error{color:#fca5a5}.status--success{color:#86efac;margin-top:.8rem}@media (width<=900px){.home-view,.viewer-view{height:auto;min-height:100vh;overflow:visible}.snippet-layout,.viewer-layout{grid-template-columns:1fr}}