*{box-sizing:border-box}body{margin:0;background:#f0f4f2;color:#18382f;font:14px/1.55 system-ui,-apple-system,sans-serif}.bar{display:flex;align-items:center;gap:24px;background:#16382e;color:white;padding:15px 25px;position:sticky;top:0;z-index:5}.bar a{color:inherit;text-decoration:none;font-size:12px}.bar strong{font-size:18px}.bar>span{margin-left:auto;font-size:11px;color:#c4d9cc}main{max-width:1320px;padding:24px;margin:auto}.panel{background:white;border:1px solid #dae4dd;border-radius:13px;padding:25px;margin-bottom:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#50765b;margin:0 0 9px}h1{font-size:30px;line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}h2{font-size:20px;margin:0 0 10px}p{color:#61776a}button{font:inherit;font-weight:700;padding:10px 17px;background:#256b46;color:white;border:1px solid transparent;border-radius:6px;cursor:pointer;white-space:nowrap}.quiet{background:#eef4ec;color:#264d35;border-color:#d1dfcd}button:disabled{opacity:.6;cursor:wait}label{display:block;font-weight:650;font-size:12px}input:not([type=file]),select,textarea{font:inherit;color:#173a2b;background:white;border:1px solid #bacdbc;border-radius:5px;padding:10px;display:block;width:100%;margin-top:6px}textarea{font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;min-height:260px;white-space:pre;resize:vertical}input[type=file]{max-width:100%;font-size:12px}.file-choice{display:flex;gap:12px;align-items:end}.file-choice label{flex:1}.destination{display:grid;grid-template-columns:220px 1fr;gap:16px;margin:16px 0}.actions{display:flex;align-items:center;gap:12px;margin-top:17px;flex-wrap:wrap}.actions form{margin:0}output{font-size:12px;color:#526d59}#drop-zone,#zip-drop{border:2px dashed #91b7a0;border-radius:9px;background:#f5faf3;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;padding:25px;margin:18px 0;font-size:12px;font-weight:400}#zip-drop{min-height:180px;border-color:#559b72;cursor:pointer}#zip-drop strong{font-size:22px;font-weight:750;color:#256b46}#zip-drop span{font-size:13px}#zip-drop input{margin-top:12px}#drop-zone.active,#zip-drop.active{background:#e3f2df;border-color:#256b46}.choose-file{display:inline;text-decoration:underline;cursor:pointer}.choose-file input{display:none}.notice{padding:15px 18px;border-radius:7px;background:#def2dc;color:#214f2c}.error{background:#ffe7df;color:#8e331d}.heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.tag{font-size:11px;background:#e9f4e2;border-radius:4px;padding:7px 10px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff section{min-width:0}.diff h2{font-size:12px;background:#edf2ed;margin:0;padding:10px}.diff pre{height:370px;overflow:auto;background:#fafcf9;margin:0;font:11px/1.6 ui-monospace,Consolas,monospace;tab-size:2;border:1px solid #e3eae0}.line{display:block;min-height:1.6em;white-space:pre}.line b{display:inline-block;width:42px;padding-right:9px;margin-right:9px;text-align:right;color:#95a18f;font-weight:400;user-select:none;background:#edf2ec}.line.removed{background:#ffe6df}.line.added{background:#e0f1dc}details{margin-top:18px}summary{cursor:pointer;font-weight:700;font-size:12px}.advanced>summary{font-size:15px}.advanced>section{padding-top:20px}.backups>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e3eae0;padding:12px 0}.backups strong{display:block;font-size:12px;overflow-wrap:anywhere}.backups small{display:block;font-size:10px;color:#70816f;margin-top:4px}.backups form{margin:0}.backups button{font-size:11px;padding:8px 12px}.zip-stats{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.zip-stats>span{padding:11px 17px;border:1px solid #dbe6d5;background:#f5f9f2;border-radius:7px;font-size:12px}.zip-stats b{font-size:25px;margin-right:6px}.update-list{list-style:none;padding:0;max-height:350px;overflow:auto}.update-list li{padding:9px 0;border-bottom:1px solid #edf2e9}.update-list strong{display:block;font-size:12px;overflow-wrap:anywhere}.update-list span{font-size:10px;color:#668062}.zip-intro{border-top:4px solid #4b9161}#zip-status{display:block;margin-top:10px}@media(max-width:700px){main{padding:14px}.panel{padding:18px}.bar{padding:12px 16px;gap:15px}.bar>span{display:none}.file-choice{flex-direction:column;align-items:stretch}.destination{grid-template-columns:1fr}.diff{grid-template-columns:1fr}.diff pre{height:260px}.heading{flex-direction:column;gap:7px}.backups>div{align-items:start;flex-direction:column}h1{font-size:25px}#zip-drop strong{font-size:19px}}
