.app{color:#fff;background:#0f172a;height:100vh;font-family:Arial,sans-serif;display:flex}.sidebar{background:#1e293b;border-right:1px solid #334155;width:350px;padding:20px;overflow-y:auto}.topicCard{background:#243447;border-radius:10px;margin-bottom:20px;padding:15px;box-shadow:0 2px 6px #00000040}.topicCard h3{border-bottom:1px solid #3b4a5c;margin:0 0 12px;padding-bottom:8px;font-size:18px}.methodRow{justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.runButton{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;padding:5px 12px;font-weight:700}.runButton:hover{background:#7dd3fc}.main{flex:1;padding:25px}.codeEditor{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:6px;width:100%;height:180px;padding:10px;font-size:14px}.executeBtn{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;margin-top:12px;padding:10px 18px;font-size:16px;font-weight:700}.executeBtn:hover{background:#7dd3fc}.outputBox{white-space:pre-wrap;background:#1e293b;border:1px solid #334155;border-radius:6px;min-height:150px;margin-top:20px;padding:12px}.domPreview{background:#243447;border-radius:8px;margin-top:25px;padding:15px}html,body{color:#000;background-color:#fff;height:100%;margin:0;padding:0;font-family:Arial,sans-serif}#root{text-align:center;color:#000;background-color:#e1e1e1;border-radius:12px;max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #e1e1e1)}.runButton,.executeBtn{cursor:pointer;border:1px solid #aaa;border-radius:6px;padding:8px 14px;font-weight:600;color:#000!important;background-color:#e1e1e1!important}.runButton:hover,.executeBtn:hover{background-color:#d5d5d5}.sidebar{color:#000!important;background-color:#e1e1e1!important}.topicCard{border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:15px;color:#000!important;background-color:#e1e1e1!important}.methodRow{color:#000!important;background-color:#0000!important}.methodRow span{color:#000!important}.card{padding:2em;color:#000!important}.read-the-docs{color:#000!important}.main{color:#000!important;background-color:#e1e1e1!important}.codeEditor,.outputBox,.domPreview{border:1px solid #ccc;border-radius:6px;padding:10px;color:#000!important;background-color:#fff!important}h1,h2,h3,h4,h5,h6{color:#000!important}