.fapps-root{--fapps-fg:#1a1a1a;--fapps-muted:#6b6b6b;--fapps-border:#e0ddd6;--fapps-bg:#faf9f6;--fapps-accent:#1a1a1a;--fapps-ok:#1f7a4d;--fapps-ok-bg:#e8f4ed;--fapps-warn:#9a5b00;--fapps-warn-bg:#fcf2e2;--fapps-radius:12px;max-width:none;width:100%;margin:0 auto;color:var(--fapps-fg);font-family:inherit;line-height:1.5;box-sizing:border-box}.fapps-root *,.fapps-root *::before,.fapps-root *::after{box-sizing:border-box}.fapps-title{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.fapps-intro{margin-bottom:1rem}.fapps-drop[hidden]{display:none}.fapps-recommended-warn{margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.95rem;line-height:1.5;text-align:left;color:var(--fapps-warn);background:var(--fapps-warn-bg);border-radius:8px}.fapps-drop{display:flex;align-items:center;justify-content:center;min-height:220px;padding:2rem 1.5rem;text-align:center;background:var(--fapps-bg);border:2px dashed var(--fapps-border);border-radius:var(--fapps-radius);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .05s ease}.fapps-drop:hover,.fapps-drop:focus-visible{border-color:var(--fapps-accent);outline:none}.fapps-drop.is-dragover{border-color:var(--fapps-accent);background:#f1efe9;transform:scale(1.005)}.fapps-icon{color:var(--fapps-muted);margin-bottom:.75rem}.fapps-drop-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.fapps-drop-sub{margin:0;font-size:.85rem;color:var(--fapps-muted);max-width:34ch}.fapps-message{margin:1rem 0 0;padding:.75rem 1rem;border-radius:8px;background:var(--fapps-bg);font-size:.95rem}.fapps-message.is-error{background:var(--fapps-warn-bg);color:var(--fapps-warn)}.fapps-progress{margin:.75rem 0 0;height:6px;background:var(--fapps-bg);border:1px solid var(--fapps-border);border-radius:999px;overflow:hidden}.fapps-progress-bar{height:100%;width:40%;background:var(--fapps-accent);border-radius:999px;animation:fapps-indeterminate 1.1s ease-in-out infinite}@keyframes fapps-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@media (prefers-reduced-motion:reduce){.fapps-progress-bar{animation-duration:2.2s}}.fapps-results{margin-top:1rem}.fapps-results-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:1.25rem;align-items:start}.fapps-results-layout:has(.fapps-preview[hidden]){grid-template-columns:minmax(0,1fr)}.fapps-results-layout:has(.fapps-preview[hidden]) .fapps-results-preview-col,.fapps-results-layout:has(.fapps-preview[hidden]) .fapps-preview-intro{display:none}.fapps-results-preview-col{position:sticky;top:1rem}.fapps-results-side-col{min-width:0}.fapps-side-footer{margin:1.25rem 0 0;font-size:.85rem;font-weight:700;line-height:1.4;color:var(--fapps-fg)}.fapps-fileinfo{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin:0 0 1rem;padding:1rem 1.15rem;background:var(--fapps-bg);border:1px solid var(--fapps-border);border-radius:var(--fapps-radius);box-shadow:0 1px 4px rgb(0 0 0 / .04)}.fapps-fileinfo-label{margin:0 0 .15rem;font-size:1rem;font-weight:600;line-height:1.4;color:var(--fapps-fg)}.fapps-fileinfo-name{font-weight:600;word-break:break-all;line-height:1.35}.fapps-fileinfo-meta{font-size:.88rem;line-height:1.45;color:var(--fapps-muted)}.fapps-root:not(.fapps-custom-ppi) .fapps-fileinfo-meta{color:var(--fapps-fg)}.fapps-fileinfo .fapps-reset{margin-top:.6rem}.fapps-recommended{margin:0 0 1.25rem;padding:1.25rem 1.5rem;background:var(--fapps-bg);border:1px solid var(--fapps-border);border-radius:var(--fapps-radius);text-align:center;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.fapps-recommended-label{display:block;font-size:.85rem;letter-spacing:.02em;color:var(--fapps-muted);text-transform:uppercase}.fapps-recommended-size{display:block;margin:.35rem 0 .25rem;font-size:1.75rem;font-weight:700;line-height:1.15}.fapps-recommended-note{display:block;font-size:.9rem;color:var(--fapps-muted)}.fapps-root button.fapps-recommended-choice{color:var(--fapps-fg)}.fapps-root button.fapps-recommended-choice:hover,.fapps-root button.fapps-recommended-choice.is-active{color:var(--fapps-fg)}.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-label,.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-size,.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-note,.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-alt-label,.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-alt-size,.fapps-root button.fapps-recommended-choice:hover .fapps-recommended-alt-note,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-label,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-size,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-note,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-alt-label,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-alt-size,.fapps-root button.fapps-recommended-choice.is-active .fapps-recommended-alt-note{color:var(--fapps-fg)}.fapps-recommended-choice{display:block;width:100%;margin:0;padding:.75rem 1rem;font:inherit;text-align:center;color:var(--fapps-fg);background:#fff0;border:2px solid #fff0;border-radius:10px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.fapps-recommended-choice:hover,.fapps-recommended-choice.is-active{color:var(--fapps-fg)}.fapps-recommended-choice:hover .fapps-recommended-label,.fapps-recommended-choice:hover .fapps-recommended-size,.fapps-recommended-choice:hover .fapps-recommended-note,.fapps-recommended-choice:hover .fapps-recommended-alt-label,.fapps-recommended-choice:hover .fapps-recommended-alt-size,.fapps-recommended-choice:hover .fapps-recommended-alt-note,.fapps-recommended-choice.is-active .fapps-recommended-label,.fapps-recommended-choice.is-active .fapps-recommended-size,.fapps-recommended-choice.is-active .fapps-recommended-note,.fapps-recommended-choice.is-active .fapps-recommended-alt-label,.fapps-recommended-choice.is-active .fapps-recommended-alt-size,.fapps-recommended-choice.is-active .fapps-recommended-alt-note{color:var(--fapps-fg)}.fapps-recommended-choice:hover{background:rgb(0 0 0 / .04)}.fapps-recommended-choice:focus-visible{outline:2px solid var(--fapps-accent);outline-offset:2px}.fapps-recommended-choice.is-active[data-ppi="300"]{background:var(--fapps-ok-bg);border-color:var(--fapps-ok)}.fapps-recommended-choice.is-active[data-ppi="240"]{background:#fff4e6;border-color:#d97706}.fapps-recommended-choice.is-active[data-ppi="150"]{background:#fde8e8;border-color:#dc2626}.fapps-recommended-main{padding-top:0;padding-bottom:0}.fapps-recommended-alts{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--fapps-border)}.fapps-recommended-alt{margin-top:.5rem}.fapps-recommended-alt+.fapps-recommended-alt{margin-top:.75rem}.fapps-recommended-alt-label{display:block;font-size:.82rem;letter-spacing:.02em;color:var(--fapps-muted);text-transform:uppercase}.fapps-recommended-alt-size{display:block;margin:.3rem 0 .2rem;font-size:1.45rem;font-weight:700;line-height:1.15}.fapps-recommended-alt-note{display:block;font-size:.85rem;color:var(--fapps-muted)}.fapps-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.fapps-table th,.fapps-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--fapps-border)}.fapps-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--fapps-muted);font-weight:600}.fapps-table td:nth-child(2){font-weight:600;white-space:nowrap}.fapps-table tr.is-recommended td{background:var(--fapps-ok-bg)}.fapps-ppi-panel{margin:0 0 1rem;padding:1rem 1.15rem;background:#fff;border:1px solid var(--fapps-border);border-radius:var(--fapps-radius);box-shadow:0 1px 4px rgb(0 0 0 / .04);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.fapps-root:not(.fapps-custom-ppi) .fapps-ppi-panel{background:#fff;border-color:#ccc8be;box-shadow:inset 0 2px 8px rgb(0 0 0 / .12);opacity:.88}.fapps-root.fapps-custom-ppi .fapps-ppi-panel{background:#fff;border-color:var(--fapps-accent);box-shadow:0 2px 12px rgb(0 0 0 / .1);opacity:1}.fapps-root:not(.fapps-custom-ppi) .fapps-ppi-hint,.fapps-root:not(.fapps-custom-ppi) .fapps-ppi-slider-label,.fapps-root:not(.fapps-custom-ppi) .fapps-ppi-slider-val{color:#454545}.fapps-ppi-hint{margin:0 0 .75rem;font-size:1.15rem;line-height:1.45;color:var(--fapps-fg);transition:color .2s ease}.fapps-ppi-slider-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin:0;position:relative;z-index:2}.fapps-preview{margin:0}.fapps-preview-intro{margin:0 0 1rem;padding:1rem 1.15rem;background:#fde8e8;border:1px solid var(--fapps-border);border-radius:var(--fapps-radius);box-shadow:0 1px 4px rgb(0 0 0 / .04);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.fapps-root[data-ppi-tier="mid"] .fapps-preview-intro{background:#fff4e6}.fapps-root[data-ppi-tier="high"] .fapps-preview-intro{background:var(--fapps-ok-bg)}.fapps-root:not(.fapps-custom-ppi) .fapps-preview-intro{border-color:#ccc8be;box-shadow:none;opacity:.88}.fapps-root.fapps-custom-ppi .fapps-preview-intro{border-color:var(--fapps-accent);box-shadow:0 2px 12px rgb(0 0 0 / .1);opacity:1}.fapps-root.fapps-custom-ppi .fapps-recommended{opacity:.48;background:#e8e5de;border-color:#d0ccc3;box-shadow:none}.fapps-preview-intro .fapps-preview-sub{margin:0 0 .45rem}.fapps-ppi-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.fapps-ppi-tab{flex:1 1 auto;min-width:90px;padding:.5rem .6rem;font:inherit;font-size:.85rem;line-height:1.2;text-align:center;color:var(--fapps-fg);background:#fff;border:1px solid var(--fapps-border);border-radius:8px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.fapps-ppi-tab:hover{border-color:var(--fapps-accent)}.fapps-ppi-tab.is-active{color:#fff;background:var(--fapps-accent);border-color:var(--fapps-accent)}.fapps-ppi-tab .fapps-ppi-tab-size{display:block;font-size:.76rem;opacity:.75;margin-top:.15rem}.fapps-ppi-slider-label{font-size:.82rem;color:var(--fapps-muted);white-space:nowrap;flex:0 0 auto;transition:color .2s ease}.fapps-ppi-slider{flex:1 1 160px;min-width:0;width:100%;height:32px;margin:0;padding:0;background:#fff;accent-color:#1a1a1a;cursor:pointer}.fapps-ppi-slider::-webkit-slider-runnable-track{height:6px;background:#e8e8e8;border:none;border-radius:999px}.fapps-ppi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:none;border-radius:50%;background:#1a1a1a;cursor:pointer}.fapps-ppi-slider::-moz-range-track{height:6px;background:#e8e8e8;border:none;border-radius:999px}.fapps-ppi-slider::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#1a1a1a;cursor:pointer}.fapps-ppi-slider::-moz-range-progress{height:6px;background:#1a1a1a;border-radius:999px}.fapps-touch-ui .fapps-ppi-panel{display:none}.fapps-ppi-slider-val{min-width:64px;text-align:right;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;transition:color .2s ease}.fapps-preview-sub{margin:0 0 .45rem;font-size:1.15rem;line-height:1.45;color:var(--fapps-fg)}.fapps-preview-stage{position:relative;display:flex;width:100%;aspect-ratio:1 / 1;padding:12px;background:#1a1a1a;border-radius:var(--fapps-radius);overflow:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:none}.fapps-preview-stage::-webkit-scrollbar{display:none}.fapps-preview-stage.fapps-is-grabbing,.fapps-preview-stage.fapps-is-grabbing .fapps-preview-canvas{cursor:grabbing}.fapps-preview-scrollable .fapps-preview-stage,.fapps-preview-scrollable .fapps-preview-canvas{cursor:grab}.fapps-preview-canvas{display:block;flex:0 0 auto;margin:auto;touch-action:none;box-shadow:0 2px 14px rgb(0 0 0 / .35)}.fapps-preview-hint{margin:0;font-size:.88rem;line-height:1.45;color:var(--fapps-muted)}.fapps-preview-intro .fapps-preview-hint:last-child{margin-bottom:0}.fapps-preview-note{margin:.75rem 0 0;padding:.65rem .85rem;border-radius:8px;background:var(--fapps-warn-bg);color:var(--fapps-warn);font-size:.9rem}.fapps-reset{display:inline-block;margin-top:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--fapps-accent);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.fapps-reset:hover{opacity:.85}.fapps-settings{margin-top:1.5rem;padding:0;border:1px solid var(--fapps-border);border-radius:var(--fapps-radius);background:#fff;text-align:left}.fapps-settings-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:1.1rem 1.25rem;font-size:1rem;font-weight:600;list-style:none;cursor:pointer;user-select:none}.fapps-settings-title::-webkit-details-marker{display:none}.fapps-settings-title::after{flex:0 0 auto;font-size:.85rem;color:var(--fapps-muted);content:'+'}.fapps-settings[open]>.fapps-settings-title::after{content:'−'}.fapps-settings-body{padding:0 1.25rem 1.1rem}.fapps-settings-desc,.fapps-settings-note,.fapps-settings-detected,.fapps-settings-ppi{margin:0 0 .65rem;font-size:.88rem;line-height:1.45;color:var(--fapps-muted)}.fapps-settings-ppi{color:var(--fapps-fg)}.fapps-settings-note{margin-bottom:0}.fapps-settings-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem}.fapps-settings-field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 140px;min-width:0}.fapps-settings-label{font-size:.82rem;color:var(--fapps-muted)}.fapps-screen-width{width:100%;max-width:180px;padding:.5rem .6rem;font-size:1rem;color:var(--fapps-fg);border:1px solid var(--fapps-border);border-radius:8px;background:#fff}.fapps-screen-width:focus-visible{outline:2px solid var(--fapps-accent);outline-offset:1px}.fapps-disclaimer{margin:1rem 0 0;font-size:.8rem;color:var(--fapps-muted)}@media (max-width:760px){.fapps-results-layout{grid-template-columns:minmax(0,1fr)}.fapps-results-preview-col{position:static}.fapps-ppi-panel{display:none}}@media (max-width:480px){.fapps-recommended-size{font-size:1.6rem}.fapps-table th:nth-child(3),.fapps-table td:nth-child(3){display:none}}