:root{font-family:Arial,Helvetica,sans-serif;color:#213c36;background:#f5f5ef;font-synthesis:none;--green:#244e43;--muted:#6b7870;--line:#dce1d5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;padding:11px 15px;font-weight:600;color:var(--green)}button:hover{background:#e8eee3}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#346957}.quiet{background:transparent}a{color:inherit}header{height:86px;padding:0 4%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:30px;font-weight:700;letter-spacing:-1px}.brand>span{font-size:23px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted);flex:1}header button{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1{font-family:Georgia,serif;font-size:50px;line-height:1.06;font-weight:400;letter-spacing:-1.7px;margin:15px 0}p{color:var(--muted);line-height:1.6}.intro-bar{display:flex;justify-content:space-between;align-items:center;padding:40px 4% 35px}.intro-bar p{margin-bottom:0}.workspace{margin:0 4% 50px;display:grid;grid-template-columns:200px minmax(330px,420px) minmax(300px,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:670px;background:#fff}aside{background:#f0f2e9;padding:24px 16px;border-right:1px solid var(--line)}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px 18px}.list-heading h2{font-size:13px;margin:0}.list-heading span{background:#e0e6d8;border-radius:20px;padding:3px 7px;font-size:11px}.site-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;margin:0 0 8px;padding:12px;font-size:13px;overflow-wrap:anywhere}.site-item small{display:block;font-size:10px;margin-top:7px;color:var(--muted)}.site-item.selected{background:white;border-color:var(--line);box-shadow:0 2px 4px #203e3010}.aside-note{font-size:11px;padding:8px 6px}.editor{padding:26px;border-right:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.badge{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:5px 9px;color:var(--muted)}.badge.online{color:#226d3f;background:#e5f3df;border-color:#cae4c1}label{display:block;font-weight:600;font-size:12px;margin:18px 0 8px}input{width:100%;background:#fff;border:1px solid var(--line);padding:12px;border-radius:6px;color:var(--green);min-width:0}input:disabled{background:#f5f6f2;color:var(--muted)}input:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:2px solid #89ad75;outline-offset:3px}.hint{font-size:11px;margin:8px 0 16px}.dropzone{background:#f7f8f1;border:1px dashed #a8b89b;border-radius:9px;min-height:156px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;cursor:pointer;text-align:center;padding:20px}.dropzone.drag{background:#e1edce}.dropzone span:last-of-type{font-size:10px;color:var(--muted);font-weight:400}.upload-symbol{font-size:27px;font-weight:400}.dropzone input{font-size:11px;width:100%;border:0;padding:5px 0;background:transparent}.dropzone strong{font-size:13px}summary{font-size:12px;cursor:pointer;padding:12px 0}textarea{width:100%;height:230px;resize:vertical;background:#f7f8f3;border:1px solid var(--line);border-radius:6px;padding:12px;font:12px/1.6 monospace}.save-row{display:flex;gap:8px}.save-row button{font-size:11px;flex:1}.publish{margin-top:27px;border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;gap:10px;justify-content:space-between}h3{font-size:13px;margin:0}.publish p{font-size:10px;margin:7px 0}.publish button{font-size:10px;flex-shrink:0}.link-row{display:flex;margin-top:12px;gap:7px}.link-row input{font-size:10px;background:#f7f8f3}.link-row button{font-size:11px}#message{font-size:12px;margin-bottom:0;min-height:18px}.error{color:#ae4431!important}.preview{background:#fafbf7;display:flex;flex-direction:column;padding:26px;min-width:0}.preview-note{font-size:10px;color:var(--muted)}#empty-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 0}.orbit{width:96px;height:96px;border-radius:50%;background:#e7efcf;font-size:60px;display:grid;place-items:center;transform:rotate(-8deg);margin-bottom:20px}#empty-preview h2{font:36px/1.1 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:10px 0}#empty-preview p{font-size:12px;max-width:210px;margin-bottom:22px}#empty-preview button{font-size:12px}iframe{width:100%;flex:1;min-height:570px;border:1px solid var(--line);border-radius:6px;background:white}footer{margin:0 4%;padding:25px 0;border-top:1px solid var(--line);display:flex;gap:35px;font-size:10px;letter-spacing:1px;color:var(--muted)}footer span:last-child{margin-left:auto}.login{max-width:770px;margin:75px auto 100px;padding:20px 30px}.login h1{font-size:76px}.intro{font-size:18px}.login form{max-width:520px;margin-top:35px}.login-row{display:flex;gap:8px}.login-row button{flex-shrink:0}.small{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:170px 1fr}.preview{grid-column:1/-1;border-top:1px solid var(--line);min-height:450px}.editor{border-right:0}.preview iframe{min-height:600px}}@media(max-width:650px){header{height:70px}.header-note{display:none}header button{margin-left:auto}.intro-bar{padding-top:30px}.intro-bar h1{font-size:35px}.intro-bar p{font-size:12px}.workspace{display:block}aside{border-right:0;border-bottom:1px solid var(--line)}#site-list{display:flex;overflow:auto}.site-item{min-width:150px;width:auto}.aside-note{display:none}.editor,.preview{padding:22px}.login{margin-top:30px}.login h1{font-size:54px}.login-row{display:block}.login-row button{margin-top:10px;width:100%}footer span:nth-child(2){display:none}}