:root{
    --bg:#0f1724;
    --card:#0b1220;
    --accent:#06b6d4;
    --muted:hwb(0 86% 14%);
    --glass:rgba(255,255,255,0.03)
}

*{
    box-sizing:border-box;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial
}
    
body{
    margin:0;
    background:linear-gradient(180deg,#071025 0%, #071022 100%);
    color:#e6eef6;min-height:100vh;
    padding:28px
}
    
.wrap{
    max-width:1100px;
    margin:0 auto
}
    
header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px
}
    
h1{
    font-size:20px;
    margin:0
}
    
p.lead{
    margin:0;
    color:var(--muted)
}
    
.grid{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:18px}
    
.card{
    background:var(--card);
    padding:16px;border-radius:12px;
    box-shadow:0 6px 20px rgba(2,6,23,0.6)
}

label{
    display:block;
    font-size:13px;
    color:var(--muted);
    margin-bottom:6px
}

select,input,textarea{
    width:100%;
    padding:10px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.04);
    background:transparent;
    color:inherit}

.field{
    margin-bottom:12px
}

button{
    background:var(--accent);
    border:none;
    padding:10px 14px;
    border-radius:10px;
    color:#022;
    cursor:pointer;
    font-weight:600
}

.smallbtn{
    background:transparent;
    border:1px solid rgba(255,255,255,0.06);
    padding:8px;
    border-radius:8px;
    color:var(--muted);
    cursor:pointer
}

.controls{
    display:flex;
    gap:8px;
    align-items:center
}

.preview{
    height:calc(100vh - 200px);
    overflow:auto;padding:18px;
    border-radius:10px;
    background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01))
}

.contract{
    max-width:780px;
    margin:0 auto;
    background:white;
    color:#0b1220;
    padding:28px;
    border-radius:6px
}

.contract h2{margin-top:0}

.footer-note{
    font-size:12px;
    color:var(--muted);
    margin-top:10px
}

.disclaimer{
    font-size:13px;
    color:#f8d7da;
    background:#4b1e1f;
    padding:10px;border-radius:8px;
    margin-top:12px
}

.placeholder-list{
    font-size:13px;
    color:var(--muted);
    margin-top:10px
}

.top-actions{
    display:flex;
    gap:8px;
    align-items:center
}
.opc{
    color: #071025;
}

@media(max-width:900px){.grid{grid-template-columns:1fr;}.preview{height:auto}}