.fl-file-bar{border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg));border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.6rem .75rem;display:flex}.fl-notice{border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));color:color-mix(in srgb,var(--color-text) 78%,transparent);border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.45rem .6rem;font-size:.72rem;line-height:1.25rem;display:flex}.fl-notice.hidden{display:none}.fl-notice>svg{fill:none;width:1rem;height:1rem;stroke:var(--color-accent);stroke-width:1.8px;stroke-linecap:round;flex:none;margin-top:.1rem}.fl-notice>p{flex:1;min-width:0}.fl-notice>button,.fl-close,.fl-error>button{width:1.5rem;height:1.5rem;color:color-mix(in srgb,var(--color-text) 48%,transparent);border-radius:.35rem;flex:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.fl-notice>button:hover,.fl-close:hover,.fl-error>button:hover{background:var(--color-bg);color:var(--color-text)}.fl-close{position:absolute;top:.55rem;right:.55rem}.fl-error{border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error) 5%,var(--color-bg));color:var(--color-error);border-radius:.7rem;padding:.75rem 2.6rem .75rem .9rem;font-size:.8rem;position:relative}.fl-error>button{position:absolute;top:.5rem;right:.55rem}.fl-layout{grid-template-columns:minmax(0,1fr) 305px;align-items:start;gap:.75rem;display:grid}.fl-layout.settings-hidden{grid-template-columns:minmax(0,1fr)}.fl-layout.settings-hidden .fl-settings{display:none}.fl-preview-panel,.fl-settings{border:1px solid color-mix(in srgb,var(--color-text) 11%,transparent);background:var(--color-bg);border-radius:.8rem;min-width:0}.fl-preview-heading{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);align-items:center;gap:.75rem;min-height:3.2rem;padding:.5rem .7rem;display:flex}.fl-eyebrow{letter-spacing:.055em;text-transform:uppercase;font-size:.7rem;font-weight:800}.fl-stats{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;margin-left:auto;display:flex}.fl-stats span{background:var(--color-bg-subtle);color:color-mix(in srgb,var(--color-text) 65%,transparent);border-radius:999px;padding:.2rem .45rem;font-size:.62rem}.fl-settings-toggle{border:1px solid color-mix(in srgb,var(--color-text) 13%,transparent);border-radius:.55rem;flex:none;align-items:center;gap:.35rem;padding:.42rem .6rem;font-size:.7rem;font-weight:650;display:flex}.fl-settings-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1rem;height:1rem}.fl-preview-scroll{overscroll-behavior:contain;background:color-mix(in srgb,var(--color-text) 5%,var(--color-bg-subtle));height:min(70dvh,780px);min-height:32rem;position:relative;overflow:auto}.fl-preview-stage{justify-content:center;align-items:flex-start;min-width:max-content;min-height:100%;padding:1.5rem 2rem 6.5rem;display:flex}.fl-preview-shell{background:#fff;flex:none;width:459px;transition:width .15s;position:relative;overflow:hidden;box-shadow:0 10px 34px #0f172a2b}.fl-preview-shell>img{object-fit:fill;width:100%;height:100%;display:block}.fl-preview-loading{color:#6b7280;background:#f3f4f6;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.fl-preview-loading.hidden{display:none}.fl-view-toolbar{z-index:5;border:1px solid color-mix(in srgb,var(--color-text) 13%,transparent);background:color-mix(in srgb,var(--color-bg) 95%,transparent);backdrop-filter:blur(10px);border-radius:1rem;align-items:center;gap:.2rem;width:max-content;max-width:calc(100% - 1.5rem);margin:-4.8rem auto 1rem;padding:.45rem .55rem;display:flex;position:sticky;bottom:1.1rem;box-shadow:0 8px 26px #0f172a29}.fl-view-toolbar>button{min-width:2.2rem;height:2.2rem;color:color-mix(in srgb,var(--color-text) 72%,transparent);border-radius:.55rem;justify-content:center;align-items:center;display:flex}.fl-view-toolbar>button:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-primary)}.fl-view-toolbar>button:disabled{opacity:.3}.fl-view-toolbar svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.05rem;height:1.05rem}.fl-view-toolbar label{align-items:center;gap:.4rem;padding:0 .35rem;font-size:.75rem;display:flex}.fl-view-toolbar input{border:0;border-bottom:1px solid color-mix(in srgb,var(--color-text) 17%,transparent);text-align:center;background:0 0;outline:none;width:2.4rem;padding:.2rem}.fl-view-toolbar>i{background:color-mix(in srgb,var(--color-text) 14%,transparent);width:1px;height:1.7rem}.fl-zoom-label{font-family:var(--font-mono);font-size:.72rem}.fl-fit-button{font-size:.7rem;font-weight:700}.fl-fit-button.active{color:#fff;background:var(--color-primary)!important}.fl-settings{background:color-mix(in srgb,var(--color-bg-subtle) 72%,var(--color-bg));flex-direction:column;gap:.8rem;max-height:calc(100dvh - 6rem);padding:.8rem;display:flex;position:sticky;top:0;overflow-y:auto}.fl-setting-group{border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);padding-top:.75rem}.fl-setting-group legend{margin-bottom:.5rem;font-size:.78rem;font-weight:700}.fl-mode-card,.fl-format-card{cursor:pointer;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-bg);border-radius:.65rem;align-items:flex-start;gap:.55rem;padding:.65rem;display:flex;position:relative}.fl-mode-card+.fl-mode-card,.fl-format-card+.fl-format-card{margin-top:.45rem}.fl-mode-card:has(input:checked),.fl-format-card:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.fl-mode-card:has(input:disabled){cursor:not-allowed;opacity:.48}.fl-mode-card input,.fl-format-card input,.fl-check-row input{accent-color:var(--color-primary);margin-top:.15rem}.fl-mode-card span,.fl-format-card span,.fl-check-row span{min-width:0;display:block}.fl-mode-card strong,.fl-format-card strong,.fl-check-row strong{font-size:.73rem;display:block}.fl-mode-card small,.fl-format-card small,.fl-check-row small{color:color-mix(in srgb,var(--color-text) 52%,transparent);margin-top:.1rem;font-size:.64rem;line-height:1.05rem;display:block}.fl-mode-card b{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));color:var(--color-primary);border-radius:999px;margin-left:auto;padding:.15rem .35rem;font-size:.54rem}.fl-setting-group>[data-fl-dpi]{border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-bg);font-family:var(--font-mono);border-radius:.55rem;padding:.45rem .25rem;font-size:.72rem;font-weight:700}.fl-setting-group>[data-fl-dpi] small{font-family:var(--font-sans);color:color-mix(in srgb,var(--color-text) 48%,transparent);margin-top:.08rem;font-size:.55rem;font-weight:500;display:block}.fl-setting-group>[data-fl-dpi][aria-pressed=true]{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg));color:var(--color-primary)}.fl-check-row{cursor:pointer;align-items:flex-start;gap:.55rem;display:flex}@media (width<=899px){.fl-layout{grid-template-columns:1fr}.fl-settings{order:1;max-height:none;position:static}.fl-preview-panel{order:2}.fl-preview-scroll{height:58dvh;min-height:24rem}.fl-preview-stage{padding-inline:.75rem}.fl-preview-shell{width:360px}.fl-stats,.fl-layout.settings-hidden .fl-settings{display:none}}@media (width<=520px){.fl-file-bar{flex-wrap:wrap;align-items:flex-start}.fl-file-bar>div{min-width:calc(100% - 3.75rem)}.fl-file-bar>button{margin-left:auto}.fl-settings-toggle span{display:none}.fl-view-toolbar{gap:.03rem;padding:.3rem}.fl-view-toolbar>button{min-width:2rem;height:2rem}.fl-preview-shell{width:300px}}