/*body {background:#0d1117; color:#e0e0ff;}
    h1 {color:#9fff9f;}*/
    .container {max-width:720px; margin:0 auto;}
    #colorPicker {width: 90%;height: 220px; border:none;margin:20px auto; display:block; box-shadow:0 10px 40px rgba(0,0,0,0.6);}
    #preview {display:none;width:200px; height:200px; margin:20px auto; border-radius:20px; border:3px solid #333; box-shadow:0 0 40px rgba(0,0,0,0.8);}
    #result {font-size:1.25rem; line-height:1.7; background:rgba(255,255,255,0.06); padding:28px; border-radius:16px; text-align:left; white-space:pre-wrap; margin:25px auto; max-width:620px;}
    table {margin:30px auto; border-collapse:collapse; font-size:0.95rem;}
    th, td {padding:8px 14px; border:1px solid #444;}
    th {background:#1f2a44;}
    .note {font-size:0.9rem; color:#999; margin-top:40px;}