:root{color:#163340;font-synthesis:none;--fi-teal:#155e75;--fi-muted:#627680;--fi-line:#dce5e5;--fi-green:#d5efdd;background:#f5f8f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid var(--fi-line);color:#264653;background:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#eaf3f2;border-color:#a5c6c5}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #0d9488}a{color:var(--fi-teal)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--fi-teal)}input[type=range]{cursor:pointer;width:100%;height:18px;margin:7px 0}input[type=color]{cursor:pointer;border:1px solid var(--fi-line);background:#fff;border-radius:7px;width:38px;height:32px;padding:3px}input[type=text],input:not([type]),select{border:1px solid var(--fi-line);color:#193d49;background:#fff;border-radius:8px;width:100%;min-width:0;padding:8px 10px;font-size:12px}input[type=checkbox]{flex-shrink:0;width:15px;height:15px;margin:3px 0 0}fieldset{min-width:0;margin:0}fieldset:disabled{opacity:.6}h1,h2,h3,p,figure{margin:0}h2{letter-spacing:-.35px;font-size:16px}h3{font-size:15px}.fi-wrap{max-width:1512px;margin:auto;padding:0 36px}.fi-skip{z-index:10000;background:#fff;padding:12px;position:absolute;top:-100px}.fi-skip:focus{top:10px}.fi-hero{background:#edf4ef;border-bottom:1px solid #dce7df;overflow:hidden}.fi-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:327px;padding-top:42px;padding-bottom:42px;display:grid}.fi-eyebrow{letter-spacing:2px;color:#386957;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.fi-eyebrow>span{background:#619f77;border-radius:50%;width:7px;height:7px}h1{letter-spacing:-2.5px;margin:16px 0;font-size:clamp(36px,3.8vw,58px);font-weight:750;line-height:1.1}h1 em{color:#22664f;font-style:normal}.fi-intro p{color:#506c65;max-width:510px;font-size:14px;line-height:1.8}.fi-badges{color:#2d6650;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:11px;font-weight:600;display:flex}.fi-hero-art{place-items:center;height:245px;display:grid;position:relative}.fi-orbit{border:1px dashed #acc9b9;border-radius:50%;width:245px;height:245px;position:absolute;transform:rotate(-20deg)}.fi-orbit:after{content:"";border:1px solid #d1e2d7;border-radius:50%;position:absolute;inset:28px}.fi-brand-tile{color:#d7edc4;background:#205d49;border-radius:28px;place-items:center;width:130px;height:130px;font-family:Georgia,serif;font-size:110px;font-weight:700;line-height:1;display:grid;position:relative;transform:rotate(-10deg);box-shadow:0 20px 35px #1b4f4926}.fi-brand-tile>span{color:#e5db9c;font-size:35px;position:absolute;top:10px;right:12px}.fi-art-label{background:#ffffffeb;border:1px solid #d9e6dd;border-radius:10px;flex-direction:column;gap:3px;padding:10px 16px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 8px 15px #2e5b3f08}.fi-art-label b{color:#5c6f64;font-family:monospace;font-size:10px;font-weight:500}.fi-art-web{top:30px;left:12%;transform:rotate(-5deg)}.fi-art-app{bottom:24px;right:8%;transform:rotate(5deg)}.fi-art-dots{letter-spacing:6px;color:#95bca5;font-size:12px;position:absolute;top:24px;right:22%}.fi-workspace{grid-template-columns:290px minmax(300px,1fr) 310px;align-items:start;gap:20px;padding-top:28px;display:grid}.fi-controls,.fi-center,.fi-export-column{gap:18px;min-width:0;display:grid}.fi-panel{border:1px solid var(--fi-line);background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 8px #16334003}.fi-step{color:#546d66;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.fi-step h2,.fi-step>span{letter-spacing:-.2px;color:#234438;font-size:14px}fieldset.fi-panel{padding-top:14px}fieldset .fi-step{background:#fff;margin:0 0 0 -6px;padding:0 6px}.fi-drop{text-align:center;cursor:pointer;background:#f7faf8;border:1.5px dashed #a6c3b6;border-radius:10px;flex-direction:column;align-items:center;padding:18px 8px;display:flex}.fi-drop:hover,.fi-drop.is-over{background:#eaf5ed;border-color:#27684d}.fi-drop[aria-disabled=true]{opacity:.5;cursor:wait}.fi-upload-symbol{color:#34765d;margin-bottom:7px;font-size:29px;line-height:1.3}.fi-drop strong{font-size:13px}.fi-drop>span:not(.fi-upload-symbol){color:#536f61;font-size:12px}.fi-drop small{color:#5c6e67;margin-top:11px;font-size:10px;line-height:1.6}.fi-source{color:#5d6b66;overflow-wrap:anywhere;margin-top:12px;font-size:11px;line-height:1.7}.fi-demo-row{align-items:center;gap:5px;margin-top:14px;display:flex}.fi-demo-row>span{color:#5c6d66;white-space:nowrap;font-size:10px}.fi-demo-row button{border-radius:6px;padding:5px 8px;font-size:10px;font-weight:500}.fi-text-btn{color:#576e66;background:0 0;border:0;margin-top:10px;padding:0;font-size:10px;text-decoration:underline}.fi-segment{background:#f1f5f4;border-radius:8px;gap:2px;padding:3px;font-size:11px;display:flex}.fi-segment label{cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 2px;display:flex}.fi-segment label:has(:checked){background:#fff;border-radius:5px;box-shadow:0 1px 3px #173e3c15}.fi-segment input{width:11px;height:11px;margin:0}.fi-range{margin-top:14px}.fi-range label{color:#596e66;justify-content:space-between;font-size:11px;display:flex}.fi-range output{color:#315744;background:#f0f6f2;border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace;font-size:10px}.fi-tool-row{gap:5px;margin:12px 0 18px;display:flex}.fi-tool-row button{white-space:nowrap;flex:1;padding:6px;font-size:10px}.fi-color-row{align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.fi-color-row>label{white-space:nowrap;flex:1}.fi-color-row #bg-hex{width:86px;padding:7px;font-family:monospace;font-size:11px}.fi-check{color:#4d675d;align-items:start;gap:8px;font-size:11px;line-height:1.6;display:flex}.fi-hint{color:#5e6e67;margin-top:10px;font-size:10px;line-height:1.7}.fi-undo-row{border-top:1px solid #edf1ef;gap:7px;margin-top:16px;padding-top:14px;display:flex}.fi-undo-row button{flex:1;padding:7px 4px;font-size:10px}.fi-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.fi-panel-heading h2{font-size:14px}.fi-panel-heading>span{color:#4f6b61;background:#eff6f2;border-radius:5px;padding:3px 8px;font-family:monospace;font-size:10px}.fi-stage{background:repeating-conic-gradient(#edf2ef 0 25%,#f9fbfa 0 50%) 0/20px 20px;aspect-ratio:1;border:1px solid #e3eae6;border-radius:10px;place-items:center;max-width:470px;margin:auto;display:grid;position:relative;overflow:hidden}.fi-stage canvas{opacity:0;touch-action:pan-y;width:100%;height:100%;display:block}.fi-stage.has-image canvas{opacity:1;cursor:grab;touch-action:none}.fi-stage.has-image canvas:active{cursor:grabbing}#empty-art{text-align:center;color:#596e64;padding:20px;position:absolute}#empty-art>span{color:#a4bdaf;font-size:70px;line-height:1.4;display:block}#empty-art strong{font-size:13px;font-weight:600}#empty-art p{margin-top:6px;font-size:11px}.fi-editor-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.fi-editor-foot>span{color:#5c6d66;font-size:10px}.fi-editor-foot button{white-space:nowrap;padding:6px 9px;font-size:10px}.fi-quality{color:#8c6222;background:#fff8e8;border-radius:7px;margin-top:12px;padding:8px 10px;font-size:10px}.fi-tiny-segment button{background:0 0;border:0;border-radius:5px;padding:3px 10px;font-size:10px;font-weight:500}.fi-tiny-segment button.active{background:#fff;box-shadow:0 1px 3px #173e3c15}.fi-browser{border:1px solid #dfe7e3;border-radius:9px;overflow:hidden}.fi-browser-bar{color:#5a6e64;background:#eef2f0;align-items:end;gap:12px;height:42px;padding:8px 12px 0;font-size:12px;display:flex}.fi-browser-bar>span{letter-spacing:2px;white-space:nowrap;padding-bottom:7px;font-size:10px}.fi-browser-tab{color:#4d6257;background:#fff;border-radius:7px 7px 0 0;flex:1;align-items:center;gap:7px;min-width:0;max-width:230px;height:32px;padding:8px 10px;font-size:10px;display:flex}.fi-browser-tab canvas{flex:none;width:16px;height:16px}.fi-browser-tab span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fi-browser-tab b{font-size:12px;font-weight:400}.fi-browser-content{color:#5e6e65;text-align:center;background:#fff;padding:20px}.fi-browser-content p{margin-top:13px;font-size:10px}.fi-size-samples{justify-content:center;align-items:end;gap:30px;height:80px;display:flex}.fi-size-samples figure{justify-items:center;min-width:48px;display:grid}.fi-size-samples canvas{display:block}.fi-size-samples figcaption{margin-top:10px;font-family:monospace;font-size:9px}.fi-browser.is-dark{border-color:#253b38}.fi-browser.is-dark .fi-browser-bar{background:#1f302e}.fi-browser.is-dark .fi-browser-tab,.fi-browser.is-dark .fi-browser-content{color:#dae7dd;background:#314541}.fi-browser.is-dark .fi-browser-content p{color:#a7bdb3}.fi-platform-previews{text-align:center;grid-template-columns:repeat(4,1fr);align-items:start;gap:10px;margin-top:22px;display:grid}.fi-platform-previews figure{min-width:0}.fi-platform-previews figure>div{background:#f2f6f3;width:64px;height:64px;margin:auto;overflow:hidden}.fi-platform-previews canvas{width:64px;height:64px;display:block}.fi-phone-tile{border-radius:16px}.fi-mask-circle{border-radius:50%}.fi-mask-squircle{border-radius:22px}.fi-platform-previews figcaption{margin-top:8px;font-size:10px;font-weight:600}.fi-platform-previews small{color:#5d6d66;margin-top:3px;font-size:8px;font-weight:400;line-height:1.6;display:block}.fi-safe-toggle{margin-top:20px}.fi-mono-select{white-space:nowrap;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.fi-mono-select select{padding:6px;font-size:10px}.fi-bundle{gap:8px;display:grid}.fi-bundle>label{cursor:pointer;background:#fcfdfc;border:1px solid #e1e9e4;border-radius:9px;align-items:start;gap:9px;padding:12px 10px;display:flex}.fi-bundle>label:has(:checked){background:#f6faf7;border-color:#b5cfc1}.fi-bundle strong{color:#315846;font-size:12px;display:block}.fi-bundle small{color:#5d6c64;margin-top:3px;font-size:10px;line-height:1.7;display:block}.fi-bundle b{color:#556f61;background:#e8f1eb;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:8px;font-weight:600}.fi-count{color:#557063;margin:12px 0;font-size:10px}.fi-settings{border-top:1px solid #e7eeea;margin-top:15px;padding-top:14px}.fi-settings summary{color:#4c6d5c;margin-bottom:12px;font-size:11px;font-weight:600}.fi-settings label{color:#577062;margin-top:10px;font-size:10px;display:block}.fi-settings label>input:not([type=color]),.fi-settings label>select{margin-top:4px;display:block}.fi-two-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fi-settings .fi-theme-label{justify-content:space-between;align-items:center;display:flex}.fi-primary{color:#fff;background:#205d49;border-color:#205d49;width:100%;margin-top:20px;padding:13px;font-size:13px}.fi-primary:hover:not(:disabled){background:#174a39;border-color:#174a39}.fi-cancel{color:#9d5339;width:100%;margin-top:9px;font-size:11px}progress{accent-color:#205d49;width:100%;height:6px;margin-top:15px;display:block}#status{color:#576f62;overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.7}#error{color:#a23035;overflow-wrap:anywhere;background:#fff0f0;border:1px solid #f3cdcd;border-radius:8px;margin-top:12px;padding:10px;font-size:11px}.fi-privacy{color:#576f62;border-top:1px solid #e8eeea;margin-top:14px;padding-top:12px;font-size:10px;line-height:1.7}.fi-code-panel{padding:16px}.fi-code-panel .fi-panel-heading{margin-bottom:12px}.fi-code-panel h2{font-size:12px}.fi-code-panel button{padding:4px 7px;font-size:9px}.fi-code-panel pre{white-space:pre;color:#526f62;background:#f3f7f4;border-radius:8px;max-height:180px;margin:0;padding:12px;font:9px/1.8 ui-monospace,monospace;overflow:auto}.fi-guide{border-bottom:1px solid var(--fi-line);grid-template-columns:1fr 1fr;gap:80px;margin-top:28px;padding:64px 5% 48px;display:grid}.fi-guide h2{letter-spacing:-1px;margin:14px 0;font-size:32px;line-height:1.3}.fi-guide p{color:#5c6d64;max-width:420px;font-size:13px;line-height:1.9}.fi-guide ol{gap:25px;margin:0;padding:0;list-style:none;display:grid}.fi-guide li{gap:18px;display:flex}.fi-guide li>b{color:#4c7159;background:#e6f0e9;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font:12px ui-monospace,monospace;display:grid}.fi-guide h3{margin-bottom:5px;font-size:14px}.fi-guide li p{font-size:12px}.fi-faq{max-width:860px;margin:48px auto}.fi-faq h2{letter-spacing:-.7px;margin-bottom:22px;font-size:25px}.fi-faq details{border-bottom:1px solid var(--fi-line);padding:16px 0}.fi-faq summary{font-size:13px;font-weight:600;line-height:1.7}.fi-faq p{color:#5e6e65;margin-top:12px;padding-left:17px;font-size:12px;line-height:1.9}.fi-related{margin:42px 0}.fi-related h2{margin-bottom:15px;font-size:18px}.fi-related>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fi-related a{border:1px solid var(--fi-line);color:#416d55;background:#fff;border-radius:10px;padding:18px 22px;font-size:13px;font-weight:600;text-decoration:none;display:block}.fi-related span{color:#5a6f61;margin-top:6px;font-size:11px;font-weight:400;display:block}.fi-footer{border-top:1px solid var(--fi-line);color:#596d62;justify-content:space-between;gap:14px;padding:24px 36px;font-size:11px;display:flex}.fi-footer a{color:#51715d;text-decoration:none}.fi-footer span a{color:inherit}[hidden]{display:none!important}noscript{text-align:center;color:#a23035;padding:20px;display:block}@media (min-width:1500px){.fi-workspace{grid-template-columns:310px minmax(350px,1fr) 330px;gap:24px}.fi-panel{padding:23px}.fi-stage{max-width:510px}.fi-intro{padding-left:75px;padding-right:75px}}@media (max-width:1200px){.fi-wrap{padding-left:24px;padding-right:24px}.fi-workspace{grid-template-columns:250px minmax(270px,1fr) 270px;gap:14px}.fi-panel{padding:16px}.fi-platform-previews{grid-template-columns:repeat(2,1fr);row-gap:18px}.fi-editor-foot{flex-direction:column;align-items:start}.fi-tool-row button{font-size:9px}.fi-demo-row button{padding:5px;font-size:9px}.fi-intro{min-height:290px;padding-top:32px;padding-bottom:32px}}@media (max-width:1000px){.fi-workspace{grid-template-columns:260px minmax(0,1fr);gap:20px}.fi-export-column{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}.fi-export-panel{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.fi-export-panel>.fi-step{grid-column:1/-1}.fi-settings{border-top:0;grid-area:2/2/8;margin-top:0;padding-top:0}.fi-export-panel>.fi-bundle,.fi-export-panel>.fi-count{grid-column:1}.fi-export-panel .fi-primary{grid-column:1;margin-top:4px}.fi-export-panel>progress,.fi-export-panel>#status,.fi-export-panel>#error,.fi-export-panel>.fi-cancel,.fi-export-panel>.fi-privacy{grid-column:1}.fi-export-column{grid-template-columns:1fr}.fi-code-panel pre{max-height:140px}.fi-code-panel .fi-hint{margin-top:6px}.fi-platform-previews{grid-template-columns:repeat(4,1fr)}.fi-guide{gap:40px;padding-left:2%;padding-right:2%}.fi-intro{grid-template-columns:1.2fr 1fr}.fi-art-web{left:0}.fi-art-app{right:0}.fi-editor-foot{flex-direction:row;align-items:center}}@media (max-width:720px){.fi-wrap{padding-left:16px;padding-right:16px}.fi-intro{grid-template-columns:1fr;gap:0;padding-top:30px;padding-bottom:24px}.fi-intro p{font-size:13px}.fi-hero-art{display:none}h1{letter-spacing:-1.8px;margin:14px 0;font-size:42px}.fi-badges{gap:14px;font-size:10px}.fi-eyebrow{font-size:9px}.fi-workspace{flex-direction:column;gap:16px;padding-top:18px;display:flex}.fi-controls,.fi-center,.fi-export-column{gap:16px;width:100%}.fi-controls{display:contents}.fi-upload-panel{order:0;width:100%}.fi-center{display:contents}.fi-editor{order:1;width:100%}#edit-controls{order:2;width:100%;padding-top:14px}.fi-previews{order:3;width:100%}.fi-export-column{order:4}.fi-demo-row{justify-content:center;gap:8px}.fi-demo-row button{padding:6px 12px;font-size:11px}.fi-upload-panel .fi-source{text-align:center}.fi-drop{padding:13px 10px}.fi-upload-symbol{font-size:24px}.fi-panel{border-radius:12px;padding:18px}.fi-range{margin-top:12px}.fi-tool-row button{padding:9px;font-size:11px}.fi-export-panel{display:block}.fi-settings{border-top:1px solid #e7eeea;margin-top:15px;padding-top:14px}.fi-primary{padding:15px;font-size:14px;margin-top:18px!important}.fi-bundle small{font-size:11px}.fi-bundle label{padding:13px}.fi-platform-previews figure>div,.fi-platform-previews canvas{width:56px;height:56px}.fi-platform-previews figcaption{font-size:9px}.fi-platform-previews small{font-size:8px}.fi-mono-select{white-space:normal;font-size:10px}.fi-editor-foot{gap:6px}.fi-editor-foot span,.fi-editor-foot button{font-size:9px}.fi-color-row>label{flex:0 0 80px}.fi-color-row #bg-hex{width:100px}.fi-check{font-size:12px}.fi-hint{font-size:11px}.fi-guide{grid-template-columns:1fr;gap:25px;margin-top:10px;padding:38px 4px 32px}.fi-guide h2{font-size:29px}.fi-faq{margin:34px 0}.fi-faq h2{font-size:22px}.fi-faq summary{font-size:12px}.fi-related>div{grid-template-columns:1fr;gap:10px}.fi-related a{padding:15px 18px}.fi-related{margin:30px 0}.fi-footer{flex-direction:column;padding:20px 16px;font-size:10px}.fi-source,#status,.fi-settings label{font-size:11px}.fi-settings input:not([type=color]),.fi-settings select{font-size:14px}.fi-code-panel pre{max-height:170px;font-size:10px}.fi-panel-heading h2{font-size:14px}}.fi-panel{width:100%;min-width:0}.fi-code-panel pre{min-width:0;max-width:100%}.fi-bundle>label>span{min-width:0}.fi-stage{width:100%}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.fi-step{color:#546e68}label.fi-drop small{color:#5a6e66;font-size:12px}.fi-source{color:#5d6d66;font-size:12px}.fi-hint,.fi-bundle small{color:#5c6d66;font-size:12px}.fi-code-panel pre{font-size:12px}.fi-platform-previews small{color:#5f6e67;font-size:10px}