:root{font-family:system-ui,-apple-system,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.start{max-width:620px;margin:auto;padding:32px 18px}.start h1{margin:0}.app-version{margin:2px 0 24px;color:#667085;font-size:13px}.start input{width:100%;padding:14px;border:1px solid #aab3c2;border-radius:9px;font-size:16px}.start details{margin-bottom:24px;padding:14px;border:1px solid #d4d9e2;border-radius:9px;background:#fff}.start details summary{margin-bottom:12px;font-weight:700;cursor:pointer}.start details label{display:block;margin-bottom:6px;font-size:13px}.start details button{width:100%;margin-top:8px;padding:10px}.start>button:not(.recent){width:100%;margin-top:12px;padding:13px;background:#1769d2;color:#fff;border:0;border-radius:9px}.start h2{font-size:16px;margin-top:32px}.recent{display:block;width:100%;text-align:left;padding:12px;margin:6px 0;border:1px solid #d4d9e2;background:#fff;border-radius:8px}.project-browser{margin-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:0}.section-title button{padding:8px 12px}.project-list{max-height:45vh;overflow:auto;margin-top:8px;border:1px solid #d4d9e2;border-radius:8px}.project-item{display:flex;width:100%;flex-direction:column;gap:4px;padding:12px;text-align:left;border:0;border-bottom:1px solid #e4e7ec;background:#fff}.project-item:last-child{border-bottom:0}.project-item small{color:#667085}.app{height:100dvh;display:flex;flex-direction:column;background:#fff}.app header{height:48px;display:flex;gap:8px;align-items:center;padding:6px 96px 6px 10px;background:#152238;color:#fff}.app header button{background:#314159;color:#fff;border:0;padding:7px;border-radius:6px}.app header span{flex:1;font-size:13px}.app header label{display:flex;align-items:center}.app header input{width:64px}.body{display:flex;flex:1;min-height:0}.body aside{width:190px;overflow:auto;border-right:1px solid #ccd3de;background:#f6f7fa}.aside-tools{padding:10px 8px;border-bottom:2px solid #ccd3de;background:#eef3f9}.aside-tools b{display:block;margin:0 4px 6px;font-size:13px}.body aside .aside-tools button{margin-top:5px;padding:9px 8px;border:1px solid #b9c5d5;border-radius:6px;background:#fff;text-align:center}.body aside .aside-tools button:disabled{opacity:.55}.body aside button{width:100%;padding:12px 8px;text-align:left;border:0;border-bottom:1px solid #e0e4ea;background:transparent}.body aside button.active{background:#dcecff;color:#0758b5}.editor-shell{position:relative;display:flex;flex:1;min-width:0;height:100%}.editor-history-tools{position:absolute;z-index:2;top:8px;right:10px;display:flex;gap:6px}.editor-history-tools button{border:1px solid #b9c5d5;border-radius:7px;background:#fffe;padding:7px 9px;color:#172033;font-size:12px;box-shadow:0 1px 4px #0002}.editor,.editor-pane{flex:1;min-width:0;height:100%}.notice{margin-top:12px;color:#4a5568}.status{position:absolute;left:8px;bottom:61px;background:#172033e8;color:#fff;padding:7px 10px;border-radius:7px;max-width:calc(100% - 16px);font-size:13px}.status:empty{display:none}nav{height:58px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cad1dc;background:#fff}nav button{border:0;background:#fff;font-size:12px}nav .primary{background:#1769d2;color:#fff}nav .deploy-button{position:fixed;z-index:4;top:7px;right:9px;width:auto;height:34px;padding:0 12px;border:1px solid #86aee7;border-radius:7px;background:#e8f1ff;color:#0758b5;font-size:12px;font-weight:700}.modal{position:fixed;inset:0;background:#0008;z-index:5;padding:18px;overflow:auto}.modal section{max-width:900px;margin:auto;background:#fff;border-radius:10px;padding:16px}.deploy-modal section{max-width:520px}.deploy-modal h2{margin-top:0}.deploy-warning{padding:10px 12px;border-radius:8px;background:#fff7e6;color:#694100;font-size:13px}.deploy-modal label{display:block;margin-top:14px;font-size:13px;font-weight:700}.deploy-modal select,.deploy-modal input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #aab3c2;border-radius:8px;background:#fff;font-size:16px}.deploy-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.deploy-actions button{padding:11px;border:1px solid #b9c5d5;border-radius:8px;background:#fff}.deploy-actions .primary{border-color:#1769d2;background:#1769d2;color:#fff}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare pre{max-height:35vh;overflow:auto;white-space:pre-wrap;background:#f2f4f7;padding:8px}.conflict button{margin:4px;padding:8px}.conflict textarea{width:100%;min-height:160px;margin-top:8px;font:13px ui-monospace,monospace}@media(max-width:650px){.body aside{display:none;position:absolute;z-index:3;top:48px;bottom:58px;width:78%;box-shadow:5px 0 18px #0004}.body aside.show{display:block}.compare{grid-template-columns:1fr}.app header{padding-right:92px}.app header label{display:none}.app header button{font-size:12px}.editor-history-tools{top:6px;right:6px}.editor-history-tools button{padding:6px 8px}.status{bottom:65px}}