:root{font-family:system-ui,-apple-system,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}button,input{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 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}.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,.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}.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}.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 label{display:none}.app header button{font-size:12px}.status{bottom:65px}}