@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,'DM Sans',Arial,sans-serif;color:#24221e;background:#f7f6f2;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#e63a24}.button{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button-primary{background:#ef321e;color:#fff;box-shadow:0 4px 12px #ef321e29}.button-primary:hover{background:#db2a18}.button-quiet{background:#f4f3ef;color:#2c2b27;border-color:#e7e5df}.button-outline{background:transparent;color:#292823;border-color:#dcd9d0}.button-outline:hover{background:#f9f8f4}.icon-button{width:31px;height:31px;border:1px solid #dedbd4;border-radius:9px;background:#fff;color:#4f4b44;font-size:21px;line-height:1;display:grid;place-items:center}.icon-button:hover{border-color:#ef321e;color:#ef321e}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f9f8f5}.login-accent{background:#ee321d;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:7vw}.login-wordmark{font-size:clamp(45px,7vw,115px);font-weight:900;letter-spacing:-.09em;line-height:1}.login-wordmark span{font-size:.3em;vertical-align:top;letter-spacing:0}.login-accent p{font-size:clamp(24px,3vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1.08;margin:0}.login-card{align-self:center;justify-self:center;width:min(390px,80%);display:flex;flex-direction:column;gap:18px}.login-card h1{font-size:32px;letter-spacing:-.06em;margin:0}.login-card p{color:#77746c;font-size:13px;line-height:1.6;margin:-9px 0 9px}.login-card label{font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:7px}.login-card input{border:1px solid #ddd9d0;border-radius:10px;padding:13px 14px;background:#fff;outline:0;font-size:13px}.login-card input:focus{border-color:#ef321e;box-shadow:0 0 0 3px #ef321e15}.login-card .button{margin-top:7px;padding:14px}.form-error{font-size:12px;color:#ba281a;min-height:16px}.workspace{min-height:100vh}.topbar{height:75px;background:#fff;border-bottom:1px solid #e8e6e1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{height:38px;width:38px;background:#ef321e;color:#fff;border-radius:9px;display:grid;place-items:center;font-size:23px;font-weight:900;letter-spacing:-.1em}.brand-mark span{font-size:12px;vertical-align:top;letter-spacing:0}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:13px;letter-spacing:-.03em}.brand-copy small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#969087;margin-top:4px}.top-actions{display:flex;align-items:center;gap:9px}.save-state{font-size:11px;color:#89847b;margin-right:10px;white-space:nowrap}.save-state.dirty{color:#b9741d}.account-button{border:1px solid #e7e5df;background:#fff;border-radius:9px;width:37px;height:37px;font-size:22px;color:#59564f}.layout{display:grid;grid-template-columns:230px minmax(420px,1fr) minmax(320px,410px);min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid #e8e6e1;background:#fbfaf7;display:flex;flex-direction:column;padding:30px 15px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 9px 20px}.sidebar-head .icon-button{background:transparent}.section-link{width:100%;border:0;background:transparent;color:#666158;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 14px;border-radius:10px;font-size:12px;font-weight:700;margin-bottom:3px}.section-link:hover{background:#f1eee8}.section-link.active{background:#ffe6e0;color:#dc321d}.section-link .section-count{background:#edeae4;color:#8a857b;border-radius:6px;padding:3px 7px;font-size:10px}.section-link.active .section-count{background:#ffd0c5;color:#c72f1b}.sidebar-bottom{margin-top:auto;border-top:1px solid #eae7e0;padding-top:14px}.sidebar-link{width:100%;background:transparent;border:0;color:#777168;text-align:left;padding:12px 14px;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700}.sidebar-link:hover{background:#f1eee8;color:#27241f}.editor-panel{padding:35px clamp(23px,3vw,58px) 70px;min-width:0}.editor-intro{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e7e3dc;padding-bottom:30px;margin-bottom:30px}.editor-intro h1{font-size:31px;letter-spacing:-.065em;margin:6px 0 5px}.editor-intro p{font-size:12px;color:#8b867e;margin:0}.count-card{background:#fff;border:1px solid #eeeae2;border-radius:12px;padding:12px 16px;min-width:95px;text-align:center;font-size:11px;color:#8f897f}.count-card strong{display:block;font-size:24px;color:#24221e;line-height:1.1}.section-card{background:#fff;border:1px solid #eae7e0;border-radius:16px;padding:24px;margin-bottom:22px;box-shadow:0 5px 22px #554b3510}.section-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #efede8;padding-bottom:19px;margin-bottom:20px}.section-card-head h2{font-size:18px;letter-spacing:-.04em;margin:5px 0 0}.section-card-actions{display:flex;gap:6px}.section-fields{display:grid;grid-template-columns:1fr 160px;gap:12px;margin-bottom:25px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field span,.toggle-group-label{font-size:10px;font-weight:800;color:#8b867e;letter-spacing:.03em}.field input,.field textarea,.field select{width:100%;background:#f9f8f5;border:1px solid #e8e5dd;border-radius:9px;padding:10px 12px;outline:0;color:#24221e;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ef321e;box-shadow:0 0 0 3px #ef321e12}.field textarea{resize:vertical;min-height:57px;line-height:1.45}.items-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.items-heading h3{font-size:12px;margin:0;letter-spacing:-.02em}.tiny-add{border:0;background:transparent;color:#ef321e;font-size:11px;font-weight:800;padding:6px}.item-card{border:1px solid #eeeae4;border-radius:12px;padding:17px;margin-bottom:11px;background:#fff}.item-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.item-index{font-size:10px;font-weight:800;color:#bbb6ae;letter-spacing:.08em}.item-controls{display:flex;gap:3px}.item-controls button,.section-card-actions button{border:0;background:transparent;color:#979188;padding:4px 6px;font-size:15px}.item-controls button:hover,.section-card-actions button:hover{color:#ef321e}.item-grid{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.item-grid .description{grid-column:1/-1}.item-visibility{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:15px;margin-top:15px;border-top:1px solid #f0eee9}.toggle{display:inline-flex;gap:6px;align-items:center;font-size:10px;font-weight:800;color:#635e55;cursor:pointer}.toggle input{accent-color:#ee321d;width:14px;height:14px;margin:0}.toggle.muted{color:#aaa49a}.empty-state{padding:35px 15px;border:1px dashed #dfd9ce;border-radius:12px;text-align:center;color:#928b80;font-size:12px}.preview-panel{background:#f1efe9;border-left:1px solid #e4e0d7;padding:35px 25px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:flex-start}.preview-heading h2{font-size:21px;letter-spacing:-.05em;margin:5px 0 0}.preview-heading .icon-button{background:#f8f7f2}.format-switch{display:flex;padding:4px;background:#e8e4db;border-radius:10px;margin-top:25px;gap:4px}.format-switch button{flex:1;border:0;background:transparent;color:#8a847a;border-radius:7px;padding:9px 4px;font-size:10px;font-weight:800}.format-switch button.active{background:#fff;color:#2d2a25;box-shadow:0 1px 5px #34260e12}.preview-frame{margin-top:18px;background:#e9e6de;border:1px solid #ddd8cb;min-height:410px;height:min(58vh,610px);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-frame iframe{width:100%;height:100%;border:0;background:#fff}.preview-placeholder{font-size:12px;color:#938b7c;text-align:center;padding:20px}.preview-status{font-size:10px;line-height:1.5;color:#938d83;margin:12px 0 18px}.preview-status.error{color:#c12f1e}.preview-downloads{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-downloads .button{font-size:10px;padding:9px 5px;background:#f8f7f2}.modal-backdrop{position:fixed;inset:0;background:#1917119c;z-index:30;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(530px,100%);max-height:min(80vh,740px);overflow:auto;padding:26px;box-shadow:0 20px 80px #0002}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.modal-heading h2{font-size:20px;letter-spacing:-.05em;margin:0}.modal-list{display:flex;flex-direction:column;gap:8px}.modal-row{border:1px solid #eeeae3;border-radius:10px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.modal-row strong{display:block;font-size:12px}.modal-row small{display:block;color:#958e83;margin-top:4px}.modal-row button{border:0;background:#f8e4df;color:#d23620;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}.modal-form{display:flex;gap:8px;margin-bottom:17px}.modal-form input{flex:1;min-width:0;border:1px solid #dedbd4;border-radius:9px;padding:10px;font-size:12px}.modal-note{font-size:11px;line-height:1.6;color:#847d73}.secret-box{background:#f7f4ed;border:1px solid #e8e1d4;border-radius:10px;padding:14px;margin:12px 0;font-size:12px;word-break:break-all}.toast{position:fixed;bottom:25px;right:25px;background:#27241f;color:#fff;border-radius:10px;padding:13px 18px;font-size:12px;box-shadow:0 8px 30px #0002;z-index:40;max-width:360px}.toast.error{background:#ba3426}
@media(max-width:1250px){.layout{grid-template-columns:185px minmax(420px,1fr)}.preview-panel{grid-column:2;grid-row:2;border-top:1px solid #e4e0d7;border-left:0}.preview-frame{height:500px}}@media(max-width:760px){.topbar{padding:0 13px}.brand-copy small,.save-state{display:none}.top-actions{gap:5px}.top-actions .button{padding:9px 10px;font-size:10px}.layout{display:block}.sidebar{padding:12px;border-right:0;border-bottom:1px solid #e8e6e1}.sidebar-head{padding-bottom:7px}.sidebar nav{display:flex;gap:4px;overflow:auto}.section-link{white-space:nowrap;width:auto}.sidebar-bottom{display:none}.editor-panel{padding:26px 16px}.editor-intro{align-items:flex-start}.editor-intro h1{font-size:25px}.count-card{padding:9px;min-width:65px}.section-card{padding:17px}.section-fields{grid-template-columns:1fr}.preview-panel{padding:25px 16px}.login-shell{grid-template-columns:1fr}.login-accent{min-height:160px;padding:25px}.login-accent p{display:none}.login-card{padding:35px 0}}
.account-form{display:flex;flex-direction:column;gap:9px;border-top:1px solid #efede7;padding:16px 0;margin:15px 0}.account-form h3{font-size:13px;margin:0 0 2px}.account-form input{border:1px solid #dedbd4;border-radius:9px;padding:10px;font-size:12px;width:100%}.account-form input[type=file]{padding:8px}.account-form .button{align-self:flex-start}.account-form .modal-note{margin:0 0 3px}