.w4lcp-playground{--w4lcp-blue:#1769e0;--w4lcp-bg:#0f172a;--w4lcp-panel:#111c31;--w4lcp-line:#26354d;max-width:100%;border:1px solid #d7e0ec;border-radius:14px;overflow:hidden;background:#fff;color:#e5edf8;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;margin:24px 0;box-shadow:0 8px 24px rgba(15,23,42,.10)}
.w4lcp-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 15px;background:#17243a;border-bottom:1px solid #26354d}
.w4lcp-project-title{font-weight:700;color:#fff;margin-right:auto}.w4lcp-status{font-size:11px;color:#a9bdd9;text-transform:uppercase;letter-spacing:.08em}
.w4lcp-btn{border:1px solid #40516d;border-radius:7px;padding:7px 11px;background:#243550;color:#f8fbff;font-weight:600;cursor:pointer}.w4lcp-btn:hover{background:#31496e}.w4lcp-run{background:#1769e0;border-color:#1769e0}.w4lcp-run:hover{background:#0f57c5}
.w4lcp-runtime-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:320px;background:#0f172a}.w4lcp-runtime-sidebar{background:#111c31;border-right:1px solid #26354d;padding:10px 0}.w4lcp-explorer-title{font-size:10px;letter-spacing:.12em;font-weight:800;color:#91a6c4;padding:3px 14px 10px}.w4lcp-runtime-file{display:flex;width:100%;gap:8px;align-items:center;text-align:left;border:0;background:transparent;color:#c9d6e8;padding:8px 12px;cursor:pointer;font:inherit;overflow-wrap:anywhere}.w4lcp-runtime-file:hover{background:#1b2a42}.w4lcp-runtime-file.active{background:#243550;color:#fff;border-left:3px solid #4c9aff;padding-left:9px}.w4lcp-file-icon{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;border-radius:4px;background:#203c62;color:#9bc8ff;font-size:9px;font-weight:800}
.w4lcp-runtime-main{min-width:0}.w4lcp-runtime-tabs{height:38px;display:flex;align-items:stretch;background:#111c31;border-bottom:1px solid #26354d}.w4lcp-runtime-tab{display:flex;align-items:center;padding:0 15px;border-top:2px solid #4c9aff;background:#0f172a;color:#fff}.w4lcp-editor-area{display:grid;grid-template-columns:42px minmax(0,1fr);height:300px;min-height:240px}.w4lcp-runtime-lines{overflow:hidden;text-align:right;padding:12px 9px 12px 0;color:#60748f;background:#0f172a;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.w4lcp-runtime-editor{display:block;resize:both;min-width:0;width:100%;height:100%;box-sizing:border-box;border:0;outline:0;padding:12px 14px;background:#0f172a;color:#dbeafe;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}
.w4lcp-bottom{border-top:1px solid #26354d;background:#111c31}.w4lcp-bottom-heading{display:flex;align-items:center;gap:15px;padding:9px 14px;color:#b8c9df;font-size:11px;font-weight:800;letter-spacing:.08em}.w4lcp-output-frame{display:block;width:100%;height:250px;border:0;background:white}.w4lcp-console{padding:8px 14px;border-top:1px solid #26354d;color:#b8c9df;background:#111c31;font:12px/1.5 ui-monospace,monospace;min-height:18px;white-space:pre-wrap;overflow-wrap:anywhere}.w4lcp-disclaimer{padding:8px 14px;color:#7f94b2;background:#111c31;font-size:11px}
@media(max-width:640px){.w4lcp-runtime-layout{grid-template-columns:115px minmax(0,1fr)}.w4lcp-runtime-file{font-size:11px;padding:8px 7px;gap:5px}.w4lcp-runtime-file.active{padding-left:4px}.w4lcp-editor-area{height:270px;grid-template-columns:32px minmax(0,1fr)}.w4lcp-runtime-editor{font-size:12px;padding:10px}.w4lcp-toolbar{gap:6px;padding:10px}.w4lcp-btn{font-size:12px;padding:6px 8px}.w4lcp-output-frame{height:220px}}

/* v4 layout: file tabs across the top to give the editor more width */
.w4lcp-runtime-layout{display:flex;flex-direction:column;min-height:0}
.w4lcp-runtime-sidebar{display:contents}
.w4lcp-explorer-title{display:none}
.w4lcp-runtime-files{order:0;display:flex;align-items:stretch;gap:0;overflow-x:auto;white-space:nowrap;background:#111c31;border-bottom:1px solid #26354d;padding:0 8px;scrollbar-width:thin}
.w4lcp-runtime-file{width:auto;flex:0 0 auto;white-space:nowrap;padding:10px 13px;border-bottom:2px solid transparent;border-left:0!important}
.w4lcp-runtime-file.active{border-bottom:2px solid #4c9aff;border-left:0;padding-left:13px;background:#0f172a}
.w4lcp-runtime-main{order:1;width:100%}
.w4lcp-runtime-tabs{display:none}
.w4lcp-editor-area{height:340px;min-height:260px}
@media(max-width:640px){
 .w4lcp-runtime-layout{display:flex}
 .w4lcp-runtime-files{padding:0 4px}
 .w4lcp-runtime-file{font-size:12px;padding:10px 9px}
 .w4lcp-runtime-file.active{padding-left:9px}
 .w4lcp-editor-area{height:330px;min-height:250px}
}

/* v5: simplified output area, no Preview/Console tabs or explanatory footer */
.w4lcp-bottom-heading{display:block;padding:11px 14px;background:#111c31;color:#b8c9df;font-size:12px;font-weight:800;letter-spacing:.08em}
.w4lcp-console{min-height:0;padding:9px 14px;color:#9de7b0;background:#111c31;border-top:1px solid #26354d;font-size:12px}
.w4lcp-disclaimer{display:none!important}