:root{--navy: #00416B;--navy-d: #002540;--navy-m: #002c4a;--navy-s: #003659;--accent: #C8511B;--gold: #FFBE00;--green: #4C9977;--red: #C8511B;--txt: #2C3848;--muted: #667788;--bdr: rgba(0,65,107,.13);--surf: #ffffff;--surf2: #F4F1EC;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#f8f6f1;color:var(--txt);font-family:DM Sans,system-ui,sans-serif;font-size:14px;min-height:100vh;-webkit-font-smoothing:antialiased}.app-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:64px;padding:0 32px;background:#ffffffd9;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid rgba(232,227,220,.6);gap:24px;opacity:0;transition:opacity .18s ease}.app-nav.nav-ready{opacity:1}.landing-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.landing-logo-text{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--navy);letter-spacing:.1em}.nav-tool-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.nav-tool-name{font-size:13px;font-weight:700;color:var(--navy);letter-spacing:.02em}.nav-tool-desc{font-size:11px;color:var(--muted)}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-user{font-size:13px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-btn-outline{background:transparent;color:var(--navy);border:1px solid rgba(0,65,107,.35);padding:8px 20px;border-radius:var(--radius, 8px);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;line-height:1}.landing-btn-outline:hover{background:#00416b0f;border-color:var(--navy)}.landing-btn-filled{background:var(--accent);color:#fff;border:1px solid transparent;padding:8px 20px;border-radius:var(--radius, 8px);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;line-height:1}.landing-btn-filled:hover{background:#a83e14;transform:translateY(-1px)}main{max-width:860px;margin:0 auto;padding:32px 20px;display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}@media(max-width:680px){main{grid-template-columns:1fr}}.tool-card{background:var(--surf);border:1px solid rgba(0,65,107,.1);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 2px 16px #0000000d}.upload-section{display:flex;flex-direction:column;gap:8px}.drop-zone{border:2px dashed rgba(0,65,107,.18);border-radius:6px;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:#c8511b0a}.drop-zone.loaded{border-color:var(--green);border-style:solid;background:#4c99770d}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-icon{font-size:28px;line-height:1}.drop-text{font-size:14px;font-weight:600;color:var(--txt)}.drop-hint{font-size:12px;color:var(--muted)}.file-status{font-size:12px;font-weight:600;color:var(--muted);margin-top:4px;min-height:18px}.file-status.loaded{color:var(--green)}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field-required{color:var(--accent)}.field-hint{display:block;font-size:11px;color:var(--muted);margin-top:4px}.field-row{display:flex;gap:16px}.field-group{display:flex;flex-direction:column;flex:1}.field-input,.field-textarea,.field-input[type=number],select.field-input{background:var(--surf2);border:1px solid rgba(0,65,107,.15);color:var(--txt);font-family:DM Sans,sans-serif;font-size:13px;padding:9px 12px;border-radius:5px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus,.field-textarea:focus,select.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8511b1a}.field-input::placeholder,.field-textarea::placeholder{color:var(--muted);opacity:.6}.field-textarea{resize:vertical}.btn-primary{width:100%;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:#a83e14;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-area{padding:14px 16px;border-radius:6px;font-size:13px;line-height:1.55}.result-success{background:#4c99771a;border:1px solid rgba(76,153,119,.35);color:#2a7a58}.result-error{background:#c8511b14;border:1px solid rgba(200,81,27,.3);color:#9e2c10}.info-card{background:var(--surf);border:1px solid rgba(0,65,107,.1);border-radius:var(--radius);padding:22px;box-shadow:0 2px 16px #0000000d;display:flex;flex-direction:column;gap:12px}.info-title{font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:2px}.info-list{list-style:none;display:flex;flex-direction:column;gap:10px}.info-list li{font-size:12px;color:var(--muted);padding-left:16px;position:relative;line-height:1.5}.info-list li:before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:700}.fb-fab{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0000002e;transition:background .15s,transform .1s,box-shadow .15s}.fb-fab:hover{background:var(--accent-hover, color-mix(in srgb, var(--accent), #000 12%));box-shadow:0 6px 20px #00000038}.fb-fab:active{transform:scale(.96)}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.fb-overlay.hidden{display:none}.fb-modal{background:var(--surf, #fff);border-radius:var(--r-lg, 10px);box-shadow:0 8px 40px #00000038;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:28px 28px 24px;font-family:var(--font-body, "DM Sans", sans-serif);color:var(--txt, #2C3848)}.fb-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.fb-modal-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;margin:0}.fb-modal-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px}.fb-modal-close:hover{color:var(--text)}.fb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.fb-label{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.fb-char-count{font-size:11px;font-weight:400;color:var(--muted)}.fb-textarea{resize:vertical;min-height:80px}.fb-error{color:var(--danger);font-size:13px;margin:0 0 12px;min-height:18px}.fb-actions{display:flex;justify-content:flex-end;gap:10px}.input{width:100%;padding:9px 14px;background:var(--surf-2, #F4F1EC);border:1.5px solid var(--bdr, rgba(0,65,107,.12));border-radius:var(--r-md, 8px);color:var(--txt, #2C3848);font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent, #C8511B);box-shadow:0 0 0 3px #c8511b1a}.input::placeholder{color:var(--muted, #667788)}.mobile-blocked-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#f8f6f1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;gap:10px;font-family:DM Sans,system-ui,sans-serif;overflow:hidden}.mobile-blocked-overlay.visible{display:flex}.mobile-blocked-icon{font-size:32px;line-height:1}.mobile-blocked-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;color:var(--navy, #00416B);margin:0}.mobile-blocked-msg{font-size:13px;color:var(--muted, #667788);max-width:280px;line-height:1.5;margin:0}.mobile-blocked-back{margin-top:4px;display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--navy, #00416B);color:#fff;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.04em;transition:background .15s}.mobile-blocked-back:hover{background:var(--navy-d, #002540)}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100vw}.app-nav{padding:0 16px!important;height:56px!important;gap:8px!important}.landing-logo-text,.nav-tool-center,.nav-user{display:none!important}.nav-right{gap:6px!important}.nav-right .landing-btn-filled,.nav-right .landing-btn-outline{padding:7px 10px!important;font-size:11px!important;letter-spacing:.03em!important}main{padding:20px 14px}.tool-card{padding:20px 16px;gap:16px}.drop-zone{padding:20px 16px;min-height:110px}.info-card{padding:16px}.fb-fab{bottom:16px;right:16px;padding:10px 12px;font-size:12px}.fb-fab span{display:none}}