:root{color-scheme:dark;font:14px/1.5 system-ui,sans-serif;background:#0b1019;color:#dfebf4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.filebutton{cursor:pointer;border:1px solid #36506a;background:#183047;color:#dfebf4;border-radius:8px;padding:8px 12px}button:hover,.filebutton:hover{border-color:#66c1b8}button:disabled{opacity:.45;cursor:not-allowed}.subtle{background:#121f30}.small{padding:3px 8px}input,select,textarea{background:#0d1826;color:#f0f5fc;border:1px solid #354c66;border-radius:7px;padding:9px;min-width:0}input[type=checkbox]{accent-color:#63d2c4}textarea{width:100%;resize:vertical}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #283447;background:#111c2b}.top strong{font-size:19px}.top strong span{color:#68d3c4}.top small{display:block;color:#93a9bc}.pill{padding:5px 10px;border:1px solid #356a64;border-radius:20px;font-size:11px;color:#9ee4dc}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 72px)}.sidebar{padding:16px;border-right:1px solid #283447;overflow:auto}.sidebar input:not([type=checkbox]){width:100%;margin-bottom:7px}.sidebar h3{font-size:13px;text-transform:uppercase;color:#a5c0d4;letter-spacing:.06em}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0}.row h2,.row h3{margin-right:auto}.filebutton{display:inline-flex;align-items:center}.hint{color:#93a9bc;font-size:12px}hr{border:0;border-top:1px solid #2d4156;margin:20px 0}.project{display:block;width:100%;text-align:left;margin:5px 0}.project.active{border-color:#6ce2d1;background:#1c3a43}.fileRow{padding:3px 0;display:flex;gap:7px;align-items:center;white-space:nowrap;overflow:hidden}.fileRow label{min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.folderRow{cursor:pointer;padding:4px 0;color:#b5c9d8}.tabs{display:flex;gap:3px;border-bottom:1px solid #2d4156;padding:12px 18px 0}.tabs button{border-radius:8px 8px 0 0}.tabs button.active{background:#244756;border-bottom-color:#6de5d3}.panel{padding:18px;overflow:auto;height:calc(100% - 57px)}.hidden{display:none}.conversation{max-height:43vh;overflow:auto;background:#0f1926;border:1px solid #2b4256;border-radius:12px;padding:12px;min-height:110px}.turn{border-bottom:1px solid #26394a;padding:12px 4px}.turn h4{margin:0 0 5px}.turn.user h4{color:#b5e8df}.turn.assistant h4{color:#9fc5ee}.turn pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.change{border:1px solid #355872;border-radius:10px;padding:12px;margin:9px 0}.change pre{white-space:pre-wrap;max-height:240px;overflow:auto;background:#080f19;padding:12px}.previewArea{display:flex;justify-content:center;min-height:460px;padding:14px;background:#070c13;border:1px solid #293d52;border-radius:12px}.previewArea iframe{width:100%;height:540px;border:1px solid #415875;background:white}.previewArea iframe[data-device=tablet]{width:768px;max-width:100%}.previewArea iframe[data-device=mobile]{width:375px;max-width:100%}#pageList button{margin:4px}#inspector{padding:12px;margin:10px 0;border:1px solid #2c5361;border-radius:8px}.codeEditor{font:12px/1.6 ui-monospace,monospace;min-height:58vh}#toast{position:fixed;right:20px;bottom:20px;background:#19394a;border-radius:9px;padding:10px 15px;display:none;max-width:420px;box-shadow:0 8px 30px #0007}#toast.show{display:block}@media(max-width:760px){.layout{display:block;height:auto}.sidebar{border-right:0;border-bottom:1px solid #283447;max-height:320px}.panel{height:auto;min-height:70vh}.top{padding:10px}.pill{display:none}}

/* Folder context selection: checkbox toggles entire subtree. */
.folderRow { display:flex; align-items:center; gap:7px; cursor:pointer; }
.folderRow input[type="checkbox"] { flex:none; cursor:pointer; }