.fa-page{background:#fafaf8;min-height:100vh;color:#17201b;padding-bottom:100px}.fa-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e9ede8;position:sticky;top:0;background:#fafaf8;z-index:4}.fa-top button{font-size:28px;padding:0 8px 0 0}.fa-top strong{font-size:16px}.fa-chip{border-radius:20px;padding:6px 9px;background:#e8f1e9;color:#427257;font-size:10px}.fa-body{padding:26px 20px}.fa-kicker{font:700 10px ui-monospace,monospace;letter-spacing:.14em;color:#8b9a90}.fa-body h1{font-size:26px;letter-spacing:-.04em;margin:8px 0}.fa-lead{font-size:13px;line-height:1.7;color:#768379;margin:0 0 20px}.fa-file{background:#fff;border:1px solid #e9eee8;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.fa-file-icon{width:42px;height:42px;background:#dfeae0;color:#1f4e3d;border-radius:10px;display:grid;place-items:center}.fa-file div{flex:1}.fa-file b,.fa-file small{display:block}.fa-file small{font-size:11px;color:#91a095;margin-top:5px}.fa-file>span:last-child{font-size:11px;color:#8a978d}.fa-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 14px}.fa-explainer div{border-left:2px solid #dbe9dc;padding-left:9px}.fa-explainer span,.fa-explainer b,.fa-explainer small{display:block}.fa-explainer span{font:600 10px ui-monospace;color:#99aa9e}.fa-explainer b{font-size:12px;margin:6px 0}.fa-explainer small{color:#9ba69d;font-size:10px;line-height:1.4}.fa-note{font-size:11px;color:#7a897d;line-height:1.6;background:#edf3ed;border-radius:9px;padding:11px 12px;margin-bottom:16px}.fa-primary{width:100%;padding:14px 16px;border-radius:11px;background:#1f4e3d;color:#fff;font-weight:600;text-align:left}.fa-primary span{float:right}.fa-primary:disabled{opacity:.5;cursor:wait}.fa-empty{text-align:center;color:#839087;padding:42px 20px}.fa-empty h2{color:#1d2a21}.fa-empty b{font-size:14px;color:#5e6c63}.fa-empty p{font-size:12px;line-height:1.6}.fa-empty-icon{font-size:30px;color:#a2b4a6;margin-bottom:12px}.fa-progress{padding:15px;border:1px solid #e4ece4;border-radius:12px;background:white;margin-bottom:12px}.fa-progress-head{display:flex;align-items:center;gap:8px;font-size:12px}.fa-progress-head span:last-child{margin-left:auto;color:#839289;font-size:11px}.fa-progress small{display:block;margin-top:8px;color:#9aa59c;font-size:10px}.fa-progress-track{height:4px;border-radius:9px;background:#e8eee8;margin-top:12px;overflow:hidden}.fa-progress-track i{display:block;width:0;height:100%;background:#43805a;transition:width .25s ease}.fa-spinner{width:14px;height:14px;border:2px solid #d6e5d7;border-top-color:#1f4e3d;border-radius:50%;animation:fa-spin .8s linear infinite}@keyframes fa-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.fa-spinner{animation:none}.fa-progress-track i{transition:none}}.fa-error{color:#b95542;font-size:12px;margin-top:10px}.fa-result{margin-top:32px}.fa-result-head{display:flex;justify-content:space-between;align-items:end}.fa-result-head h2{margin:6px 0;font-size:19px}.fa-result-head p{margin:0;color:#89958c;font-size:11px}.fa-result-head>span{font-size:12px;color:#52805e}.fa-stats{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8ede7;border-radius:14px;padding:16px;margin-top:15px}.fa-stats div{flex:1}.fa-stats strong,.fa-stats b{display:block;font-size:24px;color:#1f4e3d}.fa-stats small{font-size:10px;color:#97a398}.fa-stats>span{color:#aab6ab}.fa-saving{border-left:1px solid #edf0ec;padding-left:12px}.fa-disclaimer{font-size:10px;color:#98a399;line-height:1.6}.fa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.fa-frame{background:#fff;border:1px solid #e8eee7;border-radius:12px;overflow:hidden}.fa-frame.off{opacity:.48}.fa-image{position:relative;aspect-ratio:16/9;background:#e1e8de}.fa-image img{width:100%;height:100%;object-fit:cover}.fa-image>span{position:absolute;left:7px;bottom:7px;background:#16251bc9;color:white;border-radius:5px;padding:3px 5px;font:10px ui-monospace}.fa-image button{position:absolute;right:7px;top:7px;background:#1f4e3d;color:white;border:1px solid white;width:24px;height:24px;border-radius:50%;font-size:13px}.fa-frame-info{padding:9px}.fa-frame-info b{display:block;font-size:11px;margin-bottom:7px}.fa-frame-info select{max-width:100%;width:100%;border:1px solid #e5ebe5;border-radius:6px;padding:6px;color:#69786d;background:#fafbf9;font-size:11px}.fa-result-actions{margin-top:20px}.fa-result-actions small{display:block;color:#94a096;font-size:10px;line-height:1.6;margin:9px 0}

.fa-add-frame{padding:14px;margin-top:16px;background:#fff;border:1px solid #e8eee7;border-radius:12px}.fa-add-frame label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.fa-add-frame div{display:flex;gap:8px}.fa-add-frame input{min-width:0;flex:1;padding:9px;border:1px solid #e1e9e1;border-radius:8px}.fa-add-frame button{background:#e4eee5;color:#1f4e3d;border-radius:8px;padding:8px 12px;font-weight:600;font-size:12px}.fa-add-frame small{display:block;color:#96a398;font-size:10px;margin-top:7px}
.fa-frame.fa-highlight{outline:3px solid #5e9871;outline-offset:2px;box-shadow:0 0 0 6px #e6f1e6}

.fa-cost{padding:13px;margin:12px 0;background:#f2f5f0;border-radius:11px}.fa-cost label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.fa-cost div{display:flex;align-items:center;gap:7px;color:#697c6d}.fa-cost input{min-width:0;flex:1;border:1px solid #dfe8dd;border-radius:8px;background:white;padding:9px}.fa-cost small,.fa-cost p{font-size:10px;color:#849387}.fa-cost p{line-height:1.6;margin:8px 0 0}