.ft-page{background:radial-gradient(ellipse at 80% 0,#b9ff0010,transparent 35%),#0b2013;color:#f2f8e8;padding:48px 0 64px;min-height:80vh}.ft-container{max-width:1180px!important}.ft-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#a9b9a2}.ft-breadcrumb a{color:#d5ef96}.ft-hero{text-align:center;padding:48px 0 34px;max-width:820px;margin:auto}.ft-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#cdff29}.ft-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.16;letter-spacing:-.04em;margin:17px 0}.ft-hero h1 em{font-style:normal;color:#cdff29}.ft-hero>p{max-width:680px;margin:0 auto;color:#b6c5ae;font-size:15px;line-height:1.8}.ft-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:11px;color:#c6d4bd;margin-top:22px}.ft-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ft-tool-card{display:flex;flex-direction:column;padding:24px;border:1px solid #34523a;border-radius:20px;background:linear-gradient(135deg,#142f1d,#112918);color:#f2f8e8;text-decoration:none;transition:border-color .2s,transform .2s}.ft-tool-card:hover{border-color:#b8eb30;transform:translateY(-3px)}.ft-card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aabb9f}.ft-symbol{display:grid;place-items:center;width:42px;height:42px;font-size:23px;background:#ccff0012;border:1px solid #57792f;border-radius:12px;color:#cdff29}.ft-tool-card h2{font-size:18px;line-height:1.4;margin:19px 0 10px}.ft-tool-card p{color:#afc0a6;line-height:1.75;font-size:13px;margin:0 0 24px}.ft-open{display:flex;justify-content:space-between;color:#d2f991;font-size:12px;font-weight:600;margin-top:auto}.ft-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border:1px solid #34513a;border-radius:24px;overflow:hidden;background:#142d1c}.ft-controls{padding:28px;min-width:0}.ft-controls h2{font-size:19px;margin:0 0 22px}.ft-field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;min-width:0}.ft-field>label{font-size:12px;font-weight:600;color:#d3dfc9}.ft-field input,.ft-field select,.ft-field textarea,.ft-result textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #3d5940;background:#0c2214;color:#f2f8e8;border-radius:10px;padding:12px;font:inherit;font-size:14px;line-height:1.5}.ft-field input[type=color]{height:44px;padding:5px;max-width:100px}.ft-field input[type=file]{font-size:12px;padding:10px}.ft-field input::file-selector-button{border:0;padding:6px 9px;border-radius:5px;background:#29462e;color:#edf5e0;cursor:pointer;margin-right:8px}.ft-field textarea,.ft-result textarea{resize:vertical}.ft-field input::placeholder,.ft-field textarea::placeholder{color:#879a80}.ft-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ft-primary,.ft-secondary{border-radius:10px;min-height:44px;padding:10px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.ft-primary{width:100%;background:linear-gradient(110deg,#eaff7d,#a5e300);color:#10200d}.ft-primary:disabled{opacity:.45;cursor:not-allowed}.ft-secondary{background:#223e29;color:#e9f4dd;border-color:#496644}.ft-page :is(button,a,input,textarea,select):focus-visible{outline:2px solid #d0ff35;outline-offset:3px}.ft-output{padding:28px;background:#0c2315;border-left:1px solid #2e4831;min-width:0}.ft-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#a8bda0}.ft-empty>span{font-size:38px;color:#d1fa78}.ft-empty h2{font-size:19px;color:#e9f3df;margin:18px 0 8px}.ft-empty p{max-width:310px;font-size:13px;line-height:1.8}.ft-empty small{font-size:11px;margin-top:20px}.ft-result{margin-bottom:18px}.ft-result:last-child{margin-bottom:0}.ft-preview-header,.ft-result-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px}.ft-preview-header span,.ft-result-head span{font-size:10px;color:#a9bd9f}.ft-result textarea{background:#142e1d;font-size:13px;margin-bottom:10px}.ft-note{font-size:11px;color:#a6b89b;line-height:1.8;margin:12px 0 0}.ft-copy-status{font-size:11px;color:#d1ff7a;margin-left:10px}.ft-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px}.ft-metric>span{color:#adc2a4;font-size:13px}.ft-metric>strong{font-size:clamp(32px,5vw,64px);color:#d0ff26;line-height:1.2;margin:20px 0;overflow-wrap:anywhere;max-width:100%}.ft-metric>p{font-size:14px}.ft-metric small{color:#a9ba9f;font-size:12px;line-height:1.8;max-width:340px;margin-top:18px}.ft-qr{display:flex;flex-direction:column;align-items:center;gap:16px}.ft-qr canvas{width:240px;max-width:100%;height:auto;border-radius:8px}.ft-error{font-size:13px;color:#ffb9a5;line-height:1.6}.ft-canvas-wrap{border-radius:12px;overflow:hidden;background:#081c10;margin-top:20px}.ft-canvas-wrap canvas{display:block;width:100%;height:auto}.ft-how{margin:40px 0;padding:28px;border:1px solid #2e4933;border-radius:20px}.ft-how h2,.ft-related h2{font-size:21px;margin:0 0 20px}.ft-how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ft-how li b{font-size:12px;color:#cfff30}.ft-how p{font-size:13px;color:#b7c5ac;line-height:1.8}.ft-tip{border-top:1px solid #314934;padding-top:18px;margin:20px 0 0}.ft-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.ft-section-heading h2{margin:0}.ft-section-heading a{font-size:12px;color:#d1f694}.ft-related .ft-tool-card h2{font-size:17px;margin-top:18px}@media(max-width:800px){.ft-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-workspace{grid-template-columns:1fr}.ft-output{border-left:0;border-top:1px solid #2e4831}.ft-how ol{grid-template-columns:1fr;gap:8px}.ft-empty{min-height:220px}.ft-metric{min-height:230px}}@media(max-width:480px){.ft-page{padding-top:32px}.ft-container{width:calc(100% - 28px)!important}.ft-hero{padding:30px 0 25px}.ft-hero>p{font-size:13px}.ft-pills{font-size:10px;gap:8px 12px}.ft-tool-grid{grid-template-columns:1fr}.ft-controls,.ft-how,.ft-output,.ft-tool-card{padding:20px}.ft-controls h2{font-size:18px}.ft-field input,.ft-field select,.ft-field textarea{font-size:16px}.ft-fields-row{gap:0 10px}.ft-breadcrumb{font-size:10px}.ft-section-heading{align-items:flex-start}.ft-section-heading h2{font-size:20px}.ft-result-head{flex-wrap:wrap}.ft-qr canvas{width:220px}}.ft-plan-download{margin-top:12px;display:block}