.kduc-wrap{
    --kduc-text:#121827;
    --kduc-muted:#7d8799;
    --kduc-purple:#7559f6;
    position:relative;
    width:100%;
    min-height:666px;
    overflow:hidden;
    box-sizing:border-box;
    background:
        radial-gradient(circle at 52% 103%, rgba(248,197,229,.22), transparent 27%),
        linear-gradient(180deg,#fbfcff 0%,#f9faff 100%);
    color:var(--kduc-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.kduc-wrap *{box-sizing:border-box}

.kduc-grid-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(142,151,176,.055) 1px, transparent 1px),
        linear-gradient(90deg,rgba(142,151,176,.055) 1px, transparent 1px);
    background-size:40px 40px;
}

.kduc-shell{
    position:relative;
    z-index:1;
    width:min(100%,1040px);
    margin:0 auto;
    padding:10px 20px 21px;
    text-align:center;
}

/* Top accuracy badge */
.kduc-badge{
    position:static;
    margin:0 auto;
    width:max-content;
    min-width:132px;
    height:29px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid #9fb0ff;
    border-radius:16px;
    background:#eff2ff;
    color:#3843b4;
    font-size:12px;
    line-height:1;
    font-weight:800;
}
.kduc-lightning{
    font-size:18px;
    line-height:1;
    color:#443be6;
    transform:translateY(-.5px);
}

/* Hero heading */
.kduc-title{
    margin:17px 0 11px;
    padding:0;
    color:#131a29;
    font-size:39px;
    line-height:1.08;
    font-weight:850;
    letter-spacing:-1.45px;
}
.kduc-title span{
    background:linear-gradient(90deg,#7058f8,#9859f4);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.kduc-subtitle{
    margin:0 auto;
    color:#4f586d;
    font-size:15.5px;
    line-height:1.55;
    font-weight:400;
}
.kduc-subtitle strong{font-weight:800}

.kduc-features{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:16px;
    color:#596275;
    font-size:11.5px;
    font-weight:700;
}
.kduc-features span{
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.kduc-features span b{
    color:#6462ff;
    font-weight:900;
}
.kduc-features i{
    display:block;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#d1d5df;
}

/* Cards */
.kduc-panels{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:51px;
    text-align:left;
}

.kduc-card{
    position:relative;
    height:407px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe3eb;
    border-radius:10px;
    box-shadow:0 1px 2px rgba(16,24,40,.018);
}

.kduc-card-head{
    height:51px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 11px 0 13px;
}

.kduc-card-title{
    flex:0 0 auto;
    color:#24272d;
    font-size:12.5px;
    font-weight:800;
    white-space:nowrap;
}

.kduc-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
}

.kduc-btn,
.kduc-icon-btn{
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid #dfe4ec !important;
    border-radius:7px !important;
    background:#fff !important;
    color:#606a7d !important;
    font-family:inherit;
    font-size:11px;
    line-height:1;
    font-weight:500;
    box-shadow:0 1px 2px rgba(16,24,40,.025);
    cursor:pointer;
    transition:.15s ease;
}

.kduc-btn{padding:0 9px}
.kduc-btn span{
    color:#939daf;
    font-size:12px;
}

.kduc-icon-btn{
    width:27px;
    padding:0;
    color:#9ba5b6 !important;
    font-size:21px;
    font-weight:300;
}

.kduc-btn:hover,
.kduc-icon-btn:hover{
    border-color:#bcc4d2 !important;
    background:#fbfcff !important;
}

/* Text areas */
.kduc-textarea{
    display:block;
    width:100%;
    height:306px;
    margin:0;
    padding:0 13px 12px;
    border:0 !important;
    outline:none !important;
    resize:none;
    background:transparent !important;
    color:#313746;
    font-size:15px;
    line-height:1.62;
    box-shadow:none !important;
}

.kduc-left{
    font-family:"Kruti Dev 010","Kruti Dev 020","Kruti Dev 10",Arial,sans-serif;
    font-size:17px;
}
.kduc-right{
    font-family:"Mangal","Nirmala UI","Noto Sans Devanagari","Arial Unicode MS",sans-serif;
}

.kduc-textarea::placeholder{
    color:#a3adbd;
    opacity:1;
}

.kduc-left::placeholder{
    font-family:"Mangal","Nirmala UI","Noto Sans Devanagari","Segoe UI",sans-serif;
    font-size:14px;
}

.kduc-count{
    position:absolute;
    left:13px;
    bottom:14px;
    color:#7d8799;
    font-size:11.5px;
    line-height:1;
}

/* Responsive */
@media(max-width:980px){
    .kduc-shell{width:min(100%,960px)}
    .kduc-title{font-size:36px}
    .kduc-btn{padding:0 7px}
}
@media(max-width:800px){
    .kduc-wrap{min-height:auto}
    .kduc-shell{padding-left:12px;padding-right:12px}
    .kduc-title{font-size:31px}
    .kduc-subtitle{font-size:14px}
    .kduc-desktop-break{display:none}
    .kduc-features{flex-wrap:wrap}
    .kduc-panels{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:34px;
    }
    .kduc-card{height:407px}
}
@media(max-width:560px){
    .kduc-title{
        font-size:27px;
        letter-spacing:-.6px;
    }
    .kduc-card-head{
        min-height:82px;
        height:auto;
        align-items:flex-start;
        flex-direction:column;
        padding:11px 12px;
    }
    .kduc-actions{
        width:100%;
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .kduc-textarea{height:278px}
}


/* Exact screenshot-style filled Import / Export icons only */
.kduc-file-action-icon{
    width:15px;
    height:15px;
    flex:0 0 15px;
    display:block;
    color:#98a2b3;
}


/* v1.2.2: prevent initial Import/Export icon flash (FOUC) */
.kduc-file-action-icon{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    max-width:15px !important;
    flex:0 0 15px !important;
    display:block !important;
    overflow:hidden !important;
    vertical-align:middle !important;
    transition:none !important;
    animation:none !important;
}
.kduc-actions,
.kduc-actions *,
.kduc-btn svg{
    animation:none !important;
}


/* v1.2.3: completely flashless initial render */
.kduc-wrap.kduc-preload{
    visibility:hidden !important;
}
.kduc-wrap.kduc-ready{
    visibility:visible !important;
}
.kduc-wrap,
.kduc-wrap *{
    transition-property:none;
}