:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#20312d;background:#f3f5f3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ccd6d0;background:white;border-radius:6px;padding:9px 13px;color:inherit}button:hover{background:#e9f1ed}button:focus-visible,input:focus-visible{outline:3px solid #70aa90}.primary{background:#23644d;color:white;border-color:#23644d}input,select{border:1px solid #ccd6d0;border-radius:6px;padding:10px;background:white}header{height:72px;background:white;border-bottom:1px solid #dbe2dd;display:flex;align-items:center;gap:18px;padding:0 28px}.brand{font-size:25px;letter-spacing:-1px;font-weight:700}.brand:before{content:'◇';color:#23644d;margin-right:10px}.spacer{flex:1}.layout{display:flex;min-height:calc(100vh - 72px)}aside{width:240px;padding:25px 18px;border-right:1px solid #dbe2dd;background:#f8faf8}aside button{display:block;width:100%;text-align:left;margin-bottom:8px;background:transparent;border:0}aside button.active{background:#dceae1;color:#23644d}main{padding:34px;flex:1;min-width:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:28px;flex-wrap:wrap}h1{font-size:28px;font-weight:600;margin:0 0 12px}small{color:#6d8178}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.card{background:white;border:1px solid #dbe2dd;border-radius:9px;overflow:hidden}.preview{height:110px;background:radial-gradient(#d7e3dc 1px,transparent 1px) 0 0/12px 12px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#477e65;cursor:pointer}.card-body{padding:18px}.card h3{margin:0 0 8px;overflow-wrap:anywhere}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.actions button{font-size:12px;padding:6px 8px}.empty{padding:70px 24px;text-align:center;background:white;border:1px dashed #b7cbbd;border-radius:9px}.auth{max-width:430px;margin:8vh auto;background:white;padding:34px;border:1px solid #dbe2dd;border-radius:12px}.auth input{display:block;width:100%;margin:16px 0}.auth button{margin-right:8px}.editor{position:fixed;inset:0;background:white;z-index:5}.editor header{height:54px;padding:0 14px}.editor iframe{width:100%;height:calc(100vh - 54px);border:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#20312d;color:white;padding:12px 20px;border-radius:8px;z-index:20;display:none}.share{height:calc(100vh - 72px)}.mxgraph{height:100%;width:100%}@media(max-width:650px){aside{width:150px;padding:16px 8px}main{padding:20px}header{padding:0 14px;gap:10px}.brand{font-size:20px}.auth{margin:40px 16px}.toolbar input{width:100%}}
.app-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #ccd6d0;border-radius:12px;padding:26px;color:#20312d;box-shadow:0 20px 70px #142c3333}.app-dialog::backdrop{background:#142c3366}.app-dialog h2{font-size:20px;white-space:pre-line;margin:0 0 20px}.app-dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}