@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/tools-assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/tools-assets/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face{
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/tools-assets/fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}.fcr-tools{
    color-scheme: light;
    
    --bg: #f8f9ff;
    --bg-deep: #eff4ff;
    --surface: #ffffff;
    --surface-strong: #eff4ff;
    --surface-glass: rgba(255, 255, 255, 0.82);
    --text: #0b1c30;
    --text-soft: #1f2a37;
    --muted: #43474b;
    --line: #dbe3ef;
    --line-strong: #c3cddc;
    --ocean: #0c6685;
    --ocean-dark: #00617f;
    --ocean-soft: #95dbfe;
    --ink: #0b1f2a;
    --blue: #0c6685;
    --blue-strong: #00617f;
    --blue-deep: #0b1f2a;
    --cyan: #1a8fb4;
    --teal: #14a0a0;
    --emerald: #10b981;
    --amber: #f59e0b;
    --rose: #f43f5e;
    --indigo: #4f46e5;
    --violet: #7c3aed;
    --grad-primary: linear-gradient(135deg, #00617f 0%, #0c6685 55%, #1a86a6 100%);
    --grad-aurora: radial-gradient(at 18% 12%, rgba(149, 219, 254, 0.28) 0%, transparent 55%),
        radial-gradient(at 82% 8%, rgba(12, 102, 133, 0.10) 0%, transparent 50%),
        radial-gradient(at 78% 88%, rgba(20, 160, 160, 0.10) 0%, transparent 55%);
    --shadow-sm: 0 1px 2px rgba(11, 31, 42, 0.06);
    --shadow-md: 0 8px 22px -10px rgba(11, 31, 42, 0.16), 0 2px 6px rgba(11, 31, 42, 0.05);
    --shadow-lg: 0 28px 60px -28px rgba(11, 31, 42, 0.30), 0 10px 24px -16px rgba(11, 31, 42, 0.16);
    --shadow-glow: 0 18px 44px -18px rgba(12, 102, 133, 0.45);
    --shadow: var(--shadow-md);
    --ring: 0 0 0 4px rgba(12, 102, 133, 0.20);
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --sidebar-width: 292px;
    font-family: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Nirmala UI", "Microsoft YaHei", "Yu Gothic UI", "Malgun Gothic", sans-serif;
}.fcr-tools *{
    box-sizing: border-box;
}.fcr-tools *::selection{
    background: rgba(14, 165, 233, 0.25);
    color: var(--blue-deep);
}.fcr-tools{
    min-width: 320px;
    
    overflow-x: hidden;
}.fcr-tools{
    margin: 0;
    color: var(--text);
    background: var(--bg);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "cv11", "ss01", "ss03";
    
    -webkit-tap-highlight-color: transparent;
}.fcr-tools .button,.fcr-tools .icon-button,.fcr-tools .nav-link,.fcr-tools .tab-link,.fcr-tools .demo-account-btn{
    transition-duration: 110ms;
}.fcr-tools .button:active,.fcr-tools .icon-button:active,.fcr-tools .nav-link:active,.fcr-tools .tab-link:active,.fcr-tools .demo-account-btn:active{
    transition-duration: 30ms !important;
}@media (hover: none){.fcr-tools .button:hover,.fcr-tools .button:focus-visible:not(:active){ transform: none; box-shadow: none; filter: none; }.fcr-tools .button:hover::after{ transform: translateX(-120%); }.fcr-tools .nav-link:hover{ transform: none; }.fcr-tools .icon-button:hover{ transform: none; }.fcr-tools .demo-account-btn:hover{ background: #ffffff; border-color: #bae6fd; }}.fcr-tools button,.fcr-tools a,.fcr-tools .icon-button,.fcr-tools input[type="submit"]{
    -webkit-tap-highlight-color: transparent;
}.fcr-tools #nav-progress{
    position: fixed;
    inset: 0 auto auto 0;
    height: 3px;
    width: 0;
    z-index: 9999;
    pointer-events: none;
    background: linear-gradient(90deg, #38bdf8, var(--ocean, #0c6685));
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.7);
    opacity: 0;
    transition: width 900ms cubic-bezier(0.1, 0.6, 0.3, 1), opacity 150ms ease;
}.fcr-tools #nav-progress.active{
    width: 82%;
    opacity: 1;
}.fcr-tools .table-wrap table.kv-table{ min-width: 0; }.fcr-tools .kv-table th{ width: 42%; text-align: start; }.fcr-tools ::-webkit-scrollbar{ width: 10px; height: 10px; }.fcr-tools ::-webkit-scrollbar-track{ background: transparent; }.fcr-tools ::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, #93c5fd, #38bdf8);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}.fcr-tools ::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg, #60a5fa, #0ea5e9); background-clip: padding-box; }.fcr-tools a{
    color: inherit;
    text-decoration: none;
}.fcr-tools button,.fcr-tools input,.fcr-tools select,.fcr-tools textarea{
    font: inherit;
}.fcr-tools button{
    cursor: pointer;
}.fcr-tools .app-body{
    position: relative;
    min-height: 100vh;
    background: var(--bg);
}.fcr-tools .app-body::before{
    content: "";
    position: fixed;
    inset: -10% -10% auto auto;
    width: 70vw;
    height: 70vw;
    pointer-events: none;
    background: var(--grad-aurora);
    filter: blur(8px);
    z-index: 0;
    animation: aurora-shift 18s ease-in-out infinite alternate;
}.fcr-tools .app-body::after{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(11, 58, 102, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11, 58, 102, 0.04) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.55), transparent 70%);
    z-index: 0;
}@keyframes aurora-shift{
    0%   { transform: translate3d(0, 0, 0) scale(1); }
    50%  { transform: translate3d(-3%, 2%, 0) scale(1.04); }
    100% { transform: translate3d(2%, -2%, 0) scale(1.02); }
}@keyframes panel-rise{
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}@media (prefers-reduced-motion: reduce){.fcr-tools .app-body::before{ animation: none; }.fcr-tools .panel,.fcr-tools .stat-card,.fcr-tools .alert-tile{ animation: none !important; }.fcr-tools *{ transition: none !important; }}.fcr-tools .app-shell{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
}.fcr-tools .sidebar{
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 22px 18px;
    color: #e6f6ff;
    background:
        radial-gradient(at 0% 0%, rgba(56, 189, 248, 0.32) 0%, transparent 55%),
        radial-gradient(at 100% 100%, rgba(20, 184, 166, 0.22) 0%, transparent 60%),
        linear-gradient(180deg, #062a4a 0%, #083d6b 50%, #0a4f7a 100%);
    border-right: 1px solid rgba(125, 211, 252, 0.14);
    box-shadow: 18px 0 60px -28px rgba(3, 32, 60, 0.6);
    z-index: 20;
}.fcr-tools .sidebar::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(120% 60% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 60%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 18px);
    mix-blend-mode: overlay;
    z-index: -1;
}.fcr-tools .brand,.fcr-tools .brand-row,.fcr-tools .mobile-brand{
    display: flex;
    align-items: center;
    gap: 12px;
}.fcr-tools .brand-mark{
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(135deg, #38bdf8 0%, #06b6d4 50%, #14b8a6 100%);
    font-weight: 900;
    letter-spacing: 0.5px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 10px 22px -10px rgba(6, 182, 212, 0.7);
}.fcr-tools .brand-mark::after{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent 60%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}.fcr-tools .brand strong,.fcr-tools .brand-row strong,.fcr-tools .mobile-brand{
    display: block;
    font-size: 1rem;
    letter-spacing: 0;
}.fcr-tools .brand small,.fcr-tools .brand-row small{
    display: block;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.78rem;
}.fcr-tools .nav-list{
    display: grid;
    gap: 4px;
    overflow-y: auto;
    padding-right: 4px;
    margin-right: -4px;
}.fcr-tools .nav-list::-webkit-scrollbar{ width: 6px; }.fcr-tools .nav-list::-webkit-scrollbar-thumb{ background: rgba(255, 255, 255, 0.18); }.fcr-tools .nav-link{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 11px;
    color: rgba(230, 246, 255, 0.78);
    font-weight: 600;
    letter-spacing: 0.1px;
    transition: background 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}.fcr-tools .nav-link span{
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.74rem;
    font-weight: 800;
    color: #e0f2fe;
    transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
}.fcr-tools .nav-link:hover{
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(2px);
}.fcr-tools .nav-link.active{
    color: #022035;
    background: linear-gradient(135deg, #ffffff 0%, #e0f2fe 100%);
    box-shadow: 0 12px 28px -16px rgba(8, 145, 178, 0.6);
}.fcr-tools .nav-link.active span{
    background: linear-gradient(135deg, #06b6d4, #14b8a6);
    color: #ffffff;
    border-color: transparent;
}.fcr-tools .nav-link.active::before{
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    width: 4px;
    height: 22px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #38bdf8, #14b8a6);
    transform: translateY(-50%);
}.fcr-tools .sidebar-footer{
    margin-top: auto;
    display: grid;
    gap: 12px;
}.fcr-tools .user-card{
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}.fcr-tools .user-card span{
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.84rem;
}.fcr-tools .main-content{
    min-width: 0;
    padding: 28px;
}.fcr-tools .mobile-topbar{
    display: none;
}.fcr-tools .bottom-tabbar-wrap{
    display: none;
}.fcr-tools .page-header{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding: 22px 24px;
    border-radius: var(--radius-lg);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(224, 242, 254, 0.78) 100%);
    border: 1px solid rgba(186, 230, 253, 0.7);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}.fcr-tools .page-header::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(60% 100% at 100% 0%, rgba(20, 184, 166, 0.16), transparent 70%),
        radial-gradient(40% 100% at 0% 100%, rgba(124, 58, 237, 0.12), transparent 70%);
}.fcr-tools .page-header > *{ position: relative; }.fcr-tools .page-header h1,.fcr-tools .login-hero h1{
    margin: 0;
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: 1.02;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0b3a66 0%, #0369a1 45%, #14b8a6 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}.fcr-tools .page-header h1{
    font-size: clamp(1.85rem, 2.6vw, 2.6rem);
    font-weight: 800;
}.fcr-tools .page-header p,.fcr-tools .login-hero p{
    max-width: 740px;
    margin: 8px 0 0;
    color: var(--muted);
}.fcr-tools .eyebrow{
    margin: 0 0 10px;
    color: var(--blue-strong);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}.fcr-tools .header-actions{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}.fcr-tools .role-chip,.fcr-tools .badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}.fcr-tools .role-chip{
    color: #075985;
    background: linear-gradient(135deg, #ecfeff, #e0f2fe);
    border: 1px solid #bae6fd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}.fcr-tools .button{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 0;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
    overflow: hidden;
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease, filter 200ms ease;
}.fcr-tools .button::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70%);
    transform: translateX(-120%);
    transition: transform 600ms ease;
}.fcr-tools .button:hover{
    transform: translateY(-1px);
    box-shadow: var(--shadow-glow);
}.fcr-tools .button:hover::after{ transform: translateX(120%); }.fcr-tools .button:active{ transform: translateY(0); filter: brightness(0.97); }.fcr-tools .button:focus-visible{
    outline: 0;
    box-shadow: var(--ring), var(--shadow-glow);
}.fcr-tools .button-primary{
    color: #ffffff;
    background: var(--grad-primary);
    box-shadow: 0 14px 28px -10px rgba(14, 165, 233, 0.45);
}.fcr-tools .button-soft{
    color: #075985;
    background: linear-gradient(135deg, #ecfeff, #e0f2fe);
    border: 1px solid #bae6fd;
}.fcr-tools .button-ghost{
    color: #0369a1;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #bae6fd;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}.fcr-tools .button.full{
    width: 100%;
}.fcr-tools .icon-button{
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--blue-strong);
    background: #ffffff;
    font-weight: 900;
    transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 200ms ease;
}.fcr-tools .icon-button:hover{
    color: #ffffff;
    background: var(--grad-primary);
    border-color: transparent;
    transform: translateY(-1px);
}.fcr-tools .panel,.fcr-tools .stat-card,.fcr-tools .login-card,.fcr-tools .login-hero,.fcr-tools .setup-panel > div,.fcr-tools .alert-tile{
    position: relative;
    border: 1px solid rgba(186, 230, 253, 0.55);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.92));
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}.fcr-tools .panel{
    margin-bottom: 18px;
    padding: 22px;
    animation: panel-rise 380ms ease both;
}.fcr-tools .panel::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent 40%);
    mix-blend-mode: overlay;
}.fcr-tools .panel-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed rgba(186, 230, 253, 0.7);
}.fcr-tools .panel-heading h2{
    margin: 0;
    font-size: 1.18rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--blue-deep);
}.fcr-tools .formula{
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 10px;
    color: #075985;
    background: linear-gradient(135deg, #ecfeff, #e0f2fe);
    border: 1px solid #bae6fd;
    font-size: 0.84rem;
    font-weight: 700;
}.fcr-tools .kpi-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}.fcr-tools .kpi-grid.compact{
    grid-template-columns: repeat(5, minmax(0, 1fr));
}.fcr-tools .stat-card{
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 6px;
    min-height: 138px;
    padding: 20px;
    transition: transform 250ms ease, box-shadow 250ms ease;
}.fcr-tools .stat-card:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}.fcr-tools .stat-card::before{
    content: "";
    position: absolute;
    inset: auto -30% -60% auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.22), transparent 60%);
    pointer-events: none;
}.fcr-tools .stat-card::after{
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--blue);
}.fcr-tools .stat-card span,.fcr-tools .stat-card small{
    position: relative;
    color: var(--muted);
}.fcr-tools .stat-card strong{
    position: relative;
    font-size: clamp(1.3rem, 1.95vw, 2.2rem);
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--blue-deep);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}.fcr-tools .stat-blue::after{ background: linear-gradient(180deg, #0ea5e9, #0369a1); }.fcr-tools .stat-cyan::after{ background: linear-gradient(180deg, #06b6d4, #0e7490); }.fcr-tools .stat-emerald::after{ background: linear-gradient(180deg, #10b981, #047857); }.fcr-tools .stat-amber::after{ background: linear-gradient(180deg, #f59e0b, #b45309); }.fcr-tools .stat-rose::after{ background: linear-gradient(180deg, #f43f5e, #be123c); }.fcr-tools .stat-indigo::after{ background: linear-gradient(180deg, #6366f1, #4338ca); }.fcr-tools .stat-blue::before{ background: radial-gradient(circle, rgba(14, 165, 233, 0.22), transparent 60%); }.fcr-tools .stat-cyan::before{ background: radial-gradient(circle, rgba(6, 182, 212, 0.22), transparent 60%); }.fcr-tools .stat-emerald::before{ background: radial-gradient(circle, rgba(16, 185, 129, 0.22), transparent 60%); }.fcr-tools .stat-amber::before{ background: radial-gradient(circle, rgba(245, 158, 11, 0.22), transparent 60%); }.fcr-tools .stat-rose::before{ background: radial-gradient(circle, rgba(244, 63, 94, 0.22), transparent 60%); }.fcr-tools .stat-indigo::before{ background: radial-gradient(circle, rgba(99, 102, 241, 0.22), transparent 60%); }.fcr-tools .split-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}.fcr-tools .form-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}.fcr-tools .form-grid label,.fcr-tools .login-card label,.fcr-tools .report-filter label{
    display: grid;
    gap: 7px;
    color: #334155;
    font-size: 0.88rem;
    font-weight: 800;
}.fcr-tools .span-2{
    grid-column: span 2;
}.fcr-tools input,.fcr-tools select,.fcr-tools textarea{
    width: 100%;
    min-width: 0;
    border: 1px solid #cbd9ec;
    border-radius: 12px;
    background: #ffffff;
    color: var(--text);
    outline: 0;
    transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;
}.fcr-tools input:hover,.fcr-tools select:hover,.fcr-tools textarea:hover{
    border-color: #94c2eb;
}.fcr-tools input,.fcr-tools select{
    min-height: 44px;
    padding: 9px 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}.fcr-tools textarea{
    resize: vertical;
    padding: 12px 13px;
}.fcr-tools input:focus,.fcr-tools select:focus,.fcr-tools textarea:focus{
    border-color: var(--blue);
    background: #ffffff;
    box-shadow: var(--ring);
}.fcr-tools .check-field{
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    align-self: end;
    min-height: 44px;
}.fcr-tools .check-field input{
    width: 18px;
    min-height: 18px;
}.fcr-tools .form-actions{
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}.fcr-tools .table-wrap{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
    overscroll-behavior-x: contain;
    contain: layout paint;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(11, 58, 102, 0.04);
}.fcr-tools table{
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
}.fcr-tools th,.fcr-tools td{
    padding: 13px 14px;
    border-bottom: 1px solid #e6eef9;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}.fcr-tools thead th{
    position: sticky;
    top: 0;
    color: #475569;
    background: linear-gradient(180deg, #f8fbff, #eff5fb);
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-bottom: 1px solid var(--line-strong);
}.fcr-tools tbody tr{ transition: background 160ms ease; }.fcr-tools tbody tr:nth-child(even) td{ background: rgba(241, 247, 255, 0.4); }.fcr-tools tbody tr:hover td{ background: rgba(186, 230, 253, 0.22); }.fcr-tools tbody tr:last-child td{ border-bottom: 0; }.fcr-tools td{
    color: #1e293b;
    font-size: 0.9rem;
}.fcr-tools .empty-cell,.fcr-tools .empty-state{
    color: var(--muted);
    text-align: center;
}.fcr-tools .actions{
    display: flex;
    align-items: center;
    gap: 10px;
}.fcr-tools .actions form{
    margin: 0;
}.fcr-tools .icon-link{
    border: 0;
    padding: 4px 8px;
    border-radius: 8px;
    color: var(--blue-strong);
    background: transparent;
    font-size: 0.85rem;
    font-weight: 700;
    transition: background 180ms ease, color 180ms ease;
}.fcr-tools .icon-link:hover{ background: rgba(14, 165, 233, 0.1); }.fcr-tools .icon-link.danger{
    color: var(--rose);
}.fcr-tools .icon-link.danger:hover{ background: rgba(244, 63, 94, 0.1); }.fcr-tools .badge-success{ color: #047857; background: linear-gradient(135deg, #d1fae5, #a7f3d0); }.fcr-tools .badge-warning{ color: #92400e; background: linear-gradient(135deg, #fef3c7, #fde68a); }.fcr-tools .badge-danger{ color: #be123c; background: linear-gradient(135deg, #ffe4e6, #fecdd3); }.fcr-tools .badge-info{ color: #075985; background: linear-gradient(135deg, #e0f2fe, #bae6fd); }.fcr-tools .alert{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    border: 1px solid transparent;
}.fcr-tools .alert-success{ color: #047857; background: linear-gradient(135deg, #ecfdf5, #d1fae5); border-color: #a7f3d0; }.fcr-tools .alert-warning{ color: #92400e; background: linear-gradient(135deg, #fffbeb, #fef3c7); border-color: #fde68a; }.fcr-tools .alert-danger{ color: #be123c; background: linear-gradient(135deg, #fff1f2, #ffe4e6); border-color: #fecdd3; }.fcr-tools .alert-info{ color: #075985; background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border-color: #bae6fd; }.fcr-tools .alert-close{
    border: 0;
    background: transparent;
    color: currentColor;
    font-size: 1.3rem;
    line-height: 1;
}.fcr-tools .alert-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}.fcr-tools .alert-tile{
    display: grid;
    gap: 6px;
    min-height: 96px;
    padding: 14px;
    box-shadow: none;
}.fcr-tools .alert-tile span{
    color: var(--muted);
    font-size: 0.9rem;
}.fcr-tools .alert-tile-success{ border-color: #a7f3d0; background: linear-gradient(135deg, #ecfdf5, #ffffff); }.fcr-tools .alert-tile-warning{ border-color: #fde68a; background: linear-gradient(135deg, #fffbeb, #ffffff); }.fcr-tools .alert-tile-danger{ border-color: #fecdd3; background: linear-gradient(135deg, #fff1f2, #ffffff); }.fcr-tools .quick-summary{
    margin-bottom: 18px;
}.fcr-tools .quick-shortcuts{
    margin-bottom: 18px;
}.fcr-tools .quick-actions{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}.fcr-tools .quick-entry-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}.fcr-tools .quick-card{
    margin-bottom: 0;
}.fcr-tools .quick-form{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.fcr-tools .quick-form .form-actions{
    align-self: end;
}.fcr-tools .report-filter{
    display: grid;
    grid-template-columns: minmax(170px, 1fr) repeat(2, minmax(160px, 1fr)) auto minmax(220px, auto);
    align-items: end;
    gap: 14px;
}.fcr-tools .export-actions{
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}.fcr-tools .report-section-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}.fcr-tools .report-section{
    margin-bottom: 0;
}.fcr-tools .fcr-preview{
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid #bae6fd;
    border-radius: var(--radius);
    background: #f0f9ff;
}.fcr-tools .fcr-preview strong{
    color: var(--blue-strong);
    font-size: 1.6rem;
}.fcr-tools .fcr-preview span,.fcr-tools .fcr-preview small{
    color: var(--muted);
}.fcr-tools .dashboard-charts{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}.fcr-tools .chart-panel{
    margin-bottom: 0;
}.fcr-tools .chart-panel .panel-heading span{
    color: var(--muted);
    font-size: 0.9rem;
}.fcr-tools .chart-wrap{
    position: relative;
    width: 100%;
    min-height: 200px;
    padding: 8px 4px 4px;
}.fcr-tools .chart-wrap canvas{
    display: block;
    width: 100% !important;
    max-height: 220px;
}.fcr-tools .backup-actions,.fcr-tools .permission-actions{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}.fcr-tools .permission-check{
    width: 20px;
    min-height: 20px;
}.fcr-tools .login-body{
    position: relative;
    min-height: 100vh;
    background: #061a30;
    overflow-x: hidden;
    
}.fcr-tools .login-body::before{
    content: "";
    position: fixed;
    inset: -10%;
    pointer-events: none;
    background:
        radial-gradient(at 20% 18%, rgba(56, 189, 248, 0.55) 0%, transparent 45%),
        radial-gradient(at 78% 12%, rgba(124, 58, 237, 0.5) 0%, transparent 45%),
        radial-gradient(at 82% 82%, rgba(20, 184, 166, 0.55) 0%, transparent 50%),
        radial-gradient(at 18% 88%, rgba(244, 63, 94, 0.35) 0%, transparent 50%),
        linear-gradient(135deg, #061a30 0%, #082547 100%);
    filter: blur(2px);
    animation: aurora-shift 20s ease-in-out infinite alternate;
}.fcr-tools .login-body::after{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5), transparent 75%);
}.fcr-tools .login-body .login-shell{ position: relative; z-index: 1; }.fcr-tools .login-shell{
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
    gap: 28px;
    width: min(1180px, calc(100% - 32px));
    min-height: 100vh;
    margin: 0 auto;
    align-items: center;
    padding: 28px 0;
}.fcr-tools .login-hero,.fcr-tools .login-card{
    padding: clamp(24px, 4vw, 44px);
    border-radius: 24px;
}.fcr-tools .login-hero{
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(2, 132, 199, 0.85), rgba(8, 145, 178, 0.7) 55%, rgba(20, 184, 166, 0.65)),
        radial-gradient(at 0% 0%, rgba(255, 255, 255, 0.18), transparent 60%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 40px 80px -30px rgba(2, 32, 60, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden;
    position: relative;
}.fcr-tools .login-hero::after{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), transparent 40%);
    mix-blend-mode: overlay;
}.fcr-tools .login-card{
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(186, 230, 253, 0.6);
    box-shadow: 0 40px 80px -30px rgba(2, 32, 60, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}.fcr-tools .login-hero .brand-row small,.fcr-tools .login-hero p{
    color: rgba(255, 255, 255, 0.85);
}.fcr-tools .login-hero h1{
    background: linear-gradient(135deg, #ffffff 0%, #e0f2fe 60%, #99f6e4 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
    text-shadow: 0 2px 30px rgba(2, 32, 60, 0.25);
}.fcr-tools .login-hero .brand-mark{
    color: #ffffff;
    background: linear-gradient(135deg, #38bdf8, #14b8a6);
}.fcr-tools .login-metrics{
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}.fcr-tools .login-metrics span{
    display: grid;
    gap: 4px;
    min-height: 88px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}.fcr-tools .login-metrics strong{
    font-size: 1.6rem;
    letter-spacing: -0.02em;
}.fcr-tools .login-card form{
    display: grid;
    gap: 14px;
    margin-top: 18px;
}.fcr-tools .login-card h2{
    margin: 0;
    font-size: 1.85rem;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0b3a66, #0891b2);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}.fcr-tools .demo-box{
    display: grid;
    gap: 10px;
    margin-top: 20px;
    padding: 14px;
    border-radius: 14px;
    color: #075985;
    background: linear-gradient(135deg, #ecfeff, #e0f2fe);
    border: 1px solid #bae6fd;
    font-size: 0.84rem;
}.fcr-tools .demo-accounts{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}.fcr-tools .demo-account-form{ margin: 0; }.fcr-tools .demo-account-btn{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #bae6fd;
    background: #ffffff;
    color: #075985;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: background 0.15s ease, transform 0.1s ease, border-color 0.15s ease;
}.fcr-tools .demo-account-btn:hover{ background: #f0f9ff; border-color: #7dd3fc; }.fcr-tools .demo-account-btn:active{ transform: scale(0.98); }.fcr-tools .demo-account-btn:disabled{ opacity: 0.5; cursor: not-allowed; }.fcr-tools .demo-account-role{ font-weight: 700; font-size: 0.86rem; }.fcr-tools .demo-account-cred{ font-size: 0.74rem; color: #0369a1; opacity: 0.85; word-break: break-all; }.fcr-tools .setup-panel{
    display: grid;
    place-items: center;
    min-height: 62vh;
}.fcr-tools .setup-panel > div{
    max-width: 720px;
    padding: 24px;
}.fcr-tools .setup-panel h1{
    margin: 0 0 10px;
}.fcr-tools .sidebar-backdrop{
    display: none;
}@media (max-width: 1180px){.fcr-tools .kpi-grid,.fcr-tools .kpi-grid.compact{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.fcr-tools .form-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.fcr-tools .alert-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }.fcr-tools .dashboard-charts{
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .quick-entry-grid{
        grid-template-columns: minmax(0, 1fr);
    }}@media (max-width: 900px){.fcr-tools .panel,.fcr-tools .stat-card{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }.fcr-tools .mobile-topbar{
        position: sticky;
        top: 0;
        z-index: 30;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 64px;
        
        padding: calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 12px calc(14px + env(safe-area-inset-left));
        background: rgba(255, 255, 255, 0.78);
        border-bottom: 1px solid var(--line);
        box-shadow: 0 1px 0 rgba(11, 58, 102, 0.04);
        backdrop-filter: saturate(180%) blur(16px);
        -webkit-backdrop-filter: saturate(180%) blur(16px);
    }.fcr-tools .app-shell{
        display: block;
    }.fcr-tools .sidebar{
        position: fixed;
        inset: 0 auto 0 0;
        width: min(84vw, var(--sidebar-width));
        transform: translateX(-105%);
        transition: transform 180ms ease;
    }.fcr-tools .sidebar.open{
        transform: translateX(0);
    }.fcr-tools .sidebar-backdrop.open{
        position: fixed;
        inset: 0;
        z-index: 15;
        display: block;
        background: rgba(15, 23, 42, 0.45);
    }.fcr-tools .main-content{
        padding: 18px 14px calc(32px + 64px + env(safe-area-inset-bottom));
    }.fcr-tools .bottom-tabbar-wrap{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 25;
        display: flex;
        justify-content: center;
        padding: 0 10px calc(10px + env(safe-area-inset-bottom));
        pointer-events: none;
    }.fcr-tools .bottom-tabbar{
        pointer-events: auto;
        display: flex;
        width: 100%;
        max-width: 560px;
        gap: 2px;
        padding: 7px 8px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.62));
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow:
            0 12px 32px -12px rgba(11, 58, 102, 0.35),
            0 1px 0 rgba(255, 255, 255, 0.7) inset,
            0 0 0 1px rgba(186, 230, 253, 0.4);
        backdrop-filter: blur(22px) saturate(190%);
        -webkit-backdrop-filter: blur(22px) saturate(190%);
    }.fcr-tools:has(.sidebar-backdrop.open) .bottom-tabbar-wrap{
        display: none;
    }.fcr-tools .tab-link{
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        padding: 7px 4px;
        border: 0;
        border-radius: 16px;
        background: none;
        color: var(--muted);
        font: inherit;
        font-size: 0.66rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: color 110ms ease, transform 110ms ease;
    }.fcr-tools .tab-link .icon{
        width: 20px;
        min-height: 20px;
        transition: transform 220ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }.fcr-tools .tab-link.active,.fcr-tools .tab-link[aria-current="page"]{
        color: var(--ocean-dark);
    }.fcr-tools .tab-link.active::before,.fcr-tools .tab-link[aria-current="page"]::before{
        content: "";
        position: absolute;
        inset: -2px 2px;
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(186, 230, 253, 0.85), rgba(224, 242, 254, 0.55));
        box-shadow: 0 4px 10px -4px rgba(12, 102, 133, 0.4);
        z-index: -1;
        animation: tab-pop 240ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }.fcr-tools .tab-link.active .icon,.fcr-tools .tab-link[aria-current="page"] .icon{
        transform: translateY(-1px) scale(1.08);
    }.fcr-tools .tab-link:active{ transform: scale(0.94); }@keyframes tab-pop{
        from { transform: scale(0.7); opacity: 0; }
        to { transform: scale(1); opacity: 1; }
    }@media (prefers-reduced-motion: reduce){.fcr-tools .tab-link,.fcr-tools .tab-link .icon,.fcr-tools .tab-link.active::before{ animation: none !important; transition: none !important; }}.fcr-tools .page-header{
        display: grid;
    }.fcr-tools .header-actions{
        justify-content: flex-start;
    }.fcr-tools .split-grid,.fcr-tools .login-shell{
        
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .login-shell{
        align-items: stretch;
        min-height: auto;
    }.fcr-tools .login-hero{
        min-height: 420px;
    }}@media (max-width: 640px){.fcr-tools .page-header h1,.fcr-tools .login-hero h1{
        font-size: 2rem;
    }.fcr-tools .kpi-grid,.fcr-tools .kpi-grid.compact,.fcr-tools .form-grid,.fcr-tools .alert-grid,.fcr-tools .report-filter,.fcr-tools .login-metrics{
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .export-actions{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }.fcr-tools .backup-actions{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .export-actions .button{
        width: 100%;
    }.fcr-tools .backup-actions .button{
        width: 100%;
    }.fcr-tools .quick-actions{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .quick-actions .button{
        width: 100%;
    }.fcr-tools .quick-form{
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .span-2{
        grid-column: auto;
    }.fcr-tools .panel,.fcr-tools .stat-card,.fcr-tools .login-card,.fcr-tools .login-hero{
        padding: 14px;
    }.fcr-tools .panel-heading{
        display: grid;
    }.fcr-tools .form-actions,.fcr-tools .header-actions{
        width: 100%;
    }.fcr-tools .form-actions .button,.fcr-tools .header-actions .button{
        width: 100%;
    }.fcr-tools .role-chip{
        width: 100%;
    }.fcr-tools table{
        min-width: 680px;
    }.fcr-tools th,.fcr-tools td{
        padding: 11px 10px;
        font-size: 0.84rem;
    }.fcr-tools .actions{
        min-width: 130px;
    }.fcr-tools .login-shell{
        width: min(100% - 20px, 1180px);
        padding: 14px 0;
    }}@media (max-width: 420px){.fcr-tools .main-content{
        padding-left: 10px;
        padding-right: 10px;
    }.fcr-tools .demo-accounts{
        grid-template-columns: minmax(0, 1fr);
    }.fcr-tools .mobile-brand{
        font-size: 0.92rem;
    }.fcr-tools .brand-mark{
        width: 38px;
        height: 38px;
    }.fcr-tools .button{
        min-height: 44px;
        padding-left: 12px;
        padding-right: 12px;
    }}.fcr-tools .camera-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}.fcr-tools .camera-tile{
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: var(--radius);
    border: 1px solid rgba(186, 230, 253, 0.6);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 249, 255, 0.92));
    box-shadow: var(--shadow-sm);
}.fcr-tools .camera-tile.tile-termal{
    border-color: #fecdd3;
    background:
        linear-gradient(180deg, rgba(255, 245, 247, 0.96), rgba(255, 230, 235, 0.85));
}.fcr-tools .camera-tile.tile-dual{
    border-color: #c7d2fe;
    background:
        linear-gradient(180deg, rgba(238, 242, 255, 0.96), rgba(224, 231, 255, 0.85));
}.fcr-tools .camera-tile strong{
    font-size: 1rem;
    color: var(--blue-deep);
}.fcr-tools .camera-tile .tile-meta{
    color: var(--muted);
    font-size: 0.82rem;
}.fcr-tools .severity-pill{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}.fcr-tools .severity-pill::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px currentColor;
    opacity: 0.25;
}.fcr-tools .sev-dusuk{ color: #075985; background: #e0f2fe; }.fcr-tools .sev-orta{ color: #92400e; background: #fef3c7; }.fcr-tools .sev-yuksek{ color: #be123c; background: #ffe4e6; }.fcr-tools .sev-kritik{ color: #ffffff; background: linear-gradient(135deg, #be123c, #7f1d1d); box-shadow: 0 6px 16px -8px rgba(190, 18, 60, 0.5); }.fcr-tools .confidence-bar{
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}.fcr-tools .confidence-bar > span{
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #14b8a6, #0ea5e9);
}.fcr-tools .cot-block{
    margin: 8px 0 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(180deg, #f0f9ff, #ecfeff);
    border: 1px dashed #bae6fd;
}.fcr-tools .cot-block summary{
    cursor: pointer;
    color: var(--blue-strong);
    font-weight: 700;
    list-style: none;
}.fcr-tools .cot-block summary::after{ content: " ▾"; font-size: 0.8em; }.fcr-tools .cot-block[open] summary::after{ content: " ▴"; }.fcr-tools .cot-list{
    margin: 10px 0 0;
    padding-left: 20px;
    color: #0f172a;
}.fcr-tools .cot-list li{
    margin-bottom: 4px;
    line-height: 1.55;
}.fcr-tools .cot-recommend{
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(20, 184, 166, 0.1);
    color: #115e59;
    font-weight: 600;
    font-size: 0.86rem;
}.fcr-tools .learning-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}.fcr-tools .learning-card{
    padding: 14px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, #ffffff, #f6faff);
    display: grid;
    gap: 4px;
}.fcr-tools .learning-card strong{
    font-size: 1.2rem;
    color: var(--blue-deep);
}.fcr-tools .learning-card span{
    color: var(--muted);
    font-size: 0.84rem;
}.fcr-tools .dot-online{ color: #047857; }.fcr-tools .dot-offline{ color: #be123c; }.fcr-tools .dot-bakim{ color: #b45309; }.fcr-tools .dot-pasif{ color: #475569; }.fcr-tools .inline-form{ display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }.fcr-tools .inline-form select{ padding: 6px 8px; }.fcr-tools label.checkbox{
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--blue-deep);
    background: rgba(186, 230, 253, 0.18);
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(186, 230, 253, 0.5);
}.fcr-tools label.checkbox input{ width: 18px; height: 18px; }.fcr-tools .section-subtitle{
    margin: 22px 0 10px;
    font-size: 1rem;
    color: var(--blue-strong);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}.fcr-tools meter{
    width: 110px;
    height: 10px;
}.fcr-tools .icon{
    width: 1.15em;
    height: 1.15em;
    flex: none;
    vertical-align: -0.2em;
}.fcr-tools .icon-sm{ width: 1em; height: 1em; vertical-align: -0.15em; }.fcr-tools .button .icon{ margin-inline-end: 8px; }.fcr-tools .icon-button .icon{ margin: 0; width: 1.3em; height: 1.3em; }.fcr-tools .muted{ color: var(--muted); }.fcr-tools .field-hint{ color: var(--muted); font-weight: 500; font-size: 0.78rem; }.fcr-tools .sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }.fcr-tools .app-body::before{ opacity: 0.9; }.fcr-tools .app-body::after{ background-image: linear-gradient(rgba(12, 102, 133, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 102, 133, 0.035) 1px, transparent 1px); }.fcr-tools .sidebar{
    color: #dbe7ef;
    background:
        radial-gradient(at 0% 0%, rgba(12, 102, 133, 0.55) 0%, transparent 55%),
        radial-gradient(at 100% 100%, rgba(0, 97, 127, 0.35) 0%, transparent 60%),
        linear-gradient(180deg, #0b1f2a 0%, #0d2a39 55%, #0b1f2a 100%);
    border-right: 1px solid rgba(149, 219, 254, 0.12);
    gap: 16px;
    padding: 18px 14px;
}.fcr-tools .brand-block{ padding: 2px 4px 6px; }.fcr-tools .brand{ display: flex; align-items: center; gap: 12px; }.fcr-tools .brand-badge{
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}.fcr-tools .brand-badge img{ width: 34px; height: 34px; display: block; }.fcr-tools .brand-text{ display: grid; gap: 4px; min-width: 0; }.fcr-tools .brand-wordmark{ display: block; height: 15px; width: auto; }.fcr-tools .brand small{ color: rgba(219, 231, 239, 0.75); font-size: 0.74rem; letter-spacing: 0.02em; }.fcr-tools .nav-list{ gap: 6px; padding-right: 0; margin-right: 0; padding-inline-end: 4px; margin-inline-end: -4px; }.fcr-tools .nav-group{ border-radius: 12px; }.fcr-tools .nav-group > summary{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 10px;
    color: rgba(219, 231, 239, 0.62);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    user-select: none;
}.fcr-tools .nav-group > summary::-webkit-details-marker{ display: none; }.fcr-tools .nav-group > summary:hover{ color: #ffffff; background: rgba(255, 255, 255, 0.05); }.fcr-tools .nav-group > summary span{ flex: 1; }.fcr-tools .nav-chevron{ transition: transform 160ms ease; opacity: 0.7; }.fcr-tools .nav-group[open] > summary .nav-chevron{ transform: rotate(180deg); }.fcr-tools .nav-group-items{ display: grid; gap: 2px; padding: 2px 0 8px; }.fcr-tools .nav-link{
    min-height: 40px;
    padding: 8px 12px;
    gap: 12px;
    border-radius: 10px;
    color: rgba(219, 231, 239, 0.82);
    font-weight: 600;
    font-size: 0.92rem;
}.fcr-tools .nav-link span{
    display: block;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.25;
}.fcr-tools .nav-link .icon{ color: rgba(149, 219, 254, 0.9); }.fcr-tools .nav-link:hover{ color: #ffffff; background: rgba(255, 255, 255, 0.07); transform: none; }.fcr-tools .nav-link.active{
    color: #0b1f2a;
    background: linear-gradient(135deg, #ffffff 0%, #e6f3fa 100%);
    box-shadow: 0 12px 26px -16px rgba(0, 0, 0, 0.6);
}.fcr-tools .nav-link.active span{ background: none; color: inherit; }.fcr-tools .nav-link.active .icon{ color: var(--ocean); }.fcr-tools .nav-link.active::before{ left: -14px; background: linear-gradient(180deg, #95dbfe, #14a0a0); }.fcr-tools .user-card{ background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)); }.fcr-tools .sidebar-footer .button-soft{ color: #e6f3fa; background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.16); }.fcr-tools .page-header{
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(239, 244, 255, 0.9) 100%);
    border-color: var(--line);
}.fcr-tools .page-header::before{
    background:
        radial-gradient(60% 100% at 100% 0%, rgba(149, 219, 254, 0.35), transparent 70%),
        radial-gradient(40% 100% at 0% 100%, rgba(12, 102, 133, 0.10), transparent 70%);
}.fcr-tools .page-header h1{ background: linear-gradient(135deg, #0b1f2a 0%, #0c6685 70%, #1a8fb4 100%); -webkit-background-clip: text; background-clip: text; }.fcr-tools .panel,.fcr-tools .stat-card,.fcr-tools .login-card,.fcr-tools .setup-panel > div,.fcr-tools .alert-tile{ border-color: var(--line); background: linear-gradient(180deg, #ffffff, #fbfcff); }.fcr-tools .panel-heading{ border-bottom-color: var(--line); }.fcr-tools .panel-heading h2{ color: var(--ink); }.fcr-tools .stat-card strong{ color: var(--ink); }.fcr-tools .button-soft{ color: var(--ocean-dark); background: linear-gradient(135deg, #f1f8fb, #e4f1f7); border: 1px solid #cfe3eb; }.fcr-tools .button-ghost{ color: var(--ocean-dark); background: rgba(255, 255, 255, 0.7); border: 1px solid #cfe3eb; }.fcr-tools .button-primary{ box-shadow: 0 14px 28px -12px rgba(12, 102, 133, 0.55); }.fcr-tools .button.disabled,.fcr-tools .button[aria-disabled="true"],.fcr-tools .button:disabled{ opacity: 0.5; pointer-events: none; }.fcr-tools .role-chip{ color: var(--ocean-dark); background: linear-gradient(135deg, #f1f8fb, #e4f1f7); border-color: #cfe3eb; }.fcr-tools .badge-info{ color: #0c4a63; background: linear-gradient(135deg, #e4f1f7, #cbe6f1); }.fcr-tools .alert-info{ color: #0c4a63; background: linear-gradient(135deg, #f1f8fb, #e4f1f7); border-color: #cfe3eb; }.fcr-tools input,.fcr-tools select,.fcr-tools textarea{ border-color: #ccd6e3; }.fcr-tools input:hover,.fcr-tools select:hover,.fcr-tools textarea:hover{ border-color: #7fb0c4; }.fcr-tools .table-wrap{ border-color: var(--line); }.fcr-tools th,.fcr-tools td{ text-align: start; border-bottom-color: #e6ecf5; }.fcr-tools thead th{ background: linear-gradient(180deg, #f8fbff, #eef3fb); color: #3f4a57; }.fcr-tools tbody tr:hover td{ background: rgba(149, 219, 254, 0.16); }.fcr-tools .icon-link:hover{ background: rgba(12, 102, 133, 0.09); }.fcr-tools .form-grid label,.fcr-tools .login-card label,.fcr-tools .report-filter label{ color: #2f3b4a; }.fcr-tools .stat-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin-bottom: 18px; }.fcr-tools .lang-switcher{ position: relative; }.fcr-tools .lang-switcher > summary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #cfe3eb;
    border-radius: 12px;
    background: #ffffff;
    color: var(--ink);
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
    user-select: none;
}.fcr-tools .lang-switcher > summary::-webkit-details-marker{ display: none; }.fcr-tools .lang-switcher > summary:hover{ border-color: var(--ocean); }.fcr-tools .lang-switcher[open] > summary{ border-color: var(--ocean); box-shadow: var(--ring); }.fcr-tools .flag{ width: 20px; height: 20px; border-radius: 50%; flex: none; }.fcr-tools .lang-menu{
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + 6px);
    z-index: 60;
    width: 232px;
    max-height: 340px;
    margin: 0;
    padding: 6px;
    overflow: auto;
    list-style: none;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: var(--shadow-lg);
}.fcr-tools .lang-menu a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 9px;
    color: var(--text);
    font-size: 0.9rem;
    font-weight: 600;
}.fcr-tools .lang-menu a:hover{ background: #eff4ff; }.fcr-tools .lang-menu a[aria-current="true"]{ background: #e4f1f7; color: var(--ocean-dark); }@media (max-width: 900px){.fcr-tools .mobile-topbar{
        background: #0b1f2a;
        border-bottom: 1px solid rgba(149, 219, 254, 0.14);
    }.fcr-tools .mobile-topbar .icon-button{ color: #e6f3fa; background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.16); }.fcr-tools .mobile-brand{ display: flex; align-items: center; flex: 1; }.fcr-tools .mobile-brand img{ height: 15px; width: auto; }.fcr-tools .mobile-topbar .lang-switcher > summary{ min-height: 40px; padding: 6px 10px; }.fcr-tools .mobile-topbar .lang-switcher > summary span{ display: none; }.fcr-tools .page-header .header-actions .lang-switcher{ display: none; }}.fcr-tools .login-body{ background: #0b1f2a; }.fcr-tools .login-body::before{
    background:
        radial-gradient(at 20% 18%, rgba(12, 102, 133, 0.75) 0%, transparent 48%),
        radial-gradient(at 82% 14%, rgba(149, 219, 254, 0.22) 0%, transparent 45%),
        radial-gradient(at 80% 84%, rgba(0, 97, 127, 0.6) 0%, transparent 52%),
        linear-gradient(135deg, #0b1f2a 0%, #0d2a39 100%);
}.fcr-tools .login-hero{
    background:
        linear-gradient(135deg, rgba(12, 102, 133, 0.55), rgba(11, 31, 42, 0.55) 70%),
        radial-gradient(at 0% 0%, rgba(149, 219, 254, 0.2), transparent 60%);
    border-color: rgba(149, 219, 254, 0.18);
}.fcr-tools .login-hero .brand-wordmark{ height: 20px; }.fcr-tools .login-hero .brand-badge{ width: 52px; height: 52px; }.fcr-tools .login-hero .brand-badge img{ width: 40px; height: 40px; }.fcr-tools .login-hero h1{ background: linear-gradient(135deg, #ffffff 0%, #d7edf7 60%, #95dbfe 100%); -webkit-background-clip: text; background-clip: text; font-size: clamp(1.9rem, 3.2vw, 3rem); }.fcr-tools .login-card h2{ background: linear-gradient(135deg, #0b1f2a, #0c6685); -webkit-background-clip: text; background-clip: text; }.fcr-tools .login-card{ border-color: rgba(149, 219, 254, 0.35); }.fcr-tools .login-card .login-lang{ display: flex; justify-content: flex-end; margin-bottom: 14px; }.fcr-tools .login-site-link{ position: relative; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; color: #95dbfe; font-weight: 700; font-size: 0.9rem; }.fcr-tools .login-site-link:hover{ color: #ffffff; }.fcr-tools .demo-box{ color: var(--ocean-dark); background: linear-gradient(135deg, #f1f8fb, #e4f1f7); border-color: #cfe3eb; }.fcr-tools .panel-tools{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }.fcr-tools .panel-tools form{ margin: 0; }.fcr-tools .list-filter{ grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) auto; margin-bottom: 16px; }.fcr-tools .pagination{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }.fcr-tools .doc-meta{ display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px 22px; margin: 0; }.fcr-tools .doc-meta div{ display: grid; gap: 3px; }.fcr-tools .doc-meta dt{ color: var(--muted); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }.fcr-tools .doc-meta dd{ margin: 0; font-weight: 600; word-break: break-word; }.fcr-tools .doc-notes{ margin: 16px 0 0; color: var(--text-soft); }.fcr-tools .child-form{ margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--line); }.fcr-tools tfoot td{ font-weight: 800; background: #f4f8fc; border-top: 1px solid var(--line-strong); }.fcr-tools .chip{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #e4f1f7; color: var(--ocean-dark); font-size: 0.78rem; font-weight: 700; }.fcr-tools .kpi-grid.five{ grid-template-columns: repeat(5, minmax(0, 1fr)); }.fcr-tools .num{ text-align: end; font-variant-numeric: tabular-nums; }.fcr-tools .progress{ height: 8px; border-radius: 999px; background: #e4ecf5; overflow: hidden; }.fcr-tools .progress > span{ display: block; height: 100%; border-radius: inherit; background: var(--grad-primary); }.fcr-tools .label-sheet{ display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }.fcr-tools .label-card{ display: grid; justify-items: center; gap: 6px; padding: 12px; border: 1px dashed var(--line-strong); border-radius: 12px; background: #ffffff; text-align: center; break-inside: avoid; }.fcr-tools .label-card strong{ font-size: 0.95rem; }.fcr-tools .label-card small{ color: var(--muted); }.fcr-tools .label-card canvas{ max-width: 100%; height: auto; }.fcr-tools .scan-box{ display: grid; gap: 12px; }.fcr-tools .scan-box video{ display: none; width: 100%; max-width: 420px; border-radius: 12px; background: #000; }.fcr-tools .scan-box video.active{ display: block; }.fcr-tools .scan-row{ display: flex; gap: 10px; flex-wrap: wrap; align-items: end; }.fcr-tools .scan-row label{ flex: 1 1 260px; }.fcr-tools .trace-tree,.fcr-tools .trace-tree ul{ list-style: none; margin: 0; padding: 0; }.fcr-tools .trace-tree ul{ margin-inline-start: 18px; padding-inline-start: 18px; border-inline-start: 2px solid #cfe3eb; }.fcr-tools .trace-node{ position: relative; margin: 8px 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: #ffffff; }.fcr-tools .trace-node.current{ border-color: var(--ocean); box-shadow: var(--ring); }.fcr-tools .trace-node strong{ display: block; }.fcr-tools .trace-node small{ color: var(--muted); }.fcr-tools .print-header{ display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 2px solid var(--ocean); }.fcr-tools .print-brand{ display: flex; align-items: center; gap: 10px; }.fcr-tools .print-meta{ text-align: end; }.fcr-tools .print-meta h1{ margin: 0; font-size: 1.3rem; }.fcr-tools .print-meta span{ color: var(--muted); font-size: 0.85rem; }.fcr-tools .print-actions{ margin-top: 18px; }.fcr-tools .print-mode{ background: #ffffff; }.fcr-tools .print-mode::before,.fcr-tools .print-mode::after{ display: none; }.fcr-tools .print-mode .panel,.fcr-tools .print-mode .stat-card{ box-shadow: none; animation: none; backdrop-filter: none; }.fcr-tools .print-mode table{ min-width: 0; }.fcr-tools .print-mode th,.fcr-tools .print-mode td{ white-space: normal; }@media print{.fcr-tools{ background: #ffffff !important; }.fcr-tools .sidebar,.fcr-tools .mobile-topbar,.fcr-tools .page-header .header-actions,.fcr-tools .sidebar-backdrop,.fcr-tools .no-print,.fcr-tools .actions,.fcr-tools .form-actions,.fcr-tools .lang-switcher,.fcr-tools .panel-tools,.fcr-tools form.child-form,.fcr-tools .list-filter,.fcr-tools .pagination,.fcr-tools .alert{ display: none !important; }.fcr-tools .app-shell{ display: block; }.fcr-tools .main-content{ padding: 0; }.fcr-tools .app-body::before,.fcr-tools .app-body::after{ display: none; }.fcr-tools .panel,.fcr-tools .stat-card,.fcr-tools .page-header{ box-shadow: none !important; border-color: #cfd6df !important; background: #ffffff !important; animation: none !important; backdrop-filter: none !important; break-inside: avoid; }.fcr-tools .page-header{ padding: 0 0 12px; border: 0; }.fcr-tools .page-header h1{ color: #0b1f2a; -webkit-text-fill-color: #0b1f2a; }.fcr-tools .table-wrap{ overflow: visible; border: 1px solid #cfd6df; }.fcr-tools table{ min-width: 0; font-size: 0.78rem; }.fcr-tools th,.fcr-tools td{ white-space: normal; padding: 6px 8px; }.fcr-tools a{ color: inherit; }}.fcr-tools [dir="rtl"] .sidebar{ border-right: 0; border-left: 1px solid rgba(149, 219, 254, 0.12); box-shadow: -18px 0 60px -28px rgba(3, 32, 60, 0.6); }.fcr-tools [dir="rtl"] .nav-link.active::before{ left: auto; right: -14px; border-radius: 4px 0 0 4px; }.fcr-tools [dir="rtl"] .stat-card::after{ left: auto; right: 0; border-radius: 4px 0 0 4px; }.fcr-tools [dir="rtl"] .stat-card::before{ inset: auto auto -60% -30%; }.fcr-tools [dir="rtl"] .cot-list{ padding-left: 0; padding-right: 20px; }@media (max-width: 900px){.fcr-tools [dir="rtl"] .sidebar{ inset: 0 0 0 auto; transform: translateX(105%); }.fcr-tools [dir="rtl"] .sidebar.open{ transform: translateX(0); }}.fcr-tools :lang(ar),.fcr-tools :lang(he),.fcr-tools :lang(hi),.fcr-tools :lang(ja),.fcr-tools :lang(ko),.fcr-tools :lang(zh){ letter-spacing: 0; }.fcr-tools :lang(ar) .eyebrow,.fcr-tools :lang(he) .eyebrow,.fcr-tools :lang(hi) .eyebrow,.fcr-tools :lang(ja) .eyebrow,.fcr-tools :lang(ko) .eyebrow,.fcr-tools :lang(zh) .eyebrow,.fcr-tools :lang(ar) thead th,.fcr-tools :lang(he) thead th,.fcr-tools :lang(hi) thead th,.fcr-tools :lang(ja) thead th,.fcr-tools :lang(ko) thead th,.fcr-tools :lang(zh) thead th,.fcr-tools :lang(ar) .nav-group > summary,.fcr-tools :lang(he) .nav-group > summary,.fcr-tools :lang(hi) .nav-group > summary,.fcr-tools :lang(ja) .nav-group > summary,.fcr-tools :lang(ko) .nav-group > summary,.fcr-tools :lang(zh) .nav-group > summary,.fcr-tools :lang(ar) .doc-meta dt,.fcr-tools :lang(he) .doc-meta dt,.fcr-tools :lang(hi) .doc-meta dt,.fcr-tools :lang(ja) .doc-meta dt,.fcr-tools :lang(ko) .doc-meta dt,.fcr-tools :lang(zh) .doc-meta dt,.fcr-tools :lang(ar) .section-subtitle,.fcr-tools :lang(he) .section-subtitle,.fcr-tools :lang(hi) .section-subtitle,.fcr-tools :lang(ja) .section-subtitle,.fcr-tools :lang(ko) .section-subtitle,.fcr-tools :lang(zh) .section-subtitle{
    letter-spacing: 0;
    text-transform: none;
}.fcr-tools :lang(ar) .page-header h1,.fcr-tools :lang(he) .page-header h1{ line-height: 1.25; }@media (max-width: 1180px){.fcr-tools .kpi-grid.five{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 640px){.fcr-tools .kpi-grid.five,.fcr-tools .list-filter{ grid-template-columns: minmax(0, 1fr); }.fcr-tools .pagination{ flex-wrap: wrap; justify-content: center; }}.fcr-tools pre.code-sample{ margin: 0 0 6px; padding: 14px; overflow: auto; border-radius: 12px; background: #0b1f2a; color: #d7edf7; font-size: 0.82rem; line-height: 1.5; white-space: pre-wrap; word-break: break-all; }.fcr-tools .audit-payload{ max-width: 520px; margin: 6px 0 0; white-space: pre-wrap; word-break: break-all; font-size: 0.78rem; }.fcr-tools code{ padding: 2px 6px; border-radius: 6px; background: #eef3fb; font-size: 0.85em; }.fcr-tools [dir="rtl"] .stat-card strong{ direction: ltr; unicode-bidi: isolate; text-align: right; }@page land{ size: A4 landscape; margin: 10mm; }@page{ size: A4; margin: 12mm; }.fcr-tools .print-landscape .print-main{ page: land; }.fcr-tools .page-header{ overflow: visible; z-index: 5; }.fcr-tools .page-header::before{ border-radius: inherit; }.fcr-tools .lang-menu{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
    width: min(400px, calc(100vw - 24px));
    max-height: none;
    overflow: visible;
    z-index: 200;
}.fcr-tools .lang-switcher[open]{ z-index: 200; }.fcr-tools .lang-menu li{ min-width: 0; }.fcr-tools .lang-menu a{ white-space: nowrap; }.fcr-tools .lang-menu a span{ overflow: hidden; text-overflow: ellipsis; }@media (max-width: 420px){.fcr-tools .lang-menu{ grid-template-columns: minmax(0, 1fr); }}.fcr-tools .form-grid .span-all{ grid-column: 1 / -1; }.fcr-tools .settings-locale-note{ display: grid; gap: 10px; }.fcr-tools .settings-locale-note .field-hint{ margin: 0; }.fcr-tools .button-row{ display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }.fcr-tools .backup-codes{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 0 0 14px; }.fcr-tools .backup-codes code{ padding: 8px 10px; text-align: center; font-size: 0.95rem; letter-spacing: 0.06em; }.fcr-tools .totp-setup{ display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; }.fcr-tools .totp-setup .label-card{ flex: none; }.fcr-tools .totp-secret{ display: inline-block; padding: 8px 12px; font-size: 1rem; letter-spacing: 0.08em; word-break: break-all; }.fcr-tools a.user-card{ color: inherit; text-decoration: none; }.fcr-tools a.user-card:hover{ filter: brightness(1.12); }.fcr-tools .logout-form{ margin: 0; }.fcr-tools .login-secondary{ margin-top: 10px; }.fcr-tools{
    --site-max: 1200px;
    --site-line: color-mix(in oklab, var(--line) 70%, transparent);
    --site-card: #fff;
    --site-low: #f1f5fc;
    --site-ink-2: #3c4a5a;
    display: flex; flex-direction: column; min-height: 100vh;
    background: var(--bg); color: var(--text);
    interpolate-size: allow-keywords;
}.fcr-tools h1,.fcr-tools h2,.fcr-tools h3{ text-wrap: balance; letter-spacing: -0.01em; }.fcr-tools p{ text-wrap: pretty; }.fcr-tools .skip-link{ position: absolute; left: 12px; top: -48px; z-index: 100; padding: 8px 14px; border-radius: 10px; background: var(--ink); color: #fff; }.fcr-tools .skip-link:focus{ top: 12px; }.fcr-tools .site-header{ position: sticky; top: 0; z-index: 40; background: #fff; border-bottom: 1px solid var(--site-line); }.fcr-tools .site-header-inner{ display: flex; align-items: center; gap: 20px; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: 12px 0; }.fcr-tools .site-brand{ display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; text-decoration: none; }.fcr-tools .site-brand img:first-child{ width: 36px; height: 36px; border-radius: 50%; box-shadow: var(--shadow-sm); }.fcr-tools .site-brand-word{ height: 16px; width: auto; }.fcr-tools .site-brand-tag{ padding: 2px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ocean-dark); background: color-mix(in oklab, var(--ocean-soft) 45%, white); }.fcr-tools .site-nav{ display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; mask-image: linear-gradient(90deg, #000 92%, transparent); }.fcr-tools .site-nav::-webkit-scrollbar{ display: none; }.fcr-tools .site-nav a{ flex: 0 0 auto; padding: 8px 11px; border-radius: 10px; color: var(--site-ink-2); text-decoration: none; font-size: 0.9rem; font-weight: 600; white-space: nowrap; transition: color 120ms, background 120ms; }.fcr-tools .site-nav a:hover,.fcr-tools .site-nav a:focus-visible{ color: var(--ocean); background: color-mix(in oklab, var(--ocean) 8%, transparent); }.fcr-tools .site-nav-sep{ flex: 0 0 1px; height: 18px; margin: 0 6px; background: var(--line-strong); }.fcr-tools .site-header-actions{ display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }.fcr-tools .site-main{ flex: 1 0 auto; }.fcr-tools .site-flash{ width: min(var(--site-max), calc(100% - 32px)); margin: 16px auto 0; }.fcr-tools .site-band{ padding: clamp(48px, 7vw, 80px) 0; }.fcr-tools .site-band-alt{ background: var(--site-low); border-block: 1px solid var(--site-line); }.fcr-tools .site-band-inner,.fcr-tools .pkg-section-inner{ width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; }.fcr-tools .site-narrow{ width: min(820px, calc(100% - 32px)); }.fcr-tools .site-h2,.fcr-tools .pkg-section-head h2{ margin: 0 0 8px; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; color: var(--text); }.fcr-tools .site-band-inner > .site-h2{ margin-bottom: 28px; }.fcr-tools.eyebrow{ display: inline-flex; align-items: center; gap: 6px; margin: 0 0 10px; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ocean); }.fcr-tools .button-lg{ min-height: 50px; padding: 12px 22px; font-size: 1rem; border-radius: 14px; }.fcr-tools .button-glass{ color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.45); }.fcr-tools .button-glass:hover{ background: rgba(255, 255, 255, 0.2); }.fcr-tools .button-light{ color: var(--ink); background: #fff; border: 0; box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.5); }.fcr-tools .site-hero{ position: relative; overflow: clip; color: #fff; background: radial-gradient(1200px 500px at 85% -10%, rgba(149, 219, 254, 0.28), transparent 60%), linear-gradient(135deg, var(--ink) 0%, var(--ocean-dark) 55%, var(--ocean) 100%); }.fcr-tools .site-hero-inner{ position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 5vw, 64px); align-items: center; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: clamp(44px, 7vw, 88px) 0; }.fcr-tools .site-hero .eyebrow{ color: var(--ocean-soft); }.fcr-tools .site-hero h1{ margin: 0 0 16px; font-size: clamp(2rem, 4.4vw, 3.3rem); line-height: 1.06; font-weight: 800; letter-spacing: -0.025em; color: #fff; }.fcr-tools .site-hero-lead{ margin: 0 0 26px; max-width: 58ch; font-size: clamp(1rem, 1.3vw, 1.12rem); color: #d4e8f2; }.fcr-tools .site-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }.fcr-tools .site-hero-stats{ display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 30px 0 0; padding: 22px 0 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.16); }.fcr-tools .site-hero-stats li{ display: grid; font-size: 0.85rem; color: #b8d6e4; }.fcr-tools .site-hero-stats strong{ font-size: 1.7rem; line-height: 1.1; font-weight: 800; color: #fff; }.fcr-tools .browser-shot{ display: block; overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.35); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.55); }.fcr-tools .browser-shot img{ display: block; width: 100%; height: auto; }.fcr-tools .site-breadcrumb{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; font-size: 0.86rem; color: #b8d6e4; }.fcr-tools .site-breadcrumb a{ color: #fff; text-decoration: none; }.fcr-tools .site-breadcrumb a:hover{ text-decoration: underline; }.fcr-tools .step-list{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: s; }.fcr-tools .step{ position: relative; padding: 24px; border-radius: 20px; background: var(--site-card); border: 1px solid var(--site-line); box-shadow: var(--shadow-sm); }.fcr-tools .step-num{ position: absolute; top: 18px; right: 20px; font-size: 2.6rem; font-weight: 800; line-height: 1; color: color-mix(in oklab, var(--ocean) 14%, white); }.fcr-tools .step-icon,.fcr-tools .why-icon{ display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 14px; color: var(--ocean); background: color-mix(in oklab, var(--ocean) 10%, white); }.fcr-tools .step h3,.fcr-tools .why-item h3,.fcr-tools .res-card h3{ margin: 0 0 6px; font-size: 1.05rem; color: var(--text); }.fcr-tools .step p,.fcr-tools .why-item p,.fcr-tools .res-card p{ margin: 0; font-size: 0.93rem; line-height: 1.6; color: var(--muted); }.fcr-tools .pkg-section{ padding: clamp(48px, 7vw, 80px) 0; scroll-margin-top: 72px; }.fcr-tools .pkg-section:nth-of-type(even){ background: var(--site-low); border-block: 1px solid var(--site-line); }.fcr-tools .pkg-section-head{ max-width: 720px; margin-bottom: 28px; }.fcr-tools .pkg-section-head p:not(.eyebrow){ margin: 0; font-size: 1rem; color: var(--muted); }.fcr-tools .pkg-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px; }.fcr-tools .pkg-card{ container-type: inline-size; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 20px; background: var(--site-card, #fff); color: var(--text); border: 1px solid var(--site-line, var(--line)); box-shadow: 0 1px 2px rgba(11, 31, 42, 0.04), 0 12px 32px -20px rgba(11, 31, 42, 0.22); transition: transform 220ms cubic-bezier(.2, .8, .2, 1), box-shadow 220ms, border-color 220ms; }.fcr-tools .pkg-card:hover{ border-color: color-mix(in oklab, var(--ocean) 35%, var(--line)); box-shadow: 0 2px 4px rgba(11, 31, 42, 0.05), 0 26px 50px -24px rgba(12, 102, 133, 0.38); }.fcr-tools .pkg-card.is-current{ border-color: var(--ocean); box-shadow: 0 0 0 3px color-mix(in oklab, var(--ocean) 22%, transparent); }.fcr-tools .pkg-card.is-roadmap .pkg-shot-empty{ background: linear-gradient(135deg, #3c4a5a, #6b7a8c); }.fcr-tools .pkg-shot{ position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, var(--ink), var(--ocean)); border-bottom: 1px solid var(--site-line, var(--line)); }.fcr-tools .pkg-shot-bar{ position: absolute; inset: 0 0 auto; z-index: 1; display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; background: rgba(248, 249, 255, 0.94); border-bottom: 1px solid rgba(11, 31, 42, 0.08); }.fcr-tools .pkg-shot-bar i{ width: 8px; height: 8px; border-radius: 50%; background: #d8dee8; }.fcr-tools .pkg-shot-bar i:first-child{ background: #ff6b6b; }.fcr-tools .pkg-shot-bar i:nth-child(2){ background: #ffc24b; }.fcr-tools .pkg-shot-bar i:nth-child(3){ background: #3fcf8e; }.fcr-tools .pkg-shot-bar span{ margin-inline-start: 8px; padding: 1px 10px; border-radius: 6px; font-size: 0.64rem; color: #6b7684; background: #eef1f6; }.fcr-tools .browser-shot .pkg-shot-bar{ position: static; height: 30px; }.fcr-tools .pkg-shot img{ display: block; width: 100%; height: 100%; padding-top: 24px; object-fit: cover; object-position: top left; }.fcr-tools .pkg-shot-empty{ display: grid; place-items: center; height: 100%; color: rgba(255, 255, 255, 0.75); }.fcr-tools .pkg-shot-empty .icon{ width: 44px; height: 44px; }.fcr-tools .pkg-body{ display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; padding: 18px 20px 20px; }.fcr-tools .pkg-kicker{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ocean); }.fcr-tools .pkg-icon{ display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: var(--ocean); background: color-mix(in oklab, var(--ocean) 10%, white); }.fcr-tools .pkg-badge-warn,.fcr-tools .pkg-badge-live{ display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 0.68rem; letter-spacing: 0.02em; text-transform: none; }.fcr-tools .pkg-badge-warn{ color: #92400e; background: #fef3c7; }.fcr-tools .pkg-badge-live{ color: #065f46; background: #d1fae5; }.fcr-tools .pkg-body h3{ margin: 0; font-size: 1.2rem; line-height: 1.25; font-weight: 700; }.fcr-tools .pkg-body h3 a{ color: var(--text); text-decoration: none; }.fcr-tools .pkg-body h3 a::after{ content: ""; position: absolute; inset: 0; }.fcr-tools .pkg-card{ position: relative; }.fcr-tools .pkg-card:has(h3 a:hover) h3 a{ color: var(--ocean); }.fcr-tools .pkg-desc{ margin: 0; font-size: 0.94rem; line-height: 1.55; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.fcr-tools .pkg-facts{ display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 2px 0 0; padding: 0; list-style: none; font-size: 0.83rem; font-weight: 600; color: var(--site-ink-2, #3c4a5a); }.fcr-tools .pkg-facts li{ display: inline-flex; align-items: center; gap: 5px; }.fcr-tools .pkg-facts .icon{ color: var(--ocean); }.fcr-tools .pkg-cta{ position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 8px; }.fcr-tools .pkg-cta .button{ flex: 1 1 auto; justify-content: center; }.fcr-tools .pkg-cta .button-ghost{ flex: 0 0 auto; }.fcr-tools .pkg-note{ font-size: 0.86rem; color: var(--muted); }.fcr-tools .pkg-note-light{ color: #d4e8f2; }.fcr-tools .pkg-card--featured{ grid-column: 1 / -1; }@supports (container-type: inline-size){.fcr-tools .pkg-section-enterprise .pkg-grid{ container-type: inline-size; }@container (min-width: 760px){.fcr-tools .pkg-card--featured{ flex-direction: row; }.fcr-tools .pkg-card--featured .pkg-shot{ flex: 0 0 58%; aspect-ratio: auto; min-height: 340px; border-bottom: 0; border-inline-end: 1px solid var(--site-line, var(--line)); }.fcr-tools .pkg-card--featured .pkg-body{ justify-content: center; padding: 32px; gap: 14px; }.fcr-tools .pkg-card--featured h3{ font-size: 1.7rem; }.fcr-tools .pkg-card--featured .pkg-desc{ -webkit-line-clamp: 4; line-clamp: 4; font-size: 1rem; }.fcr-tools .pkg-card--featured .pkg-cta{ margin-top: 8px; }}}.fcr-tools .why-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; }.fcr-tools .why-item{ padding: 24px; border-radius: 20px; background: var(--site-card); border: 1px solid var(--site-line); }.fcr-tools .res-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }.fcr-tools .res-grid-5{ grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }.fcr-tools .res-card{ display: flex; flex-direction: column; padding: 24px; border-radius: 20px; text-decoration: none; background: var(--site-card); border: 1px solid var(--site-line); transition: transform 200ms, border-color 200ms, box-shadow 200ms; }.fcr-tools .res-card:hover{ border-color: color-mix(in oklab, var(--ocean) 35%, var(--line)); box-shadow: var(--shadow-md); }.fcr-tools .res-card:hover h3{ color: var(--ocean); }.fcr-tools .res-more{ display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 14px; font-size: 0.85rem; font-weight: 700; color: var(--ocean); }.fcr-tools .module-groups{ columns: 3 300px; column-gap: 16px; }.fcr-tools .module-group{ break-inside: avoid; margin: 0 0 16px; padding: 20px; border-radius: 20px; background: var(--site-card); border: 1px solid var(--site-line); }.fcr-tools .module-group h3{ display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ocean-dark); }.fcr-tools .module-group ul{ display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.fcr-tools .module-group li{ display: flex; gap: 12px; align-items: flex-start; }.fcr-tools .module-icon{ display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 9px; color: var(--ocean); background: color-mix(in oklab, var(--ocean) 9%, white); }.fcr-tools .module-group strong{ display: block; font-size: 0.95rem; color: var(--text); }.fcr-tools .module-group li span:not(.module-icon){ display: block; font-size: 0.84rem; line-height: 1.5; color: var(--muted); }.fcr-tools .faq-list{ display: grid; gap: 10px; }.fcr-tools .faq-item{ border-radius: 16px; background: var(--site-card); border: 1px solid var(--site-line); }.fcr-tools .faq-item summary{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none; font-weight: 700; color: var(--text); }.fcr-tools .faq-item summary::-webkit-details-marker{ display: none; }.fcr-tools .faq-item summary .icon{ flex: 0 0 auto; transition: transform 200ms; color: var(--ocean); }.fcr-tools .faq-item[open] summary .icon{ transform: rotate(180deg); }.fcr-tools .faq-item p{ margin: 0; padding: 0 20px 18px; color: var(--muted); }.fcr-tools .faq-item::details-content{ block-size: 0; overflow: clip; transition: block-size 260ms ease, content-visibility 260ms allow-discrete; }.fcr-tools .faq-item[open]::details-content{ block-size: auto; }.fcr-tools .site-cta{ padding: clamp(44px, 6vw, 72px) 0; color: #fff; background: linear-gradient(90deg, var(--ink), var(--ocean-dark)); }.fcr-tools .site-cta-inner{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; }.fcr-tools .site-cta h2{ margin: 0 0 6px; font-size: clamp(1.4rem, 2.6vw, 2rem); color: #fff; }.fcr-tools .site-cta p{ margin: 0; color: #c9e2ee; }.fcr-tools .site-footer{ background: var(--site-low); border-top: 1px solid var(--site-line); color: var(--muted); }.fcr-tools .site-footer-inner{ display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(5, minmax(0, 1fr)); gap: 32px; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: 56px 0 32px; }.fcr-tools .site-footer-brand p{ margin: 14px 0 18px; max-width: 34ch; font-size: 0.92rem; }.fcr-tools .site-footer-col h2{ margin: 0 0 14px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text); }.fcr-tools .site-footer-col ul{ display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }.fcr-tools .site-footer-col a{ color: var(--muted); text-decoration: none; font-size: 0.9rem; }.fcr-tools .site-footer-col a:hover{ color: var(--ocean); }.fcr-tools .site-footer-bottom{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: 20px 0 28px; border-top: 1px solid var(--site-line); font-size: 0.82rem; }.fcr-tools .site-footer-langs{ display: flex; flex-wrap: wrap; gap: 4px 12px; }.fcr-tools .site-footer-langs a{ color: var(--muted); text-decoration: none; }.fcr-tools .site-footer-langs a[aria-current]{ color: var(--ocean); font-weight: 700; }.fcr-tools .login-modal{ width: min(440px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: 24px; background: transparent; overflow: visible;
    opacity: 0; transform: translateY(16px) scale(0.98);
    transition: opacity 200ms ease, transform 220ms cubic-bezier(.2, .8, .2, 1), overlay 220ms allow-discrete, display 220ms allow-discrete; }.fcr-tools .login-modal[open]{ opacity: 1; transform: none; }@starting-style{ .login-modal[open] { opacity: 0; transform: translateY(16px) scale(0.98); } }.fcr-tools .login-modal::backdrop{ background: rgba(4, 14, 22, 0); transition: background 220ms, overlay 220ms allow-discrete, display 220ms allow-discrete; }.fcr-tools .login-modal[open]::backdrop{ background: rgba(4, 14, 22, 0.6); }@starting-style{ .login-modal[open]::backdrop { background: rgba(4, 14, 22, 0); } }.fcr-tools .login-modal-card{ position: relative; display: grid; gap: 12px; max-height: calc(100dvh - 24px); overflow-y: auto; padding: 26px; border-radius: 24px; background: #fff; color: var(--text); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35); }.fcr-tools .login-modal-card h2{ margin: 0; padding-inline-end: 40px; font-size: 1.35rem; }.fcr-tools .login-modal-card .muted{ margin: 0; }.fcr-tools .login-modal-card .demo-accounts{ display: flex; flex-direction: column; gap: 8px; }.fcr-tools .login-modal-card .demo-account-form[hidden]{ display: none; }.fcr-tools .login-modal-close{ position: absolute; top: 14px; inset-inline-end: 14px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 10px; background: var(--surface-strong); color: var(--text); cursor: pointer; }.fcr-tools .login-modal-manual summary{ cursor: pointer; font-size: 0.88rem; font-weight: 600; color: var(--ocean-dark); }.fcr-tools .login-modal-manual form{ display: grid; gap: 10px; margin-top: 10px; }.fcr-tools .demo-catalog.in-panel .pkg-section{ padding: 18px 0; background: none; border: 0; }.fcr-tools .demo-catalog.in-panel .pkg-section-inner{ width: 100%; }.fcr-tools .pkg-chip-link{ display: inline-flex; align-items: center; gap: 6px; text-decoration: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.fcr-tools .pkg-shortcuts{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); gap: 10px; }.fcr-tools .pkg-shortcut{ display: flex; align-items: center; gap: 8px; min-width: 0; padding: 12px; border-radius: 12px; text-decoration: none; color: var(--text); background: var(--surface-strong); border: 1px solid var(--line); font-weight: 600; font-size: 0.88rem; transition: transform 110ms, border-color 110ms; }.fcr-tools .pkg-shortcut span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.fcr-tools .pkg-shortcut .icon{ flex: 0 0 auto; color: var(--ocean); }.fcr-tools .pkg-shortcut:active{ transform: scale(0.97); }@media (hover: hover){.fcr-tools .pkg-shortcut:hover{ border-color: var(--ocean); }}.fcr-tools .pkg-chips{ display: flex; flex-wrap: wrap; gap: 6px; }.fcr-tools .pkg-chip{ display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 8px; font-size: 0.78rem; color: var(--text-soft); background: var(--surface-strong); border: 1px solid var(--line); text-decoration: none; }.fcr-tools .demo-back{ display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; color: #cfe6f1; text-decoration: none; font-size: 0.86rem; font-weight: 600; }.fcr-tools .flip-x{ transform: scaleX(-1); }.fcr-tools .demo-hero-preview{ display: block; width: 100%; height: auto; margin-top: 16px; border-radius: 14px; border: 1px solid rgba(149, 219, 254, 0.25); }.fcr-tools .demo-box-first{ margin-top: 4px; margin-bottom: 16px; }@media (max-width: 1080px){.fcr-tools .site-footer-inner{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.fcr-tools .site-footer-brand{ grid-column: 1 / -1; }}@media (max-width: 900px){.fcr-tools .site-header-inner{ flex-wrap: wrap; gap: 8px 12px; padding: 10px 0 6px; }.fcr-tools .site-nav{ order: 3; flex-basis: 100%; margin-inline: -6px; }.fcr-tools .site-header-actions{ margin-inline-start: auto; }.fcr-tools .site-hide-sm{ display: none; }.fcr-tools .site-header-actions .lang-switcher summary span{ display: none; }.fcr-tools .site-hero-inner{ grid-template-columns: minmax(0, 1fr); }.fcr-tools .browser-shot{ transform: none; }.fcr-tools .step-list{ grid-template-columns: minmax(0, 1fr); }}@media (max-width: 560px){.fcr-tools .site-brand-word{ height: 13px; }.fcr-tools .site-brand-tag{ display: none; }.fcr-tools .site-header-inner{ flex-wrap: wrap; }.fcr-tools .site-header-actions .lang-switcher summary{ padding: 6px 8px; }.fcr-tools .site-brand img:first-child{ width: 30px; height: 30px; }.fcr-tools .site-header-actions .button{ min-height: 38px; padding: 8px 12px; font-size: 0.86rem; }.fcr-tools .site-header-actions .button .icon{ display: none; }.fcr-tools .site-hero-actions .button{ flex: 1 1 100%; justify-content: center; }.fcr-tools .site-hero-stats{ justify-content: space-between; }.fcr-tools .site-footer-inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }.fcr-tools .pkg-grid{ gap: 16px; }}.fcr-tools .login-modal{ width: min(960px, calc(100% - 24px)); }.fcr-tools .lg-card{ display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); overflow: hidden; border-radius: 24px; background: #fff; color: var(--text); box-shadow: 0 40px 100px -30px rgba(4, 14, 22, 0.55); }.fcr-tools .login-modal .lg-card{ max-height: calc(100dvh - 24px); }.fcr-tools .lg-aside{ position: relative; display: flex; flex-direction: column; gap: 12px; padding: 30px; color: #fff; background: radial-gradient(600px 300px at 100% 0%, rgba(149, 219, 254, 0.3), transparent 60%), linear-gradient(150deg, var(--ink) 0%, var(--ocean-dark) 60%, var(--ocean) 100%); }.fcr-tools .lg-aside .eyebrow{ color: var(--ocean-soft); margin: 0; }.fcr-tools .lg-aside h2{ margin: 0; font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.15; font-weight: 800; color: #fff; }.fcr-tools .lg-summary{ margin: 0; font-size: 0.95rem; color: #d4e8f2; }.fcr-tools .lg-summary:empty{ display: none; }.fcr-tools .lg-shot{ margin: 6px 0 0; overflow: hidden; border-radius: 12px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.6); }.fcr-tools .lg-shot .pkg-shot-bar{ position: static; height: 24px; }.fcr-tools .lg-shot img{ display: block; width: 100%; height: auto; }.fcr-tools .lg-points{ display: grid; gap: 8px; margin: auto 0 0; padding: 14px 0 0; list-style: none; font-size: 0.86rem; color: #cfe6f1; border-top: 1px solid rgba(255, 255, 255, 0.16); }.fcr-tools .lg-points li{ display: flex; align-items: center; gap: 8px; }.fcr-tools .lg-points .icon{ flex: 0 0 auto; color: #7fe0b8; }.fcr-tools .lg-change{ display: inline-flex; align-items: center; gap: 6px; font-size: 0.86rem; font-weight: 700; color: #fff; text-decoration: none; }.fcr-tools .lg-change:hover{ text-decoration: underline; }.fcr-tools .lg-main{ position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 30px; overflow-y: auto; }.fcr-tools .lg-main h3{ margin: 0; padding-inline-end: 44px; font-size: 1.25rem; font-weight: 800; color: var(--text); }.fcr-tools .lg-lead{ margin: 0 0 4px; font-size: 0.92rem; color: var(--muted); }.fcr-tools .lg-roles{ display: flex; flex-direction: column; gap: 10px; }.fcr-tools .lg-role-form{ margin: 0; }.fcr-tools .lg-role-form[hidden]{ display: none; }.fcr-tools .lg-role{ --role: var(--ocean); display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; text-align: start; font: inherit; color: var(--text); cursor: pointer; border-radius: 16px; background: #fff; border: 1.5px solid var(--line); transition: border-color 140ms, box-shadow 140ms, background 140ms; }.fcr-tools .lg-role-tesis_sorumlusu .lg-role{ --role: #0f9f8f; }.fcr-tools .lg-role-kullanici .lg-role{ --role: #4f46e5; }.fcr-tools .lg-role-bayi .lg-role{ --role: #d97706; }.fcr-tools .lg-role:hover,.fcr-tools .lg-role:focus-visible{ border-color: var(--role); background: color-mix(in oklab, var(--role) 5%, white); box-shadow: 0 10px 24px -16px color-mix(in oklab, var(--role) 70%, transparent); outline: none; }.fcr-tools .lg-role:active{ background: color-mix(in oklab, var(--role) 10%, white); }.fcr-tools .lg-role-icon{ display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 13px; color: #fff; background: var(--role); box-shadow: 0 8px 18px -10px var(--role); }.fcr-tools .lg-role-text{ display: grid; gap: 2px; flex: 1 1 auto; min-width: 0; }.fcr-tools .lg-role-text strong{ display: flex; align-items: center; gap: 8px; font-size: 1rem; }.fcr-tools .lg-role-text em{ padding: 1px 8px; border-radius: 999px; font-style: normal; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.03em; color: #065f46; background: #d1fae5; }.fcr-tools .lg-role-text small{ font-size: 0.84rem; line-height: 1.4; color: var(--muted); }.fcr-tools .lg-role-go{ display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 50%; color: var(--role); background: color-mix(in oklab, var(--role) 10%, white); transition: transform 140ms; }.fcr-tools .lg-role:hover .lg-role-go{ transform: translateX(3px); }.fcr-tools [dir="rtl"] .lg-role-go .icon,.fcr-tools [dir="rtl"] .lg-role:hover .lg-role-go{ transform: scaleX(-1); }.fcr-tools .lg-role:disabled{ cursor: default; opacity: 0.55; }.fcr-tools .lg-role-form.is-loading .lg-role{ opacity: 1; border-color: var(--role); background: color-mix(in oklab, var(--role) 7%, white); }.fcr-tools .lg-role-form.is-loading .lg-role-go{ border: 2px solid color-mix(in oklab, var(--role) 25%, white); border-top-color: var(--role); background: none; animation: lg-spin 700ms linear infinite; }.fcr-tools .lg-role-form.is-loading .lg-role-go .icon{ display: none; }@keyframes lg-spin{ to { transform: rotate(360deg); } }.fcr-tools .lg-manual{ margin-top: 4px; border-radius: 14px; background: var(--site-low, #f1f5fc); border: 1px solid var(--line); }.fcr-tools .lg-manual summary{ display: flex; align-items: center; gap: 8px; padding: 12px 14px; cursor: pointer; list-style: none; font-size: 0.9rem; font-weight: 700; color: var(--ocean-dark); }.fcr-tools .lg-manual summary::-webkit-details-marker{ display: none; }.fcr-tools .lg-manual summary .icon:last-child{ margin-inline-start: auto; transition: transform 160ms; }.fcr-tools .lg-manual[open] summary .icon:last-child{ transform: rotate(180deg); }.fcr-tools .lg-manual-form{ display: grid; gap: 10px; padding: 0 14px 14px; }.fcr-tools .lg-manual-form label{ display: grid; gap: 4px; font-size: 0.85rem; font-weight: 600; }.fcr-tools .login-modal .login-modal-close{ position: absolute; top: 16px; inset-inline-end: 16px; z-index: 2; }.fcr-tools .lg-page{ display: grid; place-items: center; padding: clamp(24px, 5vw, 56px) 16px; background: linear-gradient(180deg, var(--site-low, #f1f5fc), var(--bg)); }.fcr-tools .lg-card-page{ width: min(1000px, 100%); border: 1px solid var(--line); box-shadow: 0 30px 70px -40px rgba(11, 31, 42, 0.45); }.fcr-tools .lg-page > .alert{ width: min(1000px, 100%); margin-bottom: 12px; }@media (max-width: 760px){.fcr-tools .lg-card{ grid-template-columns: minmax(0, 1fr); }.fcr-tools .lg-aside{ padding: 22px 22px 18px; gap: 8px; }.fcr-tools .lg-shot,.fcr-tools .lg-points{ display: none; }.fcr-tools .lg-main{ padding: 22px; }.fcr-tools .login-modal .lg-card{ overflow-y: auto; }.fcr-tools .login-modal .lg-card{ position: relative; }.fcr-tools .login-modal .lg-main{ overflow: visible; position: static; }.fcr-tools .lg-aside h2{ padding-inline-end: 40px; }.fcr-tools .login-modal .login-modal-close{ top: 14px; color: #fff; background: rgba(255, 255, 255, 0.15); }.fcr-tools .lg-main h3{ padding-inline-end: 0; font-size: 1.1rem; }}.fcr-tools .seo-hero-inner{ position: relative; z-index: 1; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: clamp(30px, 5vw, 56px) 0 clamp(34px, 5vw, 60px); }.fcr-tools .seo-hero h1{ max-width: 22ch; }.fcr-tools .seo-hero .site-hero-lead{ max-width: 70ch; margin-bottom: 0; }.fcr-tools .seo-hero .site-hero-actions{ margin-top: 22px; }.fcr-tools .seo-wrap{ width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: clamp(28px, 4vw, 48px) 0 10px; }.fcr-tools .seo-band-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }.fcr-tools .seo-band-head .site-h2{ margin: 0; }.fcr-tools .tool-shell{ margin-top: calc(-1 * clamp(40px, 6vw, 70px)); position: relative; z-index: 2; }.fcr-tools .tool-card{ display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); overflow: hidden; border-radius: 24px; background: #fff; border: 1px solid var(--site-line); box-shadow: 0 30px 70px -40px rgba(11, 31, 42, 0.45); }.fcr-tools .tool-inputs{ padding: clamp(20px, 3vw, 32px); }.fcr-tools .tool-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }.fcr-tools .tool-head h2,.fcr-tools .tool-results h2{ display: flex; align-items: center; gap: 8px; margin: 0; font-size: 1.15rem; color: var(--text); }.fcr-tools .tool-currency{ display: inline-flex; align-items: center; gap: 8px; font-size: 0.84rem; font-weight: 600; color: var(--muted); }.fcr-tools .tool-currency select{ width: auto; min-height: 38px; padding: 6px 10px; }.fcr-tools .tool-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 14px; }.fcr-tools .tool-field{ display: grid; gap: 6px; }.fcr-tools .tool-label{ font-size: 0.86rem; font-weight: 600; color: var(--site-ink-2); }.fcr-tools .tool-control{ display: flex; align-items: stretch; overflow: hidden; border-radius: 12px; border: 1.5px solid var(--line); background: #fff; transition: border-color 120ms, box-shadow 120ms; }.fcr-tools .tool-control:focus-within{ border-color: var(--ocean); box-shadow: 0 0 0 3px color-mix(in oklab, var(--ocean) 18%, transparent); }.fcr-tools .tool-control input,.fcr-tools .tool-control select{ flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 10px 12px; border: 0; outline: none; background: transparent; font: inherit; font-size: 1rem; font-weight: 600; color: var(--text); box-shadow: none; }.fcr-tools .tool-unit{ display: flex; align-items: center; padding: 0 12px; font-size: 0.82rem; font-weight: 700; white-space: nowrap; color: var(--muted); background: var(--site-low); border-inline-start: 1px solid var(--line); }.fcr-tools .tool-privacy{ display: flex; align-items: center; gap: 6px; margin: 16px 0 0; font-size: 0.8rem; color: var(--muted); }.fcr-tools .tool-results{ display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 3vw, 32px); background: linear-gradient(180deg, color-mix(in oklab, var(--ocean) 5%, white), var(--site-low)); border-inline-start: 1px solid var(--site-line); }.fcr-tools .tool-out{ display: grid; gap: 8px; margin: 0; }.fcr-tools .tool-out > div{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--site-line); }.fcr-tools .tool-out dt{ font-size: 0.88rem; color: var(--muted); }.fcr-tools .tool-out dd{ margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }.fcr-tools .tool-out dd small{ margin-inline-start: 4px; font-size: 0.78rem; font-weight: 600; color: var(--muted); }.fcr-tools .tool-out > div.is-hl{ border-color: color-mix(in oklab, var(--ocean) 40%, var(--line)); background: color-mix(in oklab, var(--ocean) 6%, white); }.fcr-tools .tool-out > div.is-hl dd{ font-size: 1.3rem; color: var(--ocean-dark); }.fcr-tools .tool-out > div.is-alert{ border-color: #f59e0b; background: #fffbeb; }.fcr-tools .tool-out > div.is-alert dd{ color: #b45309; }.fcr-tools .tool-table-wrap{ overflow-x: auto; }.fcr-tools .tool-table{ width: 100%; border-collapse: separate; border-spacing: 0 6px; font-size: 0.9rem; }.fcr-tools .tool-table th{ padding: 4px 8px; text-align: start; font-size: 0.78rem; font-weight: 700; color: var(--muted); }.fcr-tools .tool-table td{ padding: 4px; }.fcr-tools .tool-table input{ width: 100%; min-height: 42px; padding: 8px 10px; border-radius: 10px; border: 1.5px solid var(--line); font: inherit; font-weight: 600; }.fcr-tools .tool-out-table td{ padding: 10px 8px; background: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }.fcr-tools .tool-out-table tr.is-best td{ color: #065f46; background: #ecfdf5; }.fcr-tools .quiz-list{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: q; }.fcr-tools .quiz-q{ display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; cursor: pointer; border-radius: 14px; border: 1.5px solid var(--line); background: #fff; font-weight: 600; transition: border-color 120ms, background 120ms; }.fcr-tools .quiz-q input{ flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; accent-color: var(--ocean); }.fcr-tools .quiz-q:has(input:checked){ border-color: var(--ocean); background: color-mix(in oklab, var(--ocean) 6%, white); }.fcr-tools .quiz-none{ margin: 0; padding: 14px; border-radius: 14px; background: #ecfdf5; color: #065f46; font-weight: 600; }.fcr-tools .quiz-results{ display: grid; gap: 10px; }.fcr-tools .quiz-results h3{ margin: 0; font-size: 1rem; }.fcr-tools .quiz-cat{ padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--site-line); border-inline-start: 4px solid #f59e0b; }.fcr-tools .quiz-cat:first-of-type{ border-inline-start-color: #ef4444; }.fcr-tools .quiz-cat h4{ margin: 0 0 6px; font-size: 0.98rem; }.fcr-tools .quiz-score{ color: #f59e0b; letter-spacing: 2px; }.fcr-tools .quiz-cat p{ margin: 0 0 8px; font-size: 0.9rem; color: var(--muted); }.fcr-tools .quiz-cat a{ display: inline-flex; align-items: center; gap: 6px; font-size: 0.86rem; font-weight: 700; color: var(--ocean); text-decoration: none; }.fcr-tools .water-out{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.fcr-tools .water-out li{ display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 2px 10px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--site-line); border-inline-start: 4px solid #10b981; }.fcr-tools .water-out li.is-warn{ border-inline-start-color: #f59e0b; }.fcr-tools .water-out li.is-crit{ border-inline-start-color: #ef4444; background: #fef2f2; }.fcr-tools .water-name{ font-size: 0.88rem; font-weight: 600; color: var(--site-ink-2); }.fcr-tools .water-out strong{ font-variant-numeric: tabular-nums; }.fcr-tools .water-out em{ padding: 2px 10px; border-radius: 999px; font-style: normal; font-size: 0.74rem; font-weight: 800; color: #065f46; background: #d1fae5; }.fcr-tools .water-out li.is-warn em{ color: #92400e; background: #fef3c7; }.fcr-tools .water-out li.is-crit em{ color: #991b1b; background: #fee2e2; }.fcr-tools .water-out small{ grid-column: 1 / -1; font-size: 0.76rem; color: var(--muted); }.fcr-tools .water-overall{ display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 12px 14px; border-radius: 14px; background: #fff; font-weight: 700; }.fcr-tools .water-overall output{ padding: 3px 12px; border-radius: 999px; }.fcr-tools .water-overall output.is-ok{ color: #065f46; background: #d1fae5; }.fcr-tools .water-overall output.is-warn{ color: #92400e; background: #fef3c7; }.fcr-tools .water-overall output.is-crit{ color: #991b1b; background: #fee2e2; }.fcr-tools .seo-inline-ad{ display: flex; gap: 14px; margin-top: auto; padding: 16px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--ink), var(--ocean-dark) 60%, var(--ocean)); }.fcr-tools .seo-inline-ad-icon{ display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); }.fcr-tools .seo-inline-ad strong{ display: block; font-size: 1rem; }.fcr-tools .seo-inline-ad p{ margin: 4px 0 12px; font-size: 0.86rem; color: #d4e8f2; }.fcr-tools .seo-inline-ad-actions{ display: flex; flex-wrap: wrap; gap: 8px; }.fcr-tools .seo-inline-ad .button-ghost{ color: #fff; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.35); }.fcr-tools .seo-article{ max-width: 820px; margin: 28px 0 0; font-size: 1.02rem; line-height: 1.75; color: var(--text-soft); }.fcr-tools .seo-article.seo-wide{ max-width: none; }.fcr-tools .seo-article h2{ margin: 34px 0 10px; font-size: clamp(1.25rem, 2vw, 1.55rem); line-height: 1.3; color: var(--text); }.fcr-tools .seo-article > h2:first-child{ margin-top: 0; }.fcr-tools .seo-article p{ margin: 0 0 14px; }.fcr-tools .formula,.fcr-tools .formula-list li{ padding: 12px 16px; border-radius: 12px; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: 0.92rem; color: var(--ocean-dark); background: color-mix(in oklab, var(--ocean) 7%, white); border: 1px solid color-mix(in oklab, var(--ocean) 18%, white); }.fcr-tools .formula-list{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.fcr-tools .check-list{ display: grid; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }.fcr-tools .check-list li{ position: relative; padding-inline-start: 28px; }.fcr-tools .check-list li::before{ content: "✓"; position: absolute; inset-inline-start: 4px; top: 0; font-weight: 800; color: var(--emerald); }.fcr-tools .numbered-items{ display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: item; }.fcr-tools .numbered-items li{ position: relative; padding: 18px 20px 18px 64px; border-radius: 18px; background: #fff; border: 1px solid var(--site-line); counter-increment: item; }.fcr-tools [dir="rtl"] .numbered-items li{ padding: 18px 64px 18px 20px; }.fcr-tools .numbered-items li::before{ content: counter(item); position: absolute; inset-inline-start: 18px; top: 18px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; font-weight: 800; color: #fff; background: var(--grad-primary); }.fcr-tools .numbered-items h2{ margin: 0 0 4px; font-size: 1.08rem; }.fcr-tools .numbered-items p{ margin: 0; font-size: 0.95rem; color: var(--muted); }.fcr-tools .tool-callout{ display: flex; align-items: center; gap: 14px; margin: 16px 0 22px; padding: 14px 18px; border-radius: 16px; text-decoration: none; color: var(--text); background: #fff; border: 1.5px solid color-mix(in oklab, var(--ocean) 30%, var(--line)); transition: box-shadow 140ms, border-color 140ms; }.fcr-tools .tool-callout:hover{ border-color: var(--ocean); box-shadow: var(--shadow-md); }.fcr-tools .tool-callout .why-icon{ flex: 0 0 auto; margin: 0; }.fcr-tools .tool-callout > span:nth-child(2){ display: grid; flex: 1 1 auto; }.fcr-tools .tool-callout small{ font-size: 0.74rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ocean); }.fcr-tools .tool-callout strong{ font-size: 1rem; }.fcr-tools .seo-table{ width: 100%; margin: 6px 0 8px; border-collapse: collapse; font-size: 0.94rem; background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid var(--site-line); }.fcr-tools .seo-table th,.fcr-tools .seo-table td{ padding: 12px 14px; text-align: start; border-bottom: 1px solid var(--site-line); }.fcr-tools .seo-table thead th{ font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); background: var(--site-low); }.fcr-tools .seo-table td a{ font-weight: 700; color: var(--ocean-dark); text-decoration: none; }.fcr-tools .seo-table td small{ display: block; font-style: italic; font-size: 0.78rem; color: var(--muted); }.fcr-tools .seo-kv th{ width: 45%; font-weight: 600; color: var(--muted); }.fcr-tools .seo-kv td{ font-weight: 800; color: var(--text); }.fcr-tools .seo-note{ display: flex; align-items: flex-start; gap: 6px; margin: 6px 0 18px; font-size: 0.84rem; color: var(--muted); }.fcr-tools .seo-callout-note{ display: flex; gap: 10px; padding: 14px 16px; border-radius: 14px; background: #fffbeb; border: 1px solid #fde68a; color: #78350f; font-size: 0.95rem; }.fcr-tools .seo-callout-note .icon{ flex: 0 0 auto; margin-top: 4px; }.fcr-tools .seo-ext{ display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--ocean); }.fcr-tools .seo-updated{ margin-top: 28px; font-size: 0.82rem; color: var(--muted); }.fcr-tools .seo-benefits{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 16px; }.fcr-tools .seo-benefits h2{ margin: 0 0 6px; font-size: 1.05rem; }.fcr-tools .seo-benefits p{ margin: 0; color: var(--muted); }.fcr-tools .seo-shot{ max-width: 980px; margin: 32px auto 0; }.fcr-tools .seo-shot .browser-shot{ transform: none; }.fcr-tools .seo-hub-group{ margin: 36px 0 0; }.fcr-tools .seo-hub-group:first-child{ margin-top: 0; }.fcr-tools .seo-card h3{ font-size: 1.05rem; }.fcr-tools .seo-card p{ display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.fcr-tools .seo-card-type{ margin-bottom: 4px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ocean); }.fcr-tools .seo-related{ padding-bottom: 20px; }.fcr-tools .tpl-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px; }.fcr-tools .tpl-card{ display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 20px; background: #fff; border: 1px solid var(--site-line); }.fcr-tools .tpl-card h2{ margin: 0; font-size: 1.1rem; }.fcr-tools .tpl-card p{ margin: 0; color: var(--muted); font-size: 0.92rem; }.fcr-tools .tpl-cols{ display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0 8px; padding: 0; list-style: none; }.fcr-tools .tpl-cols li{ padding: 3px 8px; border-radius: 7px; font-size: 0.74rem; color: var(--text-soft); background: var(--site-low); border: 1px solid var(--line); }.fcr-tools .tpl-cols li.is-formula{ color: #fff; background: var(--ocean); border-color: var(--ocean); }.fcr-tools .tpl-card .button{ align-self: flex-start; margin-top: auto; }.fcr-tools .seo-ad{ padding: clamp(36px, 5vw, 60px) 0 clamp(40px, 5vw, 64px); background: var(--site-low); border-top: 1px solid var(--site-line); }.fcr-tools .seo-ad-band{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; width: min(var(--site-max), calc(100% - 32px)); margin: 0 auto; padding: clamp(24px, 4vw, 40px); border-radius: 24px; color: #fff; background: radial-gradient(600px 260px at 100% 0%, rgba(149, 219, 254, 0.3), transparent 60%), linear-gradient(135deg, var(--ink), var(--ocean-dark) 60%, var(--ocean)); }.fcr-tools .seo-ad-text{ max-width: 640px; }.fcr-tools .seo-ad .eyebrow{ color: var(--ocean-soft); }.fcr-tools .seo-ad-band h2{ margin: 0 0 8px; font-size: clamp(1.4rem, 2.6vw, 2rem); color: #fff; }.fcr-tools .seo-ad-band p{ margin: 0; color: #d4e8f2; }.fcr-tools .seo-ad-actions{ display: flex; flex-wrap: wrap; gap: 10px; }.fcr-tools .seo-ad-cards{ width: min(var(--site-max), calc(100% - 32px)); margin: 34px auto 0; }.fcr-tools .seo-ad-cards .site-h2{ margin-bottom: 18px; }@media (max-width: 900px){.fcr-tools .tool-card{ grid-template-columns: minmax(0, 1fr); }.fcr-tools .tool-results{ border-inline-start: 0; border-top: 1px solid var(--site-line); }.fcr-tools .tool-shell{ margin-top: -28px; }}@media (max-width: 560px){.fcr-tools .seo-ad-actions .button{ flex: 1 1 100%; justify-content: center; }.fcr-tools .numbered-items li{ padding: 16px 16px 16px 56px; }.fcr-tools .seo-kv th{ width: 52%; }}.fcr-tools .numbered-items + .seo-inline-ad + .numbered-items{ counter-reset: none; }.fcr-tools .seo-article > .seo-inline-ad{ margin: 22px 0 26px; }.fcr-tools .seo-wrap > .seo-inline-ad{ margin: 8px 0 0; }.fcr-tools .seo-hook{ font-size: 0.92rem !important; line-height: 1.55; color: #e6f3f8 !important; }.fcr-tools .seo-hook strong{ display: inline; padding: 1px 7px; border-radius: 7px; font-size: inherit; color: #0b1f2a; background: #95dbfe; font-variant-numeric: tabular-nums; white-space: nowrap; }.fcr-tools .seo-hero-chip{ display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 20px; padding: 8px 8px 8px 14px; border-radius: 999px; color: #e6f3f8; font-size: 0.9rem; font-weight: 600; text-decoration: none; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); transition: background 140ms; }.fcr-tools .seo-hero-chip:hover{ background: rgba(255, 255, 255, 0.18); }.fcr-tools .seo-hero-chip strong{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; color: var(--ocean-dark); background: #fff; }.fcr-tools .seo-hero-chip-dot{ width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.25); }.fcr-tools .tpl-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: auto; }.fcr-tools .tpl-card .tpl-actions .button{ margin-top: 0; }.fcr-tools .tpl-auto{ display: inline-flex; align-items: center; gap: 6px; font-size: 0.86rem; font-weight: 700; color: var(--ocean); text-decoration: none; }.fcr-tools .tpl-auto:hover{ text-decoration: underline; }.fcr-tools .seo-sticky{ position: fixed; inset-inline: 0; bottom: 0; z-index: 45; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); color: #fff; background: linear-gradient(135deg, var(--ink), var(--ocean-dark)); box-shadow: 0 -8px 24px rgba(11, 31, 42, 0.18); }.fcr-tools .seo-sticky[hidden]{ display: none; }.fcr-tools .seo-sticky-inner{ display: flex; align-items: center; gap: 14px; width: min(var(--site-max), 100%); margin: 0 auto; }.fcr-tools .seo-sticky-icon{ display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, 0.14); }.fcr-tools .seo-sticky p{ display: grid; flex: 1 1 auto; min-width: 0; margin: 0; }.fcr-tools .seo-sticky p strong{ font-size: 0.95rem; }.fcr-tools .seo-sticky p span{ font-size: 0.8rem; color: #cfe6f0; }.fcr-tools .seo-sticky .button{ flex: 0 0 auto; color: var(--ocean-dark); background: #fff; }.fcr-tools .seo-sticky-close{ display: grid; place-items: center; flex: 0 0 32px; height: 32px; border: 0; border-radius: 8px; color: #fff; background: transparent; cursor: pointer; }.fcr-tools .seo-sticky-close:hover{ background: rgba(255, 255, 255, 0.12); }.fcr-tools.has-seo-sticky .site-footer{ padding-bottom: 76px; }.fcr-tools .seo-dl-modal{ width: min(460px, calc(100% - 32px)); padding: 28px; border: 0; border-radius: 22px; box-shadow: 0 30px 80px rgba(11, 31, 42, 0.3); }.fcr-tools .seo-dl-modal::backdrop{ background: rgba(11, 31, 42, 0.5); }.fcr-tools .seo-dl-modal h2{ margin: 12px 0 6px; font-size: 1.3rem; }.fcr-tools .seo-dl-modal > p{ margin: 0 0 14px; color: var(--muted); }.fcr-tools .seo-dl-close{ position: absolute; top: 12px; inset-inline-end: 12px; margin: 0; }.fcr-tools .seo-dl-close button{ display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 10px; background: var(--site-low); cursor: pointer; }.fcr-tools .seo-dl-actions{ display: flex; flex-wrap: wrap; gap: 10px; }@media (max-width: 560px){.fcr-tools .seo-sticky p span{ display: none; }.fcr-tools .seo-sticky-icon{ display: none; }.fcr-tools .seo-sticky .button{ padding-inline: 14px; }.fcr-tools .seo-hero-chip{ border-radius: 16px; }}.fcr-tools .seo-auto{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: clamp(20px, 3vw, 36px); margin: 36px 0 8px; padding: clamp(22px, 3vw, 34px); border-radius: 24px; background: linear-gradient(135deg, #f1f8fb, #e4f1f7); border: 1px solid #cfe3eb; }.fcr-tools .seo-article .seo-auto{ max-width: none; }.fcr-tools .seo-auto h2{ margin: 0 0 8px !important; font-size: clamp(1.3rem, 2.2vw, 1.7rem); color: var(--text); }.fcr-tools .seo-auto-text > p{ margin: 0 0 14px; color: var(--text-soft); }.fcr-tools .seo-auto-list{ display: grid; gap: 10px; margin: 0 0 20px; padding: 0; list-style: none; }.fcr-tools .seo-auto-list li{ display: flex; align-items: flex-start; gap: 10px; font-weight: 600; color: var(--text); line-height: 1.5; }.fcr-tools .seo-auto-list .icon{ flex: 0 0 auto; margin-top: 3px; padding: 3px; width: 22px; height: 22px; border-radius: 7px; color: #fff; background: var(--ocean); }.fcr-tools .seo-auto-actions{ display: flex; flex-wrap: wrap; gap: 10px; }.fcr-tools .seo-auto-shot .browser-shot{ transform: none; }@media (max-width: 900px){.fcr-tools .seo-auto{ grid-template-columns: minmax(0, 1fr); }}@media (max-width: 560px){.fcr-tools .seo-auto-actions .button{ flex: 1 1 100%; justify-content: center; }}.fcr-tools .crud-form-toggle{ margin: 0 0 18px; }.fcr-tools .crud-form-toggle > summary{ display: inline-flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; }.fcr-tools .crud-form-toggle > summary::-webkit-details-marker{ display: none; }.fcr-tools .crud-form-toggle[open] > summary{ margin-bottom: 14px; }.fcr-tools .xt-card .tool-inputs{ min-width: 0; }.fcr-tools .xt-table th.is-calc,.fcr-tools .xt-table td.is-calc{ color: var(--ocean-dark); }.fcr-tools .xt-table td.is-calc{ padding: 4px 8px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }.fcr-tools .xt-table td.is-calc small{ color: var(--muted); font-weight: 600; }.fcr-tools .xt-row-del{ display: inline-grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); cursor: pointer; }.fcr-tools .xt-row-del:hover{ background: #fee2e2; color: #b91c1c; }.fcr-tools .xt-row-add{ margin-top: 8px; }.fcr-tools .tool-check{ display: flex; align-items: center; gap: 8px; font-size: 0.88rem; font-weight: 600; color: var(--site-ink-2); }.fcr-tools .tool-check input{ width: 18px; height: 18px; accent-color: var(--ocean); }.fcr-tools .xt-viz canvas{ width: 100%; height: auto; border-radius: 14px; background: #fff; border: 1px solid var(--site-line); }.fcr-tools .xt-hs{ display: grid; gap: 10px; margin-top: 14px; }.fcr-tools .xt-hs-table{ max-height: 460px; }.fcr-tools .xt-hs .tool-table-wrap{ max-height: 460px; overflow-y: auto; border-radius: 12px; border: 1px solid var(--site-line); }.fcr-tools .xt-hs-table td small{ color: var(--muted); }.fcr-tools .xt-code-out{ margin-top: 14px; }.fcr-tools .xt-blno{ display: grid; gap: 4px; margin: 10px 0 0; padding-inline-start: 22px; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-weight: 700; }.fcr-tools .xt-doc-form .tool-field.is-wide{ grid-column: 1 / -1; }.fcr-tools .tool-control textarea{ flex: 1 1 auto; min-width: 0; padding: 10px 12px; border: 0; outline: none; background: transparent; font: inherit; resize: vertical; }.fcr-tools .xt-doc-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }.fcr-tools .xt-doc-wrap{ margin-top: 14px; overflow-x: auto; }.fcr-tools .xt-doc{ min-width: 560px; padding: 22px; border-radius: 6px; background: #fff; color: #111827; border: 1px solid #cbd5e1; font-size: 0.82rem; box-shadow: var(--shadow-sm); }.fcr-tools .xt-doc-head{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #111827; }.fcr-tools .xt-doc-head h3{ margin: 0; font-size: 1rem; letter-spacing: 0.04em; }.fcr-tools .xt-doc-head p{ margin: 0; font-family: ui-monospace, Consolas, monospace; }.fcr-tools .xt-doc-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); border-top: 1px solid #cbd5e1; border-inline-start: 1px solid #cbd5e1; margin-bottom: 10px; }.fcr-tools .xt-doc-box{ padding: 6px 8px; min-height: 48px; border-bottom: 1px solid #cbd5e1; border-inline-end: 1px solid #cbd5e1; }.fcr-tools .xt-doc-box small{ display: block; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }.fcr-tools .xt-doc-table{ width: 100%; margin-bottom: 10px; border-collapse: collapse; }.fcr-tools .xt-doc-table th,.fcr-tools .xt-doc-table td{ padding: 6px 8px; text-align: start; vertical-align: top; border: 1px solid #cbd5e1; }.fcr-tools .xt-doc-table th{ font-size: 0.68rem; text-transform: uppercase; color: #64748b; background: #f8fafc; }.fcr-tools .xt-doc-stamp{ display: inline-block; margin: 4px 0 10px; padding: 6px 12px; border: 2px solid #111827; font-weight: 800; letter-spacing: 0.06em; }.fcr-tools .xt-doc-foot{ margin-top: 10px; font-size: 0.7rem; color: #94a3b8; text-align: end; }.fcr-tools .xt-check-progress{ display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-weight: 700; }.fcr-tools .xt-check-progress progress{ flex: 1 1 auto; height: 10px; accent-color: var(--ocean); }.fcr-tools .xt-check-title{ margin: 18px 0 8px; font-size: 1rem; }.fcr-tools .xt-issues{ display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.fcr-tools .xt-issues li{ padding: 10px 14px; border-radius: 12px; font-size: 0.9rem; font-weight: 600; }.fcr-tools .xt-issues li.is-bad{ background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }.fcr-tools .xt-issues li.is-ok{ background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }.fcr-tools .xt-cons th[scope="row"]{ font-size: 0.84rem; color: var(--site-ink-2); white-space: nowrap; }.fcr-tools .xt-cons tr[data-state="bad"] output{ color: #b91c1c; font-weight: 800; }.fcr-tools .xt-cons tr[data-state="tol"] output,.fcr-tools .xt-cons tr[data-state="empty"] output{ color: #b45309; font-weight: 700; }.fcr-tools .xt-cons tr[data-state="ok"] output{ color: #047857; font-weight: 700; }.fcr-tools .xt-cons tr[data-state="bad"] input{ border-color: #fca5a5; background: #fef2f2; }.fcr-tools .xt-engine h2{ display: flex; align-items: center; gap: 8px; }.fcr-tools .xt-links{ display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }.fcr-tools .xt-links a{ display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--site-line); background: var(--site-card); font-size: 0.86rem; font-weight: 600; color: var(--text); text-decoration: none; }.fcr-tools .xt-links a:hover{ border-color: var(--ocean); color: var(--ocean-dark); }.fcr-tools .xt-index{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 16px; margin-top: 28px; align-items: start; }.fcr-tools .xt-index-col{ display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 20px; background: var(--site-card); border: 1px solid var(--site-line); box-shadow: 0 1px 2px rgb(11 31 42 / 4%); }.fcr-tools .xt-index-head{ display: flex; align-items: center; gap: 12px; }.fcr-tools .xt-index-head .why-icon{ margin: 0; flex: none; }.fcr-tools .xt-index-head h3{ margin: 0; font-size: 1.05rem; line-height: 1.3; }.fcr-tools .xt-index-head h3 a{ color: var(--text); text-decoration: none; }.fcr-tools .xt-index-head h3 a:hover{ color: var(--ocean); }.fcr-tools .xt-index-head small{ color: var(--muted); font-size: 0.8rem; font-weight: 600; }.fcr-tools .xt-tiles{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }.fcr-tools .xt-tiles a{ display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 100%; min-height: 44px; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--site-line); background: color-mix(in oklab, var(--ocean) 4%, var(--site-card)); font-size: 0.84rem; font-weight: 600; line-height: 1.3; color: var(--text); text-decoration: none; transition: border-color 160ms, background 160ms, transform 160ms; }.fcr-tools .xt-tiles a .icon{ flex: none; opacity: 0; color: var(--ocean); transition: opacity 160ms; }.fcr-tools .xt-tiles a:hover{ border-color: color-mix(in oklab, var(--ocean) 45%, var(--line)); background: color-mix(in oklab, var(--ocean) 9%, var(--site-card)); color: var(--ocean-dark); transform: translateY(-1px); }.fcr-tools .xt-tiles a:hover .icon,.fcr-tools .xt-tiles a:focus-visible .icon{ opacity: 1; }.fcr-tools .xt-index-all{ align-self: flex-start; margin-top: 2px; }.fcr-tools .seo-hub-group h2 small{ font-size: 0.8em; font-weight: 600; color: var(--muted); }@media print{.fcr-tools.xt-printing *{ visibility: hidden; }.fcr-tools.xt-printing .xt-print-target,.fcr-tools.xt-printing .xt-print-target *{ visibility: visible; }.fcr-tools.xt-printing .xt-print-target{ position: absolute; inset: 0 auto auto 0; width: 100%; min-width: 0; border: 0; box-shadow: none; }}.fcr-tools .xt-card.xt-mode-doc,.fcr-tools .xt-card.xt-mode-hs,.fcr-tools .xt-card.xt-mode-checklist,.fcr-tools .xt-card.xt-mode-check,.fcr-tools .xt-card.xt-mode-consistency{ grid-template-columns: minmax(0, 1fr); }.fcr-tools .xt-card.xt-mode-doc .tool-results,.fcr-tools .xt-card.xt-mode-hs .tool-results,.fcr-tools .xt-card.xt-mode-checklist .tool-results,.fcr-tools .xt-card.xt-mode-check .tool-results,.fcr-tools .xt-card.xt-mode-consistency .tool-results{ border-inline-start: 0; border-top: 1px solid var(--site-line); }.fcr-tools .seo-band-sub{ margin: 28px 0 14px; font-size: 1.1rem; }.fcr-tools .xt-example h2{ display: flex; align-items: center; gap: 8px; }.fcr-tools .xt-example h3{ margin: 22px 0 10px; font-size: 1.05rem; }.fcr-tools .xt-example-table{ width: 100%; min-width: 0; max-width: 640px; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 12px 0 4px; border: 1px solid var(--site-line); border-radius: 14px; overflow: hidden; background: var(--site-card); }.fcr-tools .xt-example-table th,.fcr-tools .xt-example-table td{ white-space: normal; overflow-wrap: anywhere; vertical-align: top; padding: 10px 14px; text-align: start; font-size: 0.93rem; border-bottom: 1px solid var(--site-line); }.fcr-tools .xt-example-table tr:last-child th,.fcr-tools .xt-example-table tr:last-child td{ border-bottom: 0; }.fcr-tools .xt-example-table th{ font-weight: 600; color: var(--muted); width: 55%; }.fcr-tools .xt-example-table td{ font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }.fcr-tools .xt-steps{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: xtstep; }.fcr-tools .xt-steps li{ position: relative; padding: 10px 14px 10px 48px; border-radius: 12px; background: color-mix(in oklab, var(--ocean) 5%, var(--site-card)); border: 1px solid var(--site-line); line-height: 1.5; counter-increment: xtstep; }.fcr-tools .xt-steps li::before{ content: counter(xtstep); position: absolute; inset-inline-start: 12px; top: 9px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 0.8rem; font-weight: 800; color: #fff; background: var(--ocean); }.fcr-tools [dir="rtl"] .xt-steps li{ padding: 10px 48px 10px 14px; }.fcr-tools .xt-example-table tbody tr td,.fcr-tools .xt-example-table tbody tr:hover td{ background: none; }.fcr-tools .xt-example-table tbody tr:nth-child(even) th,.fcr-tools .xt-example-table tbody tr:nth-child(even) td{ background: color-mix(in oklab, var(--ocean) 4%, var(--site-card)); }.fcr-tools .ai-hero-panel{ background: linear-gradient(135deg, color-mix(in oklab, var(--ocean) 7%, var(--surface)), var(--surface) 60%); }.fcr-tools .ai-platform-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 14px; }.fcr-tools .ai-platform{ display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: var(--radius-lg); border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; transition: border-color 160ms, box-shadow 160ms, transform 160ms; }.fcr-tools .ai-platform:hover,.fcr-tools .ai-platform.is-active{ border-color: color-mix(in oklab, var(--ocean) 45%, var(--line)); box-shadow: var(--shadow-md); transform: translateY(-1px); }.fcr-tools .ai-platform .why-icon{ margin: 0; }.fcr-tools .ai-platform small{ color: var(--muted); line-height: 1.45; }.fcr-tools .ai-platform em{ margin-top: auto; font-style: normal; font-size: 0.8rem; font-weight: 700; color: var(--ocean); }.fcr-tools .ai-flow{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 0.74rem; color: var(--muted); }.fcr-tools .ai-flow span{ padding: 2px 8px; border-radius: 999px; background: color-mix(in oklab, var(--ocean) 8%, var(--surface)); }.fcr-tools .ai-flow .icon{ width: 12px; height: 12px; opacity: 0.6; }.fcr-tools .ai-system-row{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }.fcr-tools .ai-system{ display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; }.fcr-tools .ai-system small{ display: block; color: var(--muted); font-size: 0.78rem; }.fcr-tools .ai-system:hover,.fcr-tools .ai-system.is-active{ border-color: var(--ocean); }.fcr-tools .ai-cat-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 12px; }.fcr-tools .ai-cat{ display: flex; gap: 12px; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; }.fcr-tools .ai-cat .why-icon{ margin: 0; flex: none; }.fcr-tools .ai-cat small{ display: block; margin: 4px 0; color: var(--muted); font-size: 0.82rem; line-height: 1.45; }.fcr-tools .ai-cat em{ font-style: normal; font-size: 0.78rem; font-weight: 700; color: var(--ocean); }.fcr-tools .ai-cat:hover,.fcr-tools .ai-cat.is-active{ border-color: var(--ocean); box-shadow: var(--shadow-md); }.fcr-tools .ai-search{ display: flex; gap: 8px; flex-wrap: wrap; }.fcr-tools .ai-search input{ min-width: 220px; }.fcr-tools .ai-mod-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 8px; margin-bottom: 12px; }.fcr-tools .ai-mod-card{ display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; transition: border-color 140ms, background 140ms; }.fcr-tools .ai-mod-card:hover{ border-color: var(--ocean); background: color-mix(in oklab, var(--ocean) 5%, var(--surface)); }.fcr-tools .ai-mod-card.is-locked{ opacity: 0.62; }.fcr-tools .ai-mod-no{ display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 11px; font-size: 0.78rem; font-weight: 800; color: var(--ocean); background: color-mix(in oklab, var(--ocean) 10%, var(--surface)); font-variant-numeric: tabular-nums; }.fcr-tools .ai-mod-body{ display: flex; flex-direction: column; min-width: 0; flex: 1; }.fcr-tools .ai-mod-body strong{ font-size: 0.9rem; line-height: 1.3; }.fcr-tools .ai-mod-body small{ display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 0.76rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.fcr-tools .ai-lock{ color: var(--muted); }.fcr-tools .ai-mod-hero{ display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; flex-wrap: wrap; background: linear-gradient(135deg, color-mix(in oklab, var(--ocean) 9%, var(--surface)), var(--surface) 65%); }.fcr-tools .ai-mod-hero-main{ max-width: 860px; }.fcr-tools .ai-mod-hero h2{ margin: 2px 0 6px; font-size: 1.6rem; }.fcr-tools .ai-chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.fcr-tools .ai-chip{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); font-size: 0.8rem; font-weight: 600; color: var(--muted); }.fcr-tools .ai-chip.is-ok{ color: #0b7a4b; border-color: color-mix(in oklab, #0b7a4b 35%, var(--line)); background: color-mix(in oklab, #10b981 8%, var(--surface)); }.fcr-tools .ai-chip.is-local{ color: #9a5b00; border-color: color-mix(in oklab, #f59e0b 40%, var(--line)); background: color-mix(in oklab, #f59e0b 9%, var(--surface)); }.fcr-tools .ai-locked{ border: 1px dashed color-mix(in oklab, var(--ocean) 40%, var(--line)); }.fcr-tools .ai-layout{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 16px; align-items: start; }@media (max-width: 980px){.fcr-tools .ai-layout{ grid-template-columns: 1fr; }}.fcr-tools .ai-ask-form{ display: grid; gap: 10px; }.fcr-tools .ai-ask-form textarea{ width: 100%; min-height: 110px; padding: 14px; border-radius: 14px; border: 1px solid var(--line); font: inherit; font-size: 1rem; line-height: 1.5; resize: vertical; background: var(--surface); }.fcr-tools .ai-ask-form textarea:focus{ outline: 2px solid color-mix(in oklab, var(--ocean) 45%, transparent); border-color: var(--ocean); }.fcr-tools .ai-ask-actions{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }.fcr-tools .ai-upload{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 12px; border-radius: 12px; border: 1px dashed var(--line); color: var(--muted); font-size: 0.86rem; }.fcr-tools .ai-suggest{ display: grid; gap: 6px; margin-top: 14px; }.fcr-tools .ai-suggest form{ margin: 0; }.fcr-tools .ai-suggest-chip{ display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--line); background: color-mix(in oklab, var(--ocean) 4%, var(--surface)); color: var(--text); font: inherit; font-size: 0.88rem; text-align: start; cursor: pointer; }.fcr-tools .ai-suggest-chip:hover:not(:disabled){ border-color: var(--ocean); color: var(--ocean-dark); }.fcr-tools .ai-suggest-chip:disabled{ cursor: not-allowed; opacity: 0.6; }.fcr-tools .ai-sources{ display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.fcr-tools .ai-sources li{ display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name spark" "val spark"; gap: 2px 10px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); }.fcr-tools .ai-sources a{ grid-area: name; display: flex; flex-direction: column; color: var(--text); text-decoration: none; }.fcr-tools .ai-sources a small{ color: var(--muted); font-size: 0.76rem; }.fcr-tools .ai-sources a:hover strong{ color: var(--ocean); }.fcr-tools .ai-src-val{ grid-area: val; font-size: 0.82rem; color: var(--muted); }.fcr-tools .ai-src-val em{ font-style: normal; font-weight: 700; }.fcr-tools .ai-src-val em.up{ color: #0b7a4b; }.fcr-tools .ai-src-val em.down{ color: #b42318; }.fcr-tools .ai-spark{ grid-area: spark; width: 120px; height: 36px; color: var(--ocean); }.fcr-tools .ai-answer{ border: 1px solid color-mix(in oklab, var(--ocean) 25%, var(--line)); }.fcr-tools .ai-answer-q{ display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; margin-bottom: 14px; border-radius: 12px; background: color-mix(in oklab, var(--ocean) 7%, var(--surface)); font-weight: 600; }.fcr-tools .ai-answer-body h2,.fcr-tools .ai-answer-body h3,.fcr-tools .ai-answer-body h4{ margin: 18px 0 8px; font-size: 1.08rem; }.fcr-tools .ai-answer-body h2:first-child,.fcr-tools .ai-answer-body h3:first-child{ margin-top: 0; }.fcr-tools .ai-answer-body ul,.fcr-tools .ai-answer-body ol{ margin: 0 0 10px; padding-inline-start: 20px; line-height: 1.6; }.fcr-tools .ai-answer-body p{ line-height: 1.6; }.fcr-tools .ai-answer-body .ai-table table{ min-width: 0; }.fcr-tools .ai-answer-body .ai-table th,.fcr-tools .ai-answer-body .ai-table td{ white-space: normal; }.fcr-tools .ai-note{ padding: 10px 12px; border-inline-start: 3px solid var(--ocean); border-radius: 8px; background: color-mix(in oklab, var(--ocean) 5%, var(--surface)); color: var(--muted); font-size: 0.88rem; }.fcr-tools .ai-code{ padding: 12px; border-radius: 10px; background: #0b1f2a; color: #e6f1f8; overflow-x: auto; font-size: 0.82rem; }.fcr-tools .ai-answer-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.8rem; }.fcr-tools .ai-answer-meta span{ display: inline-flex; align-items: center; gap: 4px; }.fcr-tools .ai-rate{ display: flex; gap: 6px; margin-inline-start: auto; }.fcr-tools .ai-history{ display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }.fcr-tools .ai-history li{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); }.fcr-tools .ai-history small{ color: var(--muted); white-space: nowrap; }.fcr-tools .ai-provider-grid{ display: grid; gap: 10px; }.fcr-tools .ai-provider{ border: 1px solid var(--line); border-radius: 16px; background: var(--surface); padding: 0 14px; }.fcr-tools .ai-provider summary{ display: flex; align-items: center; gap: 12px; padding: 14px 0; cursor: pointer; list-style: none; }.fcr-tools .ai-provider summary::-webkit-details-marker{ display: none; }.fcr-tools .ai-provider summary .why-icon{ margin: 0; }.fcr-tools .ai-provider summary > span:nth-child(2){ flex: 1; }.fcr-tools .ai-provider summary small{ display: block; color: var(--muted); }.fcr-tools .ai-provider[open]{ padding-bottom: 14px; }.fcr-tools .ai-provider.is-ready{ border-color: color-mix(in oklab, #10b981 40%, var(--line)); }.fcr-tools .ai-steps-list{ line-height: 1.7; }.fcr-tools .site-nav-ai{ display: inline-flex; align-items: center; gap: 5px; font-weight: 700; color: var(--ocean) !important; }.fcr-tools .nav-new{ padding: 1px 6px; border-radius: 999px; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: linear-gradient(135deg, var(--ocean), #7c3aed); }.fcr-tools .ai-hero{ isolation: isolate; background: radial-gradient(760px 420px at 92% 0%, rgb(168 85 247 / 42%), transparent 62%), radial-gradient(680px 460px at 0% 100%, rgb(14 165 233 / 34%), transparent 60%), radial-gradient(520px 300px at 55% 40%, rgb(16 185 129 / 12%), transparent 70%), linear-gradient(135deg, #070d1c 0%, #16113f 46%, #0b3b58 100%); }.fcr-tools .ai-hero::before{ content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: radial-gradient(rgb(255 255 255 / 9%) 1px, transparent 1px); background-size: 26px 26px; mask-image: radial-gradient(900px 500px at 70% 30%, #000, transparent 75%); }.fcr-tools .ai-hero .eyebrow{ color: #c4b5fd; }.fcr-tools .ai-hero h1{ background: linear-gradient(100deg, #fff 30%, #c7d2fe 62%, #67e8f9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }.fcr-tools .ai-hero .site-hero-lead{ color: #d6def5; }.fcr-tools .ai-hero .site-hero-stats li{ color: #b9c3e6; }.fcr-tools .ai-hero .site-hero-stats strong{ background: linear-gradient(135deg, #fff, #a5f3fc); -webkit-background-clip: text; background-clip: text; color: transparent; }.fcr-tools .ai-hero .button-primary{ background: linear-gradient(135deg, #7c3aed, #0891b2); border-color: transparent; box-shadow: 0 10px 30px rgb(124 58 237 / 35%); }.fcr-tools .ai-hero .button-primary:hover{ filter: brightness(1.08); }.fcr-tools .ai-flowline{ display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; padding: 0; list-style: none; }.fcr-tools .ai-flowline li{ display: flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 999px; border: 1px solid var(--site-line, var(--line)); background: var(--site-card, var(--surface)); font-weight: 600; font-size: 0.9rem; }.fcr-tools .ai-flowline li span{ display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 0.78rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, #7c3aed, #0891b2); }.fcr-tools .ai-flowline li:nth-child(n+5) span{ background: linear-gradient(135deg, #0891b2, #059669); }.fcr-tools .ai-proof{ margin-top: 10px; }.fcr-tools .ai-offer-card{ --c: var(--ocean); position: relative; overflow: hidden; padding: 0; border-color: color-mix(in oklab, var(--c) 22%, var(--site-line)); background: linear-gradient(180deg, color-mix(in oklab, var(--c) 7%, var(--site-card)) 0%, var(--site-card) 55%); box-shadow: 0 1px 2px rgb(11 31 42 / 5%); }.fcr-tools .ai-offer-card::before{ content: ""; position: absolute; inset: 0 0 auto; height: 4px; z-index: 2; background: linear-gradient(90deg, var(--c), color-mix(in oklab, var(--c) 40%, #67e8f9)); }.fcr-tools .ai-offer-card:hover{ transform: translateY(-5px); border-color: color-mix(in oklab, var(--c) 55%, var(--site-line)); box-shadow: 0 22px 44px -18px color-mix(in oklab, var(--c) 55%, transparent); }.fcr-tools .ai-offer-shot{ position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, color-mix(in oklab, var(--c) 30%, #0b1020), #0b1020); }.fcr-tools .ai-offer-shot::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, color-mix(in oklab, var(--c) 55%, transparent) 100%); mix-blend-mode: multiply; }.fcr-tools .ai-offer-shot img{ width: 100%; height: 100%; object-fit: cover; object-position: top left; transition: transform 500ms ease; }.fcr-tools .ai-offer-card:hover .ai-offer-shot img{ transform: scale(1.04); }.fcr-tools .ai-offer-badge{ position: absolute; z-index: 1; inset-inline-end: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; font-size: 0.78rem; font-weight: 800; color: #fff; background: color-mix(in oklab, var(--c) 85%, #000); box-shadow: 0 6px 16px rgb(0 0 0 / 25%); }.fcr-tools .ai-offer-body{ position: relative; display: flex; flex: 1; flex-direction: column; padding: 0 22px 22px; }.fcr-tools .ai-offer-icon{ display: grid; place-items: center; width: 50px; height: 50px; margin: -25px 0 12px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in oklab, var(--c) 55%, #67e8f9)); box-shadow: 0 10px 24px -8px color-mix(in oklab, var(--c) 70%, transparent), 0 0 0 4px var(--site-card); position: relative; z-index: 1; }.fcr-tools .ai-proof-card .ai-offer-icon{ margin-top: 0; box-shadow: 0 10px 24px -8px color-mix(in oklab, var(--c) 70%, transparent); }.fcr-tools .ai-proof-card{ border-top: 3px solid var(--c); background: linear-gradient(180deg, color-mix(in oklab, var(--c) 6%, var(--site-card)), var(--site-card) 70%); }.fcr-tools .ai-offer-kind{ margin-bottom: 4px; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c); }.fcr-tools .ai-offer-body h3{ margin: 0 0 6px; font-size: 1.12rem; line-height: 1.3; color: var(--text); }.fcr-tools .ai-offer-body p{ margin: 0 0 14px; color: var(--site-ink-2, var(--muted)); line-height: 1.55; }.fcr-tools .ai-offer-body .res-more{ margin-top: auto; color: var(--c); }.fcr-tools .ai-index-col{ border-top: 3px solid var(--c); }.fcr-tools .ai-index-col .why-icon{ color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in oklab, var(--c) 55%, #67e8f9)); }.fcr-tools .ai-index-col .xt-index-head a{ color: var(--text); }.fcr-tools .ai-index-col .xt-tiles a{ background: color-mix(in oklab, var(--c) 5%, var(--site-card)); }.fcr-tools .ai-index-col .xt-tiles a:hover{ border-color: color-mix(in oklab, var(--c) 50%, var(--line)); background: color-mix(in oklab, var(--c) 11%, var(--site-card)); color: var(--c); }.fcr-tools .ai-index-col .xt-tiles a .icon{ color: var(--c); }.fcr-tools .ai-ask-site{ --c: #7c3aed; display: grid; gap: 14px; padding: clamp(18px, 2.4vw, 26px); border-radius: 24px; background: var(--site-card); border: 1px solid color-mix(in oklab, var(--c) 25%, var(--site-line)); box-shadow: 0 24px 60px -30px color-mix(in oklab, var(--c) 60%, transparent); scroll-margin-top: 90px; }.fcr-tools .ai-ask-band .ai-ask-site{ --c: inherit; }.fcr-tools .ai-ask-site-head{ display: flex; align-items: center; gap: 12px; }.fcr-tools .ai-ask-site-head strong{ display: block; font-size: 1.15rem; }.fcr-tools .ai-ask-site-head small{ color: var(--site-ink-2, var(--muted)); }.fcr-tools .ai-ask-site-orb{ display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; color: #fff; background: conic-gradient(from 200deg, #7c3aed, #0891b2, #10b981, #7c3aed); box-shadow: 0 0 0 4px color-mix(in oklab, #7c3aed 18%, transparent), 0 8px 26px rgb(124 58 237 / 45%); animation: ai-orb 6s linear infinite; }.fcr-tools .ai-ask-site-orb .icon{ animation: ai-orb 6s linear infinite reverse; }@keyframes ai-orb{ to { transform: rotate(360deg); } }@media (prefers-reduced-motion: reduce){.fcr-tools .ai-ask-site-orb,.fcr-tools .ai-ask-site-orb .icon{ animation: none; }}.fcr-tools .ai-ask-site-label{ display: grid; gap: 6px; font-size: 0.82rem; font-weight: 700; }.fcr-tools .ai-ask-site select,.fcr-tools .ai-ask-site textarea{ width: 100%; min-width: 0; padding: 11px 13px; border-radius: 14px; border: 1px solid var(--site-line); background: var(--surface); color: var(--text); font: inherit; }.fcr-tools .ai-ask-site textarea{ resize: vertical; min-height: 56px; }.fcr-tools .ai-ask-site select:focus,.fcr-tools .ai-ask-site textarea:focus{ outline: none; border-color: var(--c); box-shadow: 0 0 0 3px color-mix(in oklab, var(--c) 22%, transparent); }.fcr-tools .ai-ask-site-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.fcr-tools .ai-ask-chip{ display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 8px 12px; border-radius: 999px; border: 1px solid color-mix(in oklab, var(--c) 30%, var(--site-line)); background: color-mix(in oklab, var(--c) 7%, var(--site-card)); color: var(--text); font: inherit; font-size: 0.86rem; font-weight: 600; text-align: start; cursor: pointer; transition: background 160ms, transform 160ms, border-color 160ms; }.fcr-tools .ai-ask-chip span{ overflow: hidden; text-overflow: ellipsis; }.fcr-tools .ai-ask-chip .icon{ flex: none; color: var(--c); }.fcr-tools .ai-ask-chip:hover{ transform: translateY(-1px); border-color: var(--c); background: color-mix(in oklab, var(--c) 14%, var(--site-card)); }.fcr-tools .ai-ask-site-input{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }.fcr-tools .ai-ask-site-send{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 20px; border: 0; border-radius: 14px; color: #fff; font: inherit; font-weight: 800; cursor: pointer; background: linear-gradient(135deg, #7c3aed, #0891b2); box-shadow: 0 10px 26px -8px rgb(124 58 237 / 60%); transition: filter 160ms, transform 160ms; }.fcr-tools .ai-ask-site-send:hover{ filter: brightness(1.08); transform: translateY(-1px); }.fcr-tools .ai-ask-site-send[disabled]{ opacity: 0.7; cursor: progress; }.fcr-tools .ai-ask-site.is-busy .ai-ask-site-send .icon{ animation: ai-orb 1s linear infinite; }@media (max-width: 560px){.fcr-tools .ai-ask-site-input{ grid-template-columns: 1fr; }}.fcr-tools .ai-ask-site-out:empty{ display: none; }.fcr-tools .ai-ask-site-out .ai-answer-site{ max-height: 560px; color: var(--text); background: var(--site-card); }.fcr-tools .ai-ask-site-error{ margin: 0; padding: 10px 14px; border-radius: 12px; color: #9f1239; background: #ffe4e6; font-weight: 600; }.fcr-tools .ai-ask-site-note{ display: flex; gap: 6px; align-items: flex-start; margin: 0; font-size: 0.78rem; color: var(--site-ink-2, var(--muted)); }.fcr-tools .ai-ask-site-note .icon{ flex: none; margin-top: 2px; }.fcr-tools .ai-thinking{ display: flex; align-items: center; gap: 10px; padding: 16px; border-radius: 16px; background: color-mix(in oklab, var(--c) 7%, var(--site-card)); color: var(--text); font-weight: 600; }.fcr-tools .ai-thinking i{ width: 8px; height: 8px; border-radius: 50%; background: var(--c); animation: ai-dot 1s infinite ease-in-out; }.fcr-tools .ai-thinking i:nth-child(2){ animation-delay: 0.15s; }.fcr-tools .ai-thinking i:nth-child(3){ animation-delay: 0.3s; }@keyframes ai-dot{ 0%, 80%, 100% { opacity: 0.25; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1.15); } }.fcr-tools .ai-ask-site.is-dark{ color: #eef2ff; background: rgb(255 255 255 / 7%); border-color: rgb(255 255 255 / 16%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 30px 80px -30px rgb(124 58 237 / 55%), inset 0 1px 0 rgb(255 255 255 / 12%); }.fcr-tools .ai-ask-site.is-dark .ai-ask-site-head small,.fcr-tools .ai-ask-site.is-dark .ai-ask-site-note{ color: #b9c3e6; }.fcr-tools .ai-ask-site.is-dark select,.fcr-tools .ai-ask-site.is-dark textarea{ color: #fff; background: rgb(8 12 30 / 55%); border-color: rgb(255 255 255 / 18%); }.fcr-tools .ai-ask-site.is-dark select option,.fcr-tools .ai-ask-site.is-dark select optgroup{ color: #0b1f2a; background: #fff; }.fcr-tools .ai-ask-site.is-dark textarea::placeholder{ color: #94a3c8; }.fcr-tools .ai-ask-site.is-dark .ai-ask-chip{ color: #eef2ff; background: rgb(255 255 255 / 8%); border-color: rgb(255 255 255 / 18%); }.fcr-tools .ai-ask-site.is-dark .ai-ask-chip .icon{ color: #a5f3fc; }.fcr-tools .ai-ask-site.is-dark .ai-ask-chip:hover{ background: rgb(255 255 255 / 16%); border-color: #a5f3fc; }.fcr-tools .ai-ask-site.is-dark .ai-thinking{ color: #eef2ff; background: rgb(255 255 255 / 8%); }.fcr-tools .ai-ask-site.is-dark .ai-thinking i{ background: #a5f3fc; }.fcr-tools .ai-hero-ask{ align-self: center; }.fcr-tools .ai-ask-band{ background: radial-gradient(900px 300px at 100% 0%, color-mix(in oklab, var(--c, #7c3aed) 10%, transparent), transparent 70%); }.fcr-tools .ai-h2-gap{ margin-top: 36px; }.fcr-tools .ai-scenario-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; }.fcr-tools .ai-scenario{ padding: 16px; border-radius: 18px; border: 1px solid var(--site-line, var(--line)); background: var(--site-card, var(--surface)); }.fcr-tools .ai-scenario h3{ display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 1rem; }.fcr-tools .ai-scenario ol{ margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }.fcr-tools .ai-scenario li{ position: relative; padding-inline-start: 18px; font-size: 0.88rem; color: var(--site-ink-2, var(--muted)); }.fcr-tools .ai-scenario li::before{ content: ""; position: absolute; inset-inline-start: 4px; top: 0.55em; width: 7px; height: 7px; border-radius: 50%; background: var(--ocean); }.fcr-tools .ai-agent-demo{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 22px; padding: 22px; border-radius: 22px; color: #e8f3fa; background: linear-gradient(135deg, #0b1f2a, #133a4f); }.fcr-tools .ai-agent-demo .eyebrow{ color: #8fd3ee; }.fcr-tools .ai-agent-demo h3{ margin: 4px 0 8px; font-size: 1.3rem; color: #fff; }.fcr-tools .ai-agent-demo p{ color: #c3d9e6; }@media (max-width: 760px){.fcr-tools .ai-agent-demo{ grid-template-columns: 1fr; }}.fcr-tools .ai-chain{ display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }.fcr-tools .ai-chain li{ padding: 8px 12px; border-radius: 10px; background: rgb(255 255 255 / 8%); font-weight: 600; }.fcr-tools .ai-chain li:last-child{ background: color-mix(in oklab, #10b981 35%, transparent); }.fcr-tools .ai-twin-quote{ display: flex; gap: 10px; margin: 20px 0 0; padding: 16px 18px; border-radius: 16px; border-inline-start: 4px solid var(--ocean); background: var(--site-card, var(--surface)); font-size: 0.98rem; line-height: 1.6; }.fcr-tools .ai-provider-chips{ display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }.fcr-tools .ai-provider-chips li{ display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--site-line, var(--line)); background: var(--site-card, var(--surface)); font-size: 0.86rem; font-weight: 600; }.fcr-tools .ai-provider-chips li.is-local{ border-color: color-mix(in oklab, #10b981 40%, var(--line)); }.fcr-tools .ai-example{ display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 24px; align-items: start; }@media (max-width: 900px){.fcr-tools .ai-example{ grid-template-columns: 1fr; }}.fcr-tools .ai-q-list{ display: grid; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }.fcr-tools .ai-q-list li{ display: flex; gap: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--site-line, var(--line)); background: var(--site-card, var(--surface)); }.fcr-tools .ai-answer-site{ padding: 18px; border-radius: 20px; background: var(--site-card, var(--surface)); max-height: 640px; overflow: auto; }.fcr-tools .ai-related-tiles{ margin-top: 12px; }.fcr-tools .ai-c-violet{ --c: #7c3aed; }.fcr-tools .ai-c-purple{ --c: #8b5cf6; }.fcr-tools .ai-c-indigo{ --c: #4f46e5; }.fcr-tools .ai-c-sky{ --c: #0284c7; }.fcr-tools .ai-c-azure{ --c: #0ea5e9; }.fcr-tools .ai-c-emerald{ --c: #059669; }.fcr-tools .ai-c-teal{ --c: #0d9488; }.fcr-tools .ai-c-lime{ --c: #65a30d; }.fcr-tools .ai-c-amber{ --c: #d97706; }.fcr-tools .ai-c-orange{ --c: #ea580c; }.fcr-tools .ai-c-rose{ --c: #e11d48; }.fcr-tools .ai-c-pink{ --c: #db2777; }.fcr-tools .ai-c-blue{ --c: #2563eb; }.fcr-tools .ai-c-navy{ --c: #1d4ed8; }.fcr-tools .ai-c-cyan{ --c: #0891b2; }.fcr-tools .ai-c-slate{ --c: #475569; }.fcr-tools .ai-c-ocean{ --c: #0c6685; }.fcr-tools .ai-site-body .site-band{ padding: clamp(36px, 5vw, 60px) 0; }.fcr-tools .ai-site-body .site-main > .site-band:nth-of-type(odd):not(.ai-ask-band){ background: linear-gradient(180deg, color-mix(in oklab, #7c3aed 4%, transparent), color-mix(in oklab, #0891b2 3%, transparent)); }.fcr-tools .ai-site-body .site-band-inner > .site-h2{ position: relative; padding-bottom: 12px; }.fcr-tools .ai-site-body .site-band-inner > .site-h2::after{ content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 64px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #7c3aed, #0891b2, #10b981); }.fcr-tools .ai-hero .site-hero-inner{ align-items: start; }.fcr-tools .ai-hero .site-hero-text{ padding-top: clamp(0px, 2vw, 24px); }.fcr-tools .ai-ask-site{ grid-template-columns: minmax(0, 1fr); min-width: 0; max-width: 100%; }.fcr-tools .ai-ask-site-out,.fcr-tools .ai-ask-site-out .ai-answer-site,.fcr-tools .ai-ask-site-out .ai-answer-body{ min-width: 0; max-width: 100%; }.fcr-tools .ai-ask-site-out .table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }.fcr-tools .ai-ask-site-out .table-wrap table{ min-width: 480px; }.fcr-tools .ai-ask-site.is-dark .ai-ask-site-out .ai-answer-site{ max-height: 440px; }
.fcr-tools{min-height:0;display:block}