.ft-crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);margin-bottom:14px}.ft-crumbs a{color:var(--muted)}.ft-crumbs a:hover{color:var(--lime)}.ft-page .ft-panel+.ft-panel{margin-top:14px}.ft-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.ft-ctl>.fx-slider,.ft-ctl>[role=slider]{flex:1;min-width:120px}.ft-page .ft-seg{flex-wrap:wrap}.ft-page .ft-seg>button{margin:0}.ft-page .ft-seg>button:hover{border-color:transparent}.ft-page .ft-modes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ft-page .ft-chip{margin:0;gap:8px}.ft-page .ft-chip:hover{border-color:var(--line2)}.ft-chip-box{width:14px;height:14px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:3px;background:var(--s1)}.ft-chip.on .ft-chip-box{border-color:var(--lime);background:var(--lime);color:var(--lime-ink)}.ft-chip-box .mk-icon{width:11px;height:11px}.ft-num{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:34px;padding:0 10px;border-radius:var(--rb, 6px);background:var(--s1);border:1px solid var(--line2);color:var(--text);font:600 13.5px/1 var(--font-sans);outline:none;transition:border-color var(--t),box-shadow var(--t)}.ft-num:focus{border-color:var(--blue);box-shadow:0 0 0 3px #008bff2e}.ft-num.wide{width:100%}.ft-text{width:100%;min-height:84px;padding:10px 12px;border-radius:var(--rb, 6px);background:var(--s1);border:1px solid var(--line2);color:var(--text);font:500 13px/1.5 var(--font-mono, monospace);resize:vertical;outline:none}.ft-text:focus{border-color:var(--blue);box-shadow:0 0 0 3px #008bff2e}.ft-times{color:var(--dim);font-size:13px}.ft-color{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ft-color-now{width:34px;height:34px;clip-path:var(--cut-sm);box-shadow:inset 0 0 0 1px #ffffff26}.ft-hex{width:92px;font-family:var(--font-mono, monospace)}.ft-swatches{display:flex;gap:4px;flex-wrap:wrap}.ft-page .ft-swatches button{width:20px;height:20px;margin:0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:3px;cursor:pointer;transition:transform var(--t)}.ft-page .ft-swatches button:hover{transform:translateY(-1px);border-color:#fff6}.ft-page .ft-swatches button[aria-checked=true]{outline:2px solid var(--lime);outline-offset:1px}.ft-note{font-size:12.5px;color:var(--dim);line-height:1.5;margin-top:10px}.ft-samples{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ft-page .ft-sample{width:104px;display:grid;gap:6px;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit}.ft-sample .th{display:grid;place-items:center;width:104px;height:104px;clip-path:var(--cut-sm);background:#000;box-shadow:inset 0 0 0 2px var(--line2);transition:box-shadow var(--t),transform .15s var(--ease)}.ft-sample .th img{max-width:84px;max-height:84px;image-rendering:pixelated}.ft-sample:hover .th,.ft-sample:focus-visible .th{box-shadow:inset 0 0 0 2px var(--lime);transform:translateY(-2px)}.ft-sample .nm{font-size:12.5px;font-weight:650;color:var(--muted);white-space:nowrap}.ft-sample .nm small{display:block;font-weight:500;font-size:11.5px;color:var(--dim);margin-top:2px}.ft-page .ft-sample:hover{border-color:transparent}.ft-st-result{display:grid}.fx-stage.ft-free .fx-screen-in{aspect-ratio:auto;min-height:420px}.fx-stage.ft-free .ft-st-result{position:relative;inset:auto}.fx-stage.ft-free .fx-st-empty{position:relative;min-height:420px}.ft-busy{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;background:rgba(12,13,15,.86);border:1px solid var(--line2);color:var(--text);font-size:13px;font-weight:650}.ft-busy-dots{display:inline-flex;gap:3px}.ft-busy-dots i{width:6px;height:6px;background:var(--lime);animation:ftDot 1s steps(1) infinite}.ft-busy-dots i:nth-child(2){background:#6fdc6f;animation-delay:.15s}.ft-busy-dots i:nth-child(3){background:var(--blue);animation-delay:.3s}@keyframes ftDot{50%{opacity:.2}}.ft-info{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.ft-view{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:auto;background-color:#0f1113;background-image:linear-gradient(45deg,#15181b 25%,transparent 25%),linear-gradient(-45deg,#15181b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15181b 75%),linear-gradient(-45deg,transparent 75%,#15181b 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.ft-view img,.ft-view canvas{image-rendering:pixelated;max-width:none}.ft-view .rd-pxbadge{position:absolute;left:10px;top:10px}.ft-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:16px;align-content:start}.ft-page .ft-swatch{display:grid;gap:6px;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.ft-swatch .chip{height:52px;clip-path:var(--cut-sm);box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform var(--t)}.ft-swatch:hover .chip{transform:translateY(-2px)}.ft-swatch .hx{font:600 11.5px/1 var(--font-mono, monospace);color:var(--muted)}.ft-swatch .ct{font-size:11px;color:var(--dim)}.ft-page .ft-swatch:hover{border-color:transparent}.ft-strip{display:flex;height:22px;clip-path:var(--cut-sm);overflow:hidden}.ft-strip span{flex:1}.ft-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:14px;align-content:start}.ft-frame{display:grid;gap:4px;justify-items:center;padding:6px;border-radius:8px;background:var(--s2);border:1px solid var(--line)}.ft-frame canvas,.ft-frame img{max-width:100%;image-rendering:pixelated}.ft-frame span{font-size:11px;color:var(--dim)}.ft-sheet{position:relative;display:inline-block}.ft-sheet .box{position:absolute;border:1px solid var(--lime);box-shadow:0 0 0 1px #0009;pointer-events:none}.ft-sheet .box span{position:absolute;left:1px;top:1px;padding:0 3px;background:var(--lime);color:var(--lime-ink);font:700 9px/12px var(--font-sans)}.ft-page .mk-section{padding:72px 0}.ft-page .fx-hero+.mk-section{padding-top:88px}.ft-page .mk-section.ft-more{padding-bottom:96px}.ft-page .mk-section-head{margin-bottom:32px}.ft-page .mk-section-head h2{font-size:clamp(28px,3.2vw,42px)}.ft-cta h2{font-size:clamp(24px,2.6vw,34px);margin:12px 0 10px}.ft-step-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0;margin:0;list-style:none}.ft-step-list li{display:grid;gap:12px;align-content:start;padding:22px}.ft-step-list h3{font-size:17px}.ft-step-list p{color:var(--muted);font-size:14.5px;line-height:1.6}.ft-cta-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;background:radial-gradient(circle at 10% 0%,rgba(0,139,255,.16),transparent 55%),radial-gradient(circle at 95% 100%,rgba(196,241,40,.12),transparent 55%),var(--s1)}.ft-cta-card p{color:var(--muted);max-width:640px}.ft-faq-list{max-width:880px}@media (max-width: 560px){.ft-sample .th{width:84px;height:84px}.ft-page .ft-sample{width:84px}.ft-cta-card{padding:22px}}.ft-sheet-wrap{display:grid;align-content:start}.ft-sheet-view{min-height:320px;max-height:560px;padding:14px}.ft-sheet-img{display:block}.ft-sheet-img>div{line-height:0}.ft-frame-img{display:grid;place-items:center;min-height:40px}.ft-frame-img canvas{max-width:64px;max-height:64px}.ft-gif{display:grid;place-items:center;padding:18px}.ft-gif img{image-rendering:pixelated;max-width:100%}.ft-sheet img{display:block;width:100%;height:auto;image-rendering:pixelated}.ft-sheet img.shrunk{image-rendering:auto}.ft-page .ft-seg>button.off{opacity:.38;cursor:not-allowed}.ft-page .ft-seg>button.off:hover{color:var(--muted)}.ft-pal-out{display:flex;flex-wrap:wrap;gap:3px;padding:10px 12px;border-radius:var(--r, 10px);background:var(--s1);border:1px solid var(--line)}.ft-pal-out span{width:18px;height:18px;clip-path:var(--cut-sm);box-shadow:inset 0 0 0 1px #ffffff1a}.ft-detect{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border-radius:var(--r, 10px);background:var(--s1);border:1px solid var(--line);color:var(--muted);font-size:13px}.ft-detect b{color:var(--text)}.ft-sheet .content{position:absolute;border:1px dashed rgba(0,139,255,.9);pointer-events:none}.ft-sheet .cut{position:absolute;background:rgba(238,151,227,.85);pointer-events:none}.ft-sheet .cut.v{top:0;bottom:0;width:1px}.ft-sheet .cut.h{left:0;right:0;height:1px}.ft-bg-swatch{width:18px;height:18px;clip-path:var(--cut-sm);box-shadow:inset 0 0 0 1px #ffffff40}.ft-bg-swatch.none{background-image:linear-gradient(45deg,#2a2f36 25%,transparent 25%,transparent 75%,#2a2f36 75%);background-size:8px 8px}.ft-timeline{display:grid;gap:12px;padding:14px}.ft-timeline-head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.ft-timeline-tools{display:grid;gap:10px;flex:1;min-width:220px}.ft-anim{display:grid;gap:8px;justify-items:center}.ft-anim-view{display:grid;place-items:center;width:176px;height:176px;border-radius:10px;background-color:#0f1113;background-image:linear-gradient(45deg,#15181b 25%,transparent 25%),linear-gradient(-45deg,#15181b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15181b 75%),linear-gradient(-45deg,transparent 75%,#15181b 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:inset 0 0 0 1px var(--line)}.ft-anim-view canvas{image-rendering:pixelated;max-width:160px;max-height:160px}.ft-timeline-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;max-height:420px;overflow:auto}.ft-tframe{display:grid;gap:6px;justify-items:center;padding:8px;border-radius:8px;background:var(--s2);border:1px solid var(--line)}.ft-tframe .nm{width:100%;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.ft-tframe .ft-num{width:100%;height:28px;font-size:12.5px}.ft-tframe-btns{display:flex;gap:4px}.ft-page .ft-tframe-btns button{width:28px;height:26px;margin:0;padding:0;display:grid;place-items:center;border-radius:6px;background:var(--s3);border:1px solid var(--line2);color:var(--muted);font:700 13px/1 var(--font-sans);cursor:pointer}.ft-page .ft-tframe-btns button:hover:not(:disabled){color:var(--text);border-color:var(--lime)}.ft-page .ft-tframe-btns button:disabled{opacity:.35;cursor:not-allowed}.ft-tframe-btns .mk-icon{width:14px;height:14px}.ft-sheet{max-width:100%}.ft-sheet-view{overflow:hidden}.ft-page .ft-modes{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}@media (max-width: 560px){.ft-page .mk-section{padding:52px 0}.ft-page .fx-hero+.mk-section{padding-top:60px}}.ft-result-view{position:absolute;inset:0}.ft-result-view canvas{image-rendering:pixelated;max-width:100%;max-height:100%}.ft-result-view[data-busy] canvas{opacity:.55;transition:opacity .15s}.ft-page .ft-result-view .ft-hold{position:absolute;right:12px;bottom:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}
