body{
    background:#f5f7fb;
}

.lct-layout{

    display:flex;

    gap:20px;

    padding:20px;

    background:#f5f7fb;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
}

.lct-sidebar{

    width:33%;

    background:#e9edf3;

    padding:20px;

    border-radius:12px;
}

.lct-main{

    width:67%;

    background:#fff;

    padding:20px;

    border-radius:12px;

    min-height:650px;
}

.lct-item{
    margin-bottom:18px;
}

.lct-item label{

    display:block;

    margin-bottom:8px;

    font-weight:500;
}

.lct-input{

    width:100%;

    padding:10px;

    border:1px solid #d1d5db;

    border-radius:8px;

    box-sizing:border-box;
}

textarea.lct-input{

    height:120px;

    resize:vertical;
}

.lct-chart-wrap{

    height:550px;
}

.lct-chart{

    width:100%;

    height:100%;
}

.lct-buttons{

    display:flex;

    gap:12px;

    margin-top:20px;
}

.lct-buttons button{

    flex:1;

    padding:12px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    color:#fff;
}

.lct-generate{
    background:#2563eb;
}

.lct-download{
    background:#16a34a;
}

.lct-share{
    background:#7c3aed;
}

@media(max-width:768px){

    .lct-layout{
        flex-direction:column;
    }

    .lct-sidebar,
    .lct-main{
        width:100%;
    }
}