:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--bg:#0b0f16;--bg-elevated:#121826;--bg-panel:#101722;--bg-canvas:#080c13;--bg-item:#1a2e48;--bg-item-selected:#264a72;--border:#243044;--border-strong:#3a4d6a;--text:#eef2f8;--text-muted:#8e9bb0;--accent:#5aa7ff;--accent-2:#3dd6c6;--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--accent-2-soft:color-mix(in srgb, var(--accent-2) 14%, transparent);--danger:#ef6b6b;--danger-soft:color-mix(in srgb, var(--danger) 14%, transparent);--success:#3ecf8e;--shadow:0 18px 40px #00000059;--shadow-soft:0 1px 0 #ffffff0a inset;--radius:10px;--radius-sm:7px;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--step:#6b7c96}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8edf5;--bg-elevated:#f5f8fc;--bg-panel:#fff;--bg-canvas:#d5dde9;--bg-item:#c2d3ea;--bg-item-selected:#9cb8dc;--border:#c5d0e0;--border-strong:#9aabbf;--text:#142033;--text-muted:#5a6b82;--accent:#1e6feb;--accent-2:#0f9f8f;--shadow:0 14px 32px #1420331a;--shadow-soft:0 1px 0 #fffc inset;--step:#6a7b92}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:radial-gradient(900px 480px at 8% -8%, #5aa7ff1a, transparent 55%), radial-gradient(700px 420px at 96% 4%, #3dd6c612, transparent 50%), linear-gradient(180deg, #0e1420 0%, var(--bg) 42%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}:root[data-theme=light] body{background:radial-gradient(900px 480px at 8% -8%, #1e6feb14, transparent 55%), radial-gradient(700px 420px at 96% 4%, #0f9f8f0f, transparent 50%), linear-gradient(180deg, #f2f5fa 0%, var(--bg) 42%)}button,input,select,textarea{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus);outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fl-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fl-pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}to{box-shadow:0 0 0 10px #0000}}.fl-app{grid-template-rows:auto auto minmax(420px,1fr) auto auto;min-height:100dvh;display:grid}.fl-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;flex-direction:column;gap:10px;padding:12px 18px 10px;display:flex}.fl-toolbar__top{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.fl-toolbar__brand{align-items:center;gap:12px;min-width:190px;display:flex}.fl-toolbar__logo{border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--accent-soft), var(--accent-2-soft)), var(--bg-panel);width:34px;height:34px;box-shadow:var(--shadow-soft);border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;padding:5px;display:grid}.fl-toolbar__logo span{background:var(--accent);opacity:.9;border-radius:2px;display:block}.fl-toolbar__logo span:nth-child(2),.fl-toolbar__logo span:nth-child(3){background:var(--accent-2);opacity:.7}.fl-toolbar__title{letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.1}.fl-toolbar__subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.74rem}.fl-mode{border:1px solid var(--border);background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.fl-mode__btn{appearance:none;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;min-width:112px;padding:8px 16px;transition:background .14s,color .14s,box-shadow .14s}.fl-mode__btn:hover{color:var(--text);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent)}.fl-mode__btn.is-active{color:var(--text);background:color-mix(in srgb, var(--accent) 18%, var(--bg-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.fl-mode__label{font-size:.88rem;font-weight:600;line-height:1.2;display:block}.fl-mode__hint{font-family:var(--font-mono);opacity:.75;margin-top:2px;font-size:.64rem;display:block}.fl-toolbar__actions,.fl-toolbar__tools,.fl-controls__action-row,.fl-controls__reorder,.fl-export__actions,.fl-export__tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fl-toolbar__actions{margin-left:auto}.fl-toolbar__presets{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.fl-toolbar__presets-label{text-transform:uppercase;letter-spacing:.06em;color:var(--step);font-size:.72rem;font-weight:600}.fl-chip-row{flex-wrap:wrap;gap:6px;display:flex}.fl-chip{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.76rem;transition:border-color .12s,background .12s,transform .12s}.fl-chip:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.fl-toolbar__tools{margin-left:auto}.fl-flow{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 70%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:8px 18px;animation:.28s both fl-fade-up;display:flex}.fl-flow__list{flex-wrap:wrap;align-items:center;gap:4px 2px;margin:0;padding:0;list-style:none;display:flex}.fl-flow__step{align-items:center;gap:8px;display:inline-flex}.fl-flow__index{border:1px solid var(--border-strong);background:var(--bg);width:22px;height:22px;color:var(--accent);font-size:.68rem;font-weight:700;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid}.fl-flow__copy{flex-direction:column;line-height:1.15;display:flex}.fl-flow__copy strong{font-size:.78rem;font-weight:600}.fl-flow__copy span{color:var(--text-muted);font-size:.68rem}.fl-flow__arrow{color:var(--step);opacity:.55;margin:0 8px 0 4px;font-size:.85rem}.fl-flow__tip{color:var(--text-muted);margin:0;font-size:.74rem}.fl-workspace{border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px);min-height:min(70vh,720px);display:grid}.fl-workspace__left,.fl-workspace__right{background:var(--bg-panel);min-height:0;max-height:min(70vh,720px);overflow:auto}.fl-workspace__left{border-right:1px solid var(--border)}.fl-workspace__right{border-left:1px solid var(--border)}.fl-workspace__center{background:radial-gradient(circle at 50% 0%, #5aa7ff0f, transparent 42%), var(--bg-canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.fl-panel{flex-direction:column;min-height:100%;display:flex}.fl-panel__header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 12px;display:flex;position:sticky;top:0}.fl-panel__heading{align-items:flex-start;gap:10px;display:flex}.fl-panel__step{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft);min-width:28px;height:22px;color:var(--accent);font-family:var(--font-mono);border-radius:6px;place-items:center;margin-top:1px;padding:0 6px;font-size:.68rem;font-weight:700;display:grid}.fl-panel__title{letter-spacing:-.02em;color:var(--text);text-transform:none;margin:0;font-size:.95rem;font-weight:600}.fl-panel__description{color:var(--text-muted);max-width:220px;margin:3px 0 0;font-size:.72rem;line-height:1.35}.fl-panel__body{flex-direction:column;gap:14px;padding:14px 16px 20px;display:flex}.fl-btn{appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s,color .12s,opacity .12s,transform .12s}.fl-btn:hover:not(:disabled){border-color:var(--border-strong);background:color-mix(in srgb, var(--bg-elevated) 65%, var(--accent-soft));transform:translateY(-.5px)}.fl-btn:disabled{opacity:.42;cursor:not-allowed}.fl-btn--sm{padding:5px 9px;font-size:.76rem}.fl-btn--md{padding:8px 12px;font-size:.85rem}.fl-btn--primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));border-color:color-mix(in srgb, var(--accent) 65%, black);color:#fff}.fl-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.fl-btn--ghost{background:0 0}.fl-btn--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, var(--border));color:var(--danger)}.fl-input{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);width:100%;font-size:.78rem;font-family:var(--font-mono);padding:7px 9px;transition:border-color .12s,background .12s}.fl-input:hover{border-color:var(--border-strong)}.fl-input:focus{border-color:var(--accent)}.fl-field{flex-direction:column;gap:5px;display:flex;position:relative}.fl-field__label{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);align-items:center;gap:6px;display:inline-flex}.fl-field__hint{border:1px solid var(--border-strong);width:14px;height:14px;color:var(--text-muted);cursor:help;border-radius:50%;place-items:center;font-size:.6rem;display:inline-grid;position:relative}.fl-field__hint:after{content:attr(data-tooltip);border:1px solid var(--border-strong);background:var(--bg-elevated);width:max-content;max-width:220px;color:var(--text);font-family:var(--font-sans);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:20;border-radius:8px;padding:7px 9px;font-size:.7rem;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(2px)}.fl-field__hint:hover:after,.fl-field__hint:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.fl-group{flex-direction:column;gap:8px;padding-top:2px;display:flex}.fl-group__title{letter-spacing:.07em;text-transform:uppercase;color:var(--step);margin:0;font-size:.68rem;font-weight:700}.fl-controls__grid{gap:10px;display:grid}.fl-badge-row{flex-wrap:wrap;gap:6px;display:flex}.fl-badge{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-family:var(--font-mono);border-radius:999px;align-items:center;padding:3px 8px;font-size:.66rem;display:inline-flex}.fl-badge--accent{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);color:var(--accent)}.fl-selected-banner{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent-2) 35%, var(--border));background:var(--accent-2-soft);color:var(--text-muted);padding:8px 10px;font-size:.78rem;animation:.2s both fl-fade-up}.fl-selected-banner strong{color:var(--text)}.fl-empty{border:1px dashed var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 70%, transparent);text-align:center;padding:16px 12px}.fl-empty__title{margin:0 0 4px;font-size:.84rem;font-weight:600}.fl-empty__text{color:var(--text-muted);margin:0;font-size:.74rem;line-height:1.4}.fl-controls__empty,.fl-inspector__empty{color:var(--text-muted);margin:0;font-size:.75rem}.fl-canvas{flex-direction:column;flex:1;min-height:420px;display:flex}.fl-canvas__chrome{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 55%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px;display:flex}.fl-canvas__intro{align-items:flex-start;gap:10px;display:flex}.fl-canvas__live{border:1px solid color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-top:2px;padding:3px 8px;font-size:.66rem;font-weight:700;display:inline-flex}.fl-canvas__live:before{content:"";background:var(--success);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 50%, transparent);border-radius:50%;animation:1.8s infinite fl-pulse-ring}.fl-canvas__title{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:600}.fl-canvas__subtitle{color:var(--text-muted);margin:3px 0 0;font-size:.72rem}.fl-viewport{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.fl-viewport__switch{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:4px;padding:3px;display:inline-flex}.fl-viewport__btn{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:.74rem;display:inline-flex}.fl-viewport__btn.is-active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.fl-viewport__indicator{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);margin:0}.fl-viewport__note{opacity:.85}.fl-canvas__stage{flex:1;place-items:center;padding:16px;display:grid;overflow:auto}.fl-canvas__frame{border:1px solid var(--border-strong);background:linear-gradient(0deg, transparent 23px, color-mix(in srgb, var(--border) 40%, transparent) 24px) 0 0 / 100% 24px, linear-gradient(90deg, transparent 23px, color-mix(in srgb, var(--border) 40%, transparent) 24px) 0 0 / 24px 100%, var(--bg-elevated);width:100%;min-height:320px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;transition:width .2s;animation:.32s both fl-fade-up;display:flex;overflow:auto}.fl-canvas__frame-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-panel) 85%, transparent);justify-content:flex-end;align-items:center;gap:10px;padding:8px 12px;display:flex}.fl-canvas__css-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:999px;padding:2px 8px;font-size:.7rem}.fl-canvas__container{flex:1;width:100%;min-height:260px;padding:18px}.fl-canvas__item{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--bg-item) 88%, white), var(--bg-item));min-width:72px;min-height:64px;color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:flex;position:relative}.fl-canvas__item:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));transform:translateY(-1px)}.fl-canvas__item:active{cursor:grabbing}.fl-canvas__item.is-selected{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-item-selected) 90%, white), var(--bg-item-selected));border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 10px 24px color-mix(in srgb, var(--accent) 22%, transparent);outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:3px}.fl-canvas__item-index{font-size:.64rem;font-family:var(--font-mono);color:var(--text-muted)}.fl-canvas__item-label{word-break:break-word;font-size:.88rem;font-weight:600}.fl-item-list{flex-direction:column;gap:6px;max-height:168px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.fl-item-list>li{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.fl-item-list__btn{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;width:100%;padding:7px 9px;transition:border-color .12s,background .12s;display:flex}.fl-item-list__btn:hover{border-color:var(--border-strong)}.fl-item-list__btn.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.fl-item-list__index{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.fl-item-list__label{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.fl-item-list__move{gap:2px;display:flex}.fl-inspector{border-top:1px solid var(--border);padding-top:12px}.fl-inspector__title{text-transform:uppercase;letter-spacing:.06em;color:var(--step);margin:0 0 8px;font-size:.68rem;font-weight:700}.fl-inspector__grid{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.fl-inspector__grid dt{color:var(--text-muted);margin:0;font-size:.66rem}.fl-inspector__grid dd{font-family:var(--font-mono);margin:2px 0 0;font-size:.8rem}.fl-hints{flex-direction:column;gap:8px;display:flex}.fl-hints__card{border:1px solid var(--border);border-left:3px solid var(--accent-2);background:var(--accent-2-soft);border-radius:8px;padding:9px 11px}.fl-hints__card h3{margin:0 0 4px;font-size:.78rem}.fl-hints__card p{color:var(--text-muted);margin:0;font-size:.72rem}.fl-export{background:var(--bg-panel);border-top:1px solid var(--border)}.fl-export .fl-panel__header{align-items:center;position:static}.fl-export .fl-panel__body{padding-top:0}.fl-tab{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:.76rem;font-weight:600}.fl-export__tabs{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:3px}.fl-tab.is-active{background:var(--accent-soft);color:var(--text)}.fl-export__status{color:var(--success);font-size:.74rem;font-weight:600;animation:.16s both fl-fade-up}.fl-export__code{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--accent-soft)), var(--bg));max-height:220px;font-family:var(--font-mono);white-space:pre;margin:0;padding:14px 16px;font-size:.75rem;line-height:1.55;overflow:auto}.fl-site-footer{border-top:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 30%, transparent 70%, color-mix(in srgb, var(--accent-2) 8%, transparent)), var(--bg-panel);padding:22px 18px 28px}.fl-site-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:920px;margin:0 auto;display:flex}.fl-site-footer__code{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:999px;margin:0;padding:8px 14px;font-size:.78rem;line-height:1.5}.fl-site-footer__selector{color:var(--accent)}.fl-site-footer__brace,.fl-site-footer__colon,.fl-site-footer__semi{color:var(--step)}.fl-site-footer__prop{color:var(--accent-2)}.fl-site-footer__value{color:var(--text)}.fl-site-footer__credit{color:var(--text-muted);letter-spacing:-.01em;margin:0;padding-bottom:14px;font-size:.92rem}.fl-site-footer__link{color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--accent) 55%, transparent);flex-direction:column;align-items:flex-start;margin-left:2px;font-weight:600;text-decoration:none;transition:color .14s,border-color .14s,transform .14s;display:inline-flex;position:relative}.fl-site-footer__link:hover,.fl-site-footer__link:focus-visible{color:var(--accent);border-bottom-color:var(--accent);transform:translateY(-1px)}.fl-site-footer__url{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent);opacity:0;pointer-events:none;white-space:nowrap;font-size:.64rem;font-weight:500;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(-2px)}.fl-site-footer__link:hover .fl-site-footer__url,.fl-site-footer__link:focus-visible .fl-site-footer__url{opacity:.9;transform:translateY(0)}.fl-site-footer__meta{font-family:var(--font-mono);color:var(--step);text-transform:lowercase;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:6px 0 0;font-size:.68rem;display:inline-flex}.fl-site-footer__dot{opacity:.6}@media (width<=1100px){.fl-app{grid-template-rows:auto auto auto auto auto}.fl-workspace{grid-template-rows:auto auto auto;grid-template-columns:1fr;min-height:0}.fl-workspace__left,.fl-workspace__right{border:none;border-bottom:1px solid var(--border);max-height:none}.fl-workspace__center{order:-1;min-height:380px}.fl-toolbar__actions,.fl-toolbar__tools{margin-left:0}.fl-flow__tip{width:100%}}@media (width<=640px){.fl-toolbar,.fl-flow{padding-left:12px;padding-right:12px}.fl-toolbar__subtitle,.fl-flow__copy span,.fl-mode__hint{display:none}.fl-mode__btn{text-align:center;min-width:72px;padding:8px 12px}.fl-canvas__stage{padding:12px}.fl-export__actions{width:100%}.fl-panel__header{flex-wrap:wrap}.fl-flow__arrow{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}