@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--subtle);font-synthesis:none;--green: var(--accent);--radius: 12px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}button svg,[data-icon] svg{width:18px;height:18px}button{background:none}button:focus-visible,a:focus-visible,select:focus-visible,pre:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.nav{max-width:1240px;height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 8px}.brand{font-size:20px;font-weight:700;letter-spacing:-.65px;display:flex;align-items:center}.brand-middle{font-weight:450;color:var(--muted)}.brand-mark{width:30px;height:30px;margin-right:11px;display:flex;gap:3px;align-items:center;background:var(--subtle);border-radius:8px;padding:7px 5px;position:relative}.brand-mark:before{content:"";position:absolute;left:7px;right:7px;top:14px;border-top:1.5px solid var(--green)}.brand-mark span{height:7px;width:7px;border-radius:2px;background:var(--green);z-index:1}.brand-mark span:nth-child(2){background:var(--muted)}.nav nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:500}.nav nav a:hover{color:var(--green)}.github-link{display:flex;align-items:center;gap:8px}.github-link svg{height:17px;width:17px}.external-arrow{color:var(--muted);font-size:16px}.hero{text-align:center;padding:49px 20px 38px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;letter-spacing:1.7px;font-weight:650;color:var(--green)}.eyebrow-line{width:15px;border-top:2px solid var(--green)}h1{font-size:clamp(34px,4.5vw,53px);font-weight:550;letter-spacing:-2.4px;line-height:1.15;margin:15px 0}h1 span{color:var(--green)}.hero p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.hero-note{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted);font-size:11px;margin-top:21px}.note-divider{height:3px;width:3px;background:var(--border);border-radius:50%}.builder{max-width:1190px;margin:0 auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 5px 25px #233b2910}.builder-heading{padding:17px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--subtle)}.builder-heading>div{display:flex;align-items:center;gap:10px}.mini-flow{color:var(--green);font-size:23px;line-height:1}h2,h3,p{margin-top:0}.builder-heading h2{font-size:13px;font-weight:650;margin:0}.autosave{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.autosave>span{height:5px;width:5px;background:var(--muted);border-radius:50%}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr)}.editor{padding:22px 23px 26px;border-right:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h3,.preview-heading h3{font-size:14px;font-weight:650;margin:0}.icon-button{border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted)}.icon-button:hover{background:var(--subtle);color:var(--green)}.icon-button svg{height:16px;width:16px}.field-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;margin-bottom:9px}.field-heading>span{font-weight:450;color:var(--muted);font-size:10px}.select-wrap{display:flex;align-items:center;position:relative}.select-wrap>span:first-child{position:absolute;left:12px;pointer-events:none;color:var(--muted)}.select-wrap select{appearance:none;width:100%;height:39px;border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:0 30px 0 38px;font-size:12px;color:var(--ink);cursor:pointer}.select-chevron{position:absolute;right:13px;pointer-events:none;top:6px;font-size:20px;color:var(--muted)}.steps-heading{margin-top:23px}.step-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-controls{display:flex;flex-direction:column;width:14px;gap:0}.reorder-button{border:none;padding:0;height:12px;font-size:12px;color:var(--muted);line-height:1}.reorder-button:hover{color:var(--green)}.step-input{height:36px;position:relative;display:flex;flex:1;align-items:center;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.step-input input{border:0;background:transparent;width:100%;height:100%;padding:0 31px 0 34px;font-size:12px;color:var(--ink);border-radius:7px;min-width:0}.step-input .icon-button{position:absolute;right:3px;height:27px;width:25px;opacity:.6}.step-input .icon-button svg{width:12px;height:12px}.add-button{width:100%;height:33px;border:1px dashed var(--border);display:flex;justify-content:center;align-items:center;border-radius:7px;color:var(--muted);font-size:11px;gap:6px;margin-top:4px}.add-button:hover{background:var(--subtle);border-color:var(--green)}.add-button svg{width:13px;height:13px}.field-hint{font-size:9px;color:var(--muted);margin:9px 0 0}.theme-heading{margin-top:24px}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-option{position:relative;padding:5px 5px 7px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:left;font-size:10px;color:var(--muted)}.theme-option>span:nth-child(2){display:block;margin:7px 3px 0}.theme-option.selected{border-color:var(--green);box-shadow:0 0 0 1px #21845a20;color:var(--green);background:var(--subtle)}.theme-swatch{height:38px;border-radius:4px;display:flex;gap:7px;align-items:center;justify-content:center;position:relative;overflow:hidden}.theme-swatch:before{content:"";position:absolute;left:14px;right:14px;top:18px;border-top:1px solid var(--border)}.theme-swatch i{height:14px;width:14px;z-index:1;border-radius:3px;border:1px solid var(--border);background:var(--surface)}.theme-check{display:none;position:absolute;right:8px;bottom:7px;font-size:10px}.selected .theme-check{display:block}.animation-row{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:23px}.dot-icon{height:6px;width:6px;border-radius:50%;background:currentColor}.speed-field output{font-family:ui-monospace,monospace;font-size:9px;font-weight:400;color:var(--muted)}.speed-field input{width:100%;accent-color:var(--green);height:16px;margin:4px 0 0;cursor:pointer}.speed-labels{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:1px}.result{padding:22px 25px 23px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;height:28px}.preview-heading h3{display:flex;align-items:center;gap:10px}.live-badge{font-size:7px;letter-spacing:.7px;background:var(--subtle);color:var(--muted);padding:4px 6px;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:4px}.live-badge i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.preview-tools{display:flex;align-items:center;gap:5px}.tool-divider{height:13px;border-left:1px solid var(--border);margin:0 2px}.preview-canvas{position:relative;height:285px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:var(--subtle);background-image:radial-gradient(var(--border) .8px,transparent .8px);background-size:16px 16px;padding:40px 18px 30px;overflow:hidden}.canvas-title{position:absolute;left:18px;top:16px;display:flex;gap:7px;align-items:center;color:var(--muted);font-size:9px}.canvas-title svg{height:13px;width:13px}#preview{width:100%}#preview>svg{width:100%;height:auto;overflow:visible}#preview>svg>rect:first-of-type{fill:transparent}.canvas-footer{position:absolute;bottom:13px;left:18px;right:18px;display:flex;justify-content:space-between;color:var(--muted);font-family:ui-monospace,monospace;font-size:8px}.small-check{color:var(--muted);margin-left:4px}.preview-caption{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin:12px 0 26px}.preview-caption svg{height:12px;width:12px;color:var(--muted)}.embed-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.embed-heading h3{font-size:12px;font-weight:650;margin:0}.code-tabs{display:flex;border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--subtle);padding:0 13px;gap:20px;height:35px;align-items:center}.tab-buttons>button[role=tab]{position:relative;height:100%;border:0;padding:0;font-size:9px;color:var(--muted)}.tab-buttons>button.active{color:var(--muted);font-weight:600}.tab-buttons>button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:2px solid var(--green)}.code-tabs .icon-button{margin-left:auto;height:23px;width:23px}.code-tabs .icon-button svg{height:13px;width:13px}pre{margin:0;background:var(--subtle);border:1px solid var(--border);border-top-color:var(--subtle);border-radius:0 0 8px 8px;padding:19px 14px;min-height:63px;max-height:80px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font:10px/1.8 ui-monospace,monospace}.embed-hint{font-size:9px;color:var(--muted);margin:11px 0 18px;line-height:1.7}.embed-hint code{font-size:9px;color:var(--muted);background:var(--subtle);border-radius:3px;padding:2px 4px}.export-actions{display:flex;gap:10px;justify-content:flex-end}.button{height:39px;padding:0 16px;border-radius:7px;font-size:11px;font-weight:550;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .16s,transform .16s}.button svg{width:14px;height:14px}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);border:1px solid var(--green);color:var(--surface);box-shadow:0 2px 3px #21845a16}.button.primary:hover{background:var(--ink)}.button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.button.secondary:hover{background:var(--subtle)}.shortcut{margin-left:12px;color:var(--border)}.builder-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:var(--muted);padding:12px 24px;border-top:1px solid var(--border);background:var(--subtle)}.builder-footer>span{display:flex;align-items:center;gap:6px}.builder-footer svg{width:12px;height:12px}.examples{max-width:1190px;margin:36px auto 0}.examples-heading{display:flex;align-items:center;gap:18px;margin-bottom:17px}.examples-heading h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.2px}.examples-heading p{font-size:11px;color:var(--muted);margin:0}.footer{max-width:1240px;margin:auto;padding:24px 8px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-brand{font-weight:650;color:var(--muted)}.footer a:hover{color:var(--green)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,10px);background:var(--ink);color:var(--surface);border-radius:9px;padding:12px 20px;font-size:12px;box-shadow:0 4px 20px #20352920;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1450px){.hero{padding-top:61px;padding-bottom:44px}.preview-canvas{height:300px}.result{padding-bottom:25px}}@media(max-width:1260px){.nav,.footer{margin-left:30px;margin-right:30px}.builder,.examples{margin-left:40px;margin-right:40px}.workspace{grid-template-columns:315px minmax(0,1fr)}.editor,.result{padding-left:20px;padding-right:20px}}@media(max-width:920px){.workspace{grid-template-columns:285px minmax(0,1fr)}.builder,.examples{margin-left:24px;margin-right:24px}.result,.editor{padding:20px 16px}.preview-canvas{height:280px;padding-left:7px;padding-right:7px}.export-actions{justify-content:stretch}.export-actions .button{flex:1;justify-content:center;padding:0 9px;font-size:10px}.shortcut{display:none}.examples-heading{display:block}.examples-heading p{margin-top:7px}.builder-footer>span:last-child{display:none}.animation-row{gap:10px}.hero h1{letter-spacing:-1.6px}}@media(max-width:700px){.nav{height:68px;margin:0 20px;padding:0}.brand{font-size:17px}.brand-mark{width:27px;height:27px;margin-right:7px}.nav nav{gap:18px;font-size:11px}.github-link .external-arrow{display:none}.hero{padding:34px 20px 28px}h1{font-size:36px;max-width:430px;margin:14px auto;letter-spacing:-1.7px}.hero p{font-size:12px}.eyebrow{font-size:8px}.hero-note{font-size:9px;gap:11px}.workspace{grid-template-columns:1fr}.builder,.examples{margin-left:16px;margin-right:16px}.builder-heading{padding:14px 17px}.autosave{font-size:0}.autosave>span{width:6px;height:6px}.editor{border-right:0;border-bottom:1px solid var(--border);padding:20px}.result{padding:20px}.preview-canvas{height:230px}.section-heading{margin-bottom:15px}.themes{gap:12px}.theme-swatch{height:44px}.animation-row{gap:24px;max-width:450px}.builder-footer{font-size:8px;padding:12px 15px}.examples{margin-top:29px}.footer{margin:0 20px;flex-wrap:wrap;line-height:1.6;padding:20px 0}.footer>span:nth-child(2){display:none}.toast{max-width:calc(100vw - 32px);width:max-content;text-align:center}.preview-caption{font-size:9px}.export-actions .button{font-size:11px}.preview-heading h3{font-size:13px}.canvas-title,.canvas-footer{font-size:8px}}@media(max-width:700px){#preview{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:8px}#preview>svg{min-width:560px}.preview-caption:after{content:"Swipe to see all steps.";color:var(--muted)}.preview-caption{flex-wrap:wrap;gap:4px 6px}.preview-canvas{padding-left:14px;padding-right:14px}.reorder-button{height:15px;min-width:16px}.step-controls{width:16px}}#manual-copy{border:1px solid var(--border);border-radius:12px;padding:24px;width:min(480px,calc(100vw - 32px));color:var(--ink)}#manual-copy::backdrop{background:#20352955}#manual-copy h2{font-size:18px;letter-spacing:-.4px}#manual-copy p{font-size:12px;line-height:1.7;color:var(--muted)}#manual-copy textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:10px;font:11px/1.7 ui-monospace,monospace;margin-bottom:15px;resize:vertical}#manual-copy .button{margin-left:auto}.step-icon-button{position:absolute;left:4px;top:4px;width:27px;height:27px;padding:5px;border:0;border-radius:5px;color:var(--muted);display:flex;align-items:center;justify-content:center}.step-icon-button svg{width:15px;height:15px}.step-icon-button:hover{background:var(--subtle);color:var(--green)}#icon-picker{width:min(390px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;padding:22px;color:var(--ink);box-shadow:0 15px 60px #18342630}#icon-picker::backdrop{background:#20352955}.icon-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.icon-picker-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:0}#icon-picker-step{font-size:11px;color:var(--muted);margin-bottom:18px;overflow-wrap:anywhere}#icon-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.icon-option{border:1px solid var(--border);border-radius:8px;padding:13px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;background:var(--subtle);font-size:10px;color:var(--muted)}.icon-option svg{width:23px;height:23px;color:var(--muted)}.icon-option:hover{border-color:var(--muted);background:var(--subtle)}.icon-option[aria-pressed=true]{border-color:var(--green);background:var(--subtle);color:var(--green);box-shadow:0 0 0 1px #21845a15}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.theme-swatch{background:var(--swatch-bg, var(--subtle))}.theme-swatch:before{border-color:var(--swatch-line, var(--border))}.theme-swatch i{background:var(--swatch-card, var(--surface));border-color:var(--swatch-border, var(--border))}.custom-option{grid-column:1/-1;display:flex;align-items:center;gap:8px;height:34px;padding:0 9px}.custom-option>span:nth-child(2){margin:0}.custom-option svg{width:15px;height:15px}.custom-option-hint{font-size:9px;margin-left:auto;padding-right:14px;color:var(--muted)}.custom-option .theme-check{bottom:10px}.traveler-button{display:flex;align-items:center;gap:7px;width:100%;height:36px;padding:0 10px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:10px;color:var(--muted)}.traveler-button:hover{border-color:var(--muted);background:var(--subtle)}.traveler-button svg{height:15px;width:15px}.traveler-chevron{margin-left:auto;color:var(--muted);font-size:16px}.canvas-title,.canvas-footer{color:var(--canvas-meta, var(--muted))}.result{position:sticky;top:20px;align-self:start}.picker-dot{display:block;height:23px;width:23px;position:relative}.picker-dot:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #21845a18}#traveler-picker,#custom-theme-picker{width:min(390px,calc(100vw - 32px));border:1px solid var(--border);border-radius:14px;padding:22px;color:var(--ink);box-shadow:0 15px 60px #18342630}#traveler-picker::backdrop,#custom-theme-picker::backdrop{background:#20352955}.dialog-hint{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:18px}#traveler-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#custom-theme-picker{width:min(480px,calc(100vw - 32px))}.theme-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-field{font-size:10px;color:var(--muted);display:block}.color-field>span{display:block;margin-bottom:6px}.color-field>div{height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:3px 7px;background:var(--subtle)}.color-field input{height:24px;width:29px;padding:0;border:0;border-radius:4px;cursor:pointer;background:none}.color-field input::-webkit-color-swatch-wrapper{padding:1px}.color-field input::-webkit-color-swatch{border:1px solid #00000012;border-radius:3px}.color-field output{font:10px ui-monospace,monospace;color:var(--muted)}#custom-theme-preview{margin:18px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}#custom-theme-preview svg{width:100%;height:auto}.custom-theme-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.text-button{border:0;color:var(--muted);font-size:10px;padding:6px 0}.text-button:hover{color:var(--green)}@media(max-width:700px){.result{position:static}.custom-option-hint{font-size:10px}.color-field output{font-size:9px}#custom-theme-picker{padding:19px}#custom-theme-picker .button{height:36px;font-size:10px}}#embed-mode{font:9px sans-serif;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:5px 7px;background:var(--subtle);cursor:pointer;max-width:130px}.customization{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.customization summary{font-size:11px;font-weight:600;cursor:pointer;color:var(--ink)}.customization[open] summary{margin-bottom:14px}.control-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);margin:12px 0}.control-field input:not([type=range]),.control-field select,.connection-row input,.connection-row select{width:100%;min-width:0;height:35px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 9px;font-size:11px}.control-field input[type=range]{width:100%;accent-color:var(--green)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-field{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:12px 0}.check-field input{accent-color:var(--green)}.connection-row{display:grid;grid-template-columns:1fr 1fr 26px;gap:6px;margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--border)}.connection-row input{grid-column:1/3}.connection-row .icon-button{grid-column:3;grid-row:1/3;align-self:center}.connection-row select{padding:0 4px;font-size:10px}#connection-editor .field-hint{line-height:1.7;margin-bottom:14px}.preview-canvas.multi-row{height:auto;min-height:320px;padding-top:54px;padding-bottom:42px}.multi-row #preview{max-height:580px;overflow:auto}.multi-row #preview>svg{min-width:0}.preview-canvas{overflow:auto}#preview{overflow:auto;max-height:580px}.preview-canvas.multi-row #preview>svg{min-width:min(100%,420px)}@media(max-width:700px){.preview-canvas.multi-row{min-height:240px}.multi-row #preview>svg{width:100%;min-width:360px}.multi-row #preview{max-height:480px}.control-field input:not([type=range]),.control-field select{font-size:12px}.customization summary{font-size:12px}}.connection-row{grid-template-columns:1fr 1fr}.connection-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px}.connection-actions .icon-button{width:26px;height:24px}.preview-canvas.multi-row #preview>svg{min-width:min(var(--svg-width),480px)}@media(max-width:700px){.preview-canvas.multi-row #preview>svg{min-width:min(var(--svg-width),560px)}}.preview-canvas:not(.multi-row) #preview>svg{min-width:var(--svg-width)}.preview-canvas.vertical-layout #preview>svg{max-width:var(--svg-width);margin-inline:auto}#preview [data-step]{cursor:grab;touch-action:none;user-select:none}#preview.dragging,#preview.dragging [data-step]{cursor:grabbing}#preview [data-step]:focus-visible{outline:2px solid var(--green);outline-offset:5px}.preview-caption .text-button{padding:0;font-size:9px;text-decoration:underline}.field-hint a{text-decoration:underline}.preview-caption:after{content:none!important}#font-status{line-height:1.6;overflow-wrap:anywhere}.gallery{margin:12px auto 48px;scroll-margin-top:24px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-card{overflow:hidden;border:1px solid var(--border, var(--border));border-radius:14px;background:var(--surface)}.gallery-preview{height:250px;display:flex;align-items:center;justify-content:center;background:var(--subtle);border-bottom:1px solid var(--border)}.gallery-preview img{width:100%;height:100%;object-fit:contain;display:block}.gallery-caption{padding:20px;display:flex;align-items:center;gap:16px;justify-content:space-between}.gallery-caption h3{font-size:17px;margin:0 0 6px}.gallery-caption p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:330px}.gallery-caption .button{flex-shrink:0;white-space:nowrap;padding:10px 13px;font-size:12px;gap:8px}.gallery-caption .button svg{width:16px;height:16px}.gallery-editor-link{display:block;width:fit-content;margin:24px auto 0;color:var(--ink);font-size:13px}.community{max-width:1190px;margin:56px auto;padding:0 2px;scroll-margin-top:24px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.community h2{font-size:24px;letter-spacing:-.6px;margin:0 0 8px}.community-heading p{color:var(--muted);font-size:14px;margin:0}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#community-repos{display:grid;gap:16px}.community-card,.community-invitation{display:block;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.community-card{transition:border-color .2s,box-shadow .2s}.community-card:hover{border-color:var(--ink);box-shadow:0 4px 16px #21845a0a}.community h3{font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}.community-card p,.community-invitation p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}.community-card span,.community-invitation a{font-size:13px;color:var(--ink)}.community-invitation{position:relative;border-style:dashed;background:var(--subtle);padding-right:65px}.community-plus{position:absolute;right:25px;top:22px;color:var(--ink);font-size:28px}.community-invitation code{font-size:12px}.builder{scroll-margin-top:24px}@media(max-width:760px){.gallery-grid,.community-grid{grid-template-columns:1fr}.gallery-preview{height:230px}.gallery-caption{padding:16px}.community{margin:36px 20px}.community-heading{align-items:flex-start;flex-direction:column}.gallery-caption p{font-size:12px}.nav nav{gap:14px}.nav nav>a{font-size:12px}.gallery{margin-bottom:32px}}@media(max-width:420px){.gallery-caption{gap:10px}.gallery-caption .button{padding:9px}.gallery-preview{height:220px}.nav nav>a[href="#community"]{display:none}}.gallery .examples-heading h2{font-size:24px;letter-spacing:-.6px}.gallery .examples-heading p{font-size:13px;color:var(--muted)}@media(max-width:760px){.gallery{margin:28px 20px 36px}.gallery .examples-heading{flex-direction:column;align-items:flex-start;gap:8px}.gallery .examples-heading h2{font-size:22px}}:root{color-scheme:light;--page: #f6f8f5;--surface: #ffffff;--subtle: #eef2ed;--ink: #24372e;--muted: #53675a;--border: #cbd6cc;--accent: #176b45;--on-accent: #ffffff;--green: var(--accent);--shadow: 0 8px 32px #24372e0a;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page)}@media(prefers-color-scheme:dark){:root:not([data-appearance=light]){color-scheme:dark;--page: #141d19;--surface: #1b2720;--subtle: #233229;--ink: #e7eee8;--muted: #b0c0b4;--border: #42564a;--accent: #8dd8ad;--on-accent: #13291d;--shadow: 0 8px 32px #08130c28}}:root[data-appearance=dark]{color-scheme:dark;--page: #141d19;--surface: #1b2720;--subtle: #233229;--ink: #e7eee8;--muted: #b0c0b4;--border: #42564a;--accent: #8dd8ad;--on-accent: #13291d;--shadow: 0 8px 32px #08130c28}html{scroll-behavior:smooth}body{line-height:1.5}h1,h2,h3{text-wrap:balance}button,a,input,select,summary{transition:background-color .16s,border-color .16s,color .16s}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;background:var(--surface);z-index:20;transform:translateY(-150%)}.skip-link:focus{transform:none}.nav{min-height:80px;height:auto;padding-block:16px}.nav nav{gap:24px}.appearance-control select{max-width:100px;min-height:36px;padding:4px 8px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:6px;font-size:12px}.hero{padding:48px 20px 40px}.hero h1{font-size:clamp(36px,4.5vw,58px);font-weight:650;letter-spacing:-.055em;margin:12px auto}.hero p{font-size:16px;color:var(--muted)}.hero-note{font-size:12px;margin-top:16px;gap:20px}.hero-demo{max-width:760px;margin:24px auto 0}.hero-demo img{width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:14px;background:#fff}.hero-demo figcaption{font-size:12px;color:var(--muted);margin-top:12px}.hero-demo a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-left:8px}.builder{overflow:visible;box-shadow:var(--shadow)}.builder-heading{border-radius:14px 14px 0 0}.builder-heading h2{font-size:16px}.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.editor,.result{padding:24px}.result{position:sticky;top:16px}.customization{margin-top:24px;padding-top:18px}.customization summary{font-size:14px;min-height:28px;color:var(--ink)}.control-field,.check-field,.field-heading{font-size:13px;color:var(--ink)}.control-field input:not([type=range]),.control-field select,.connection-row input,.connection-row select,.select-wrap select{min-height:42px;font-size:14px;background:var(--surface);color:var(--ink)}.field-hint,.embed-hint,.dialog-hint,#icon-picker-step{font-size:12px;line-height:1.6;color:var(--muted)}.step-input{height:44px}.step-input input{font-size:14px;padding-left:40px;padding-right:36px}.step-icon-button{width:34px;height:34px}.step-controls{width:24px}.reorder-button{min-width:24px;height:24px;font-size:16px}.step-input .icon-button{width:30px;height:34px;opacity:1}.icon-button{width:36px;height:36px}.add-button,.traveler-button{height:40px;font-size:12px}.theme-option,.icon-option{font-size:12px}.custom-option{min-height:40px}.speed-field output,.speed-labels,.field-heading>span{font-size:11px}.animation-row{gap:16px}.preview-canvas{min-height:320px}.canvas-title,.canvas-footer{font-size:11px}.preview-caption,.preview-caption .text-button{font-size:12px}.preview-caption{margin-bottom:24px}.embed-heading{flex-wrap:wrap;gap:10px}.embed-heading h3,.preview-heading h3{font-size:15px}#embed-mode{font-family:inherit;font-size:12px;max-width:160px;padding:8px}.code-tabs{height:44px}.tab-buttons>button[role=tab]{font-size:12px}pre{max-height:140px;font-size:12px;overflow:auto}.button{min-height:44px;font-size:13px}.button.primary{color:var(--on-accent)}.button.primary:hover{background:var(--accent);filter:brightness(.94)}.button.secondary{color:var(--ink)}.builder-footer{border-radius:0 0 14px 14px;font-size:12px}.privacy-note{max-width:1190px;margin:20px auto 0;color:var(--muted);font-size:13px;line-height:1.7}.privacy-note a,.faq a{text-decoration:underline}.gallery,.community,.about,.faq{max-width:1190px;margin:64px auto}.gallery-preview{height:260px}.gallery-caption p,.community-heading p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding-block:32px;border-block:1px solid var(--border)}.about h2,.faq h2{font-size:26px;letter-spacing:-.6px}.about p{max-width:65ch;margin:0;color:var(--muted);line-height:1.8}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px}.faq h3{font-size:16px;margin-bottom:8px}.faq p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.footer{font-size:12px;padding-block:28px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}dialog,#icon-picker,#traveler-picker,#custom-theme-picker,#manual-copy{background:var(--surface);color:var(--ink);max-height:calc(100dvh - 32px)}#manual-copy textarea{background:var(--subtle);color:var(--ink)}.toast{background:var(--ink);color:var(--surface)}@media(max-width:1260px){.gallery,.community,.about,.faq,.privacy-note{margin-inline:32px}}@media(max-width:960px){.workspace{grid-template-columns:300px minmax(0,1fr)}.editor,.result{padding:20px}.export-actions{flex-wrap:wrap}}@media(max-width:760px){.nav{flex-wrap:wrap;gap:12px;margin-inline:20px}.nav nav{gap:16px}.nav nav>a[href="#community"]{display:none}.hero{padding-top:32px}.hero p{font-size:14px;max-width:34ch;margin-inline:auto}.hero-note{gap:16px;font-size:11px}.hero-demo{margin-top:20px}.hero-demo figcaption{font-size:11px}.workspace{grid-template-columns:minmax(0,1fr)}.editor{border-right:0;border-bottom:1px solid var(--border)}.result{position:static}.builder{margin-inline:16px}.builder-heading{padding:16px 20px}.preview-canvas{min-height:280px}.preview-caption{justify-content:flex-start}.gallery,.community,.about,.faq{margin:40px 20px}.privacy-note{margin-inline:20px}.about,.faq-grid{grid-template-columns:1fr;gap:24px}.about h2{margin:0}.gallery-caption{align-items:flex-start;flex-wrap:wrap}.gallery-caption .button{font-size:12px}.footer{flex-direction:column}input,select,.control-field input:not([type=range]),.control-field select,.step-input input{font-size:16px}}@media(max-width:480px){.nav{justify-content:center}.nav nav{width:100%;justify-content:space-between}.hero h1{font-size:38px}.hero-demo figcaption a{display:inline-block}.result,.editor{padding:16px}.export-actions .button{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.tab-buttons{display:flex;align-items:center;gap:20px;height:100%}