:root{font-family:Arial,Helvetica,sans-serif;color:#20252b;background:#f3f4f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;border-radius:8px;background:#20252b;color:white;padding:10px 16px;cursor:pointer;font-weight:600}button:hover{background:#3c454e}button:disabled{opacity:.5;cursor:not-allowed}.subtle{background:#e9e9e9;color:#222}.subtle:hover{background:#d9d9d9}.topbar{background:white;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:14px 28px}.topbar strong{display:block;font-size:19px}.topbar small{color:#6d737a}.workspace{display:grid;grid-template-columns:minmax(340px,510px) minmax(0,1fr);gap:24px;max-width:1720px;margin:auto;padding:24px}.editor,.preview{background:#fff;border:1px solid #e1e3e6;border-radius:12px;padding:22px;align-self:start}.editor h1,.preview h2{margin:0 0 8px}.intro p,.preview p{color:#5f6770;font-size:14px;line-height:1.45}.editor label{display:block;font-size:13px;font-weight:700;margin:15px 0 0}.editor input:not([type=radio]),.editor textarea,.editor select{display:block;width:100%;border:1px solid #cbd0d5;border-radius:7px;padding:10px;margin-top:6px;background:white;color:#1f2429}.editor input:focus,.editor textarea:focus,.editor select:focus{outline:2px solid #c2a36e;border-color:#8c7046}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor fieldset{border:1px solid #d5d8dc;border-radius:8px;margin:18px 0;padding:10px 14px}.editor legend{font-size:13px;font-weight:700;padding:0 4px}.editor .radio{font-size:14px;font-weight:400;margin:7px 0;display:flex;align-items:center;gap:8px}.radio input{width:16px;height:16px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.sectionhead h2{font-size:18px;margin:0}.item{background:#f8f8f7;border:1px solid #e4e4e2;border-radius:8px;margin-top:12px;padding:12px}.item-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.item .grid{grid-template-columns:90px 1fr}.item .remove{padding:4px 8px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.editor details{margin:20px 0;border-top:1px solid #e5e5e5;padding-top:14px}.editor summary{cursor:pointer;font-size:14px;font-weight:700}#message{min-height:20px;font-size:14px;color:#77591e}.saved{border-top:1px solid #e5e5e5;margin-top:25px}.saved-item{display:block;width:100%;text-align:left;background:#fafafa;color:#222;border:1px solid #e5e5e5;margin-top:8px;padding:10px}.saved-item:hover{background:#eee}.saved-item small{display:block;font-weight:400;color:#687078;margin-top:3px}.sheet{background:#e5e7e9;padding:12px;max-height:calc(100vh - 150px);overflow:auto}.sheet canvas{display:block;width:100%;max-width:794px;height:auto;margin:auto;box-shadow:0 1px 10px #aaa;background:white}.auth{max-width:430px;background:#fff;margin:12vh auto;padding:30px;border-radius:12px;border:1px solid #ddd}.auth h1{font-size:26px}.auth p{color:#69727a}.auth label{display:block;margin:20px 0;font-size:14px;font-weight:700}.auth input{display:block;width:100%;padding:11px;margin-top:7px;border:1px solid #bbb;border-radius:7px}.auth .error{color:#a02626}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.sheet{max-height:none}}@media(max-width:560px){.workspace{padding:10px}.editor,.preview{padding:14px}.topbar{padding:12px}.grid{grid-template-columns:1fr}}