:root{--ink: #14110c;--ink-2: #1d1913;--ink-3: #2a241a;--ink-4: #353018;--paper: #f4ede0;--paper-dim: #b8ad99;--amber: #f0a830;--amber-deep: #c97f1a;--line: #3a3225;--ok: #8fb86a;--err: #e07070;--blue: #7ab8e8;--pink: #e8a0c0}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:#14110c;color:#f4ede0;font-family:"JetBrains Mono",monospace;line-height:1.6}.serif{font-family:"Instrument Serif",serif;font-weight:400}button{font-family:inherit;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;gap:14px;padding:0 20px;height:48px;border-bottom:1px solid #3a3225;background:#1d1913;flex-shrink:0}.topbar-sep{color:#3a3225;font-size:18px}.topbar-spacer{flex:1}.topbar-crumb{font-size:12px;color:#b8ad99}.topbar-crumb b{color:#f4ede0}.topbar-links{display:flex;gap:20px;font-size:12px}.topbar-links a{color:#b8ad99;transition:color .15s;text-decoration:none}.topbar-links a:hover{color:#f0a830}.logo{font-size:20px;letter-spacing:-0.5px;text-decoration:none;color:#f4ede0;flex-shrink:0}.logo .serif{font-size:25px;font-style:italic;color:#f0a830}.keyfield{display:flex;align-items:center;gap:7px;font-size:11px;color:#b8ad99}.keyfield input{background:#14110c;border:1px solid #3a3225;color:#f4ede0;padding:5px 9px;border-radius:3px;font-family:inherit;font-size:11px;width:200px;outline:none}.keyfield input:focus{border-color:#c97f1a}.dot{width:7px;height:7px;border-radius:50%;background:#b8ad99;flex-shrink:0}.dot.on{background:#8fb86a}.dot.off{background:#e07070}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);background:#353018;border:1px solid #c97f1a;color:#f4ede0;padding:11px 20px;border-radius:4px;font-size:13px;transition:transform .25s;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.5);white-space:nowrap}.toast.show{transform:translateX(-50%) translateY(0)}.toast.err{border-color:#e07070}.btn-ghost{font-family:inherit;font-size:13px;padding:10px 20px;background:rgba(0,0,0,0);color:#b8ad99;border:1px solid #3a3225;border-radius:3px;cursor:pointer;transition:all .12s}.btn-ghost:hover{border-color:#b8ad99;color:#f4ede0}.btn-danger{font-family:inherit;font-size:13px;padding:10px 20px;background:#e07070;color:#fff;border:1px solid #e07070;border-radius:3px;cursor:pointer;font-weight:700;transition:opacity .12s}.btn-danger:hover{opacity:.85}.copy-btn{font-family:inherit;font-size:10px;padding:3px 8px;background:rgba(0,0,0,0);border:1px solid #3a3225;color:#b8ad99;border-radius:2px;cursor:pointer;flex-shrink:0;transition:all .12s}.copy-btn:hover{border-color:#c97f1a;color:#f0a830}.copy-btn.ok,.copy-btn.copied{border-color:#8fb86a;color:#8fb86a}:root{--editor-fs: 13px}html{height:100%}body{height:100%;overflow:hidden;display:flex;flex-direction:column}.topbar{gap:14px;padding:0 20px;height:48px}.back-link{color:#b8ad99;text-decoration:none;font-size:12px;display:flex;align-items:center;gap:5px;transition:color .15s;white-space:nowrap}.back-link:hover{color:#f0a830}.logo{font-size:18px;letter-spacing:-0.5px;text-decoration:none;color:#f4ede0;flex-shrink:0}.logo .serif{font-size:23px;font-style:italic;color:#f0a830}.tpl-id-pill{display:flex;align-items:center;gap:7px;background:#14110c;border:1px solid #3a3225;border-radius:3px;padding:4px 10px;font-size:10px;color:#b8ad99}.tpl-id-pill .id-val{color:#c97f1a}.copy-id{background:rgba(0,0,0,0);border:none;color:#b8ad99;font-size:11px;padding:0 4px;cursor:pointer;transition:color .12s}.copy-id:hover{color:#f0a830}.dirty-dot{font-size:11px;color:#b8ad99;white-space:nowrap}.dirty-dot.on{color:#f0a830}.keyfield input{width:200px}.editor-bar{display:flex;align-items:center;gap:12px;padding:0 20px;height:44px;border-bottom:1px solid #3a3225;background:#2a241a;flex-shrink:0}.name-input{background:rgba(0,0,0,0);border:none;color:#f4ede0;font-family:inherit;font-size:14px;font-weight:700;outline:none;flex:1;min-width:0;border-bottom:1px dashed rgba(0,0,0,0);padding:2px 0;transition:border-color .15s}.name-input:focus{border-bottom-color:#c97f1a}.name-input::placeholder{color:#b8ad99;font-weight:400}.bar-spacer{flex:1}.btn-save{background:#f0a830;color:#14110c;border:1px solid #f0a830;padding:7px 18px;font-size:12px;font-weight:700;border-radius:3px;box-shadow:2px 2px 0 #c97f1a;transition:transform .12s,box-shadow .12s}.btn-save:hover{transform:translate(-1px, -1px);box-shadow:3px 3px 0 #c97f1a}.btn-save:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 #c97f1a}.btn-del{background:rgba(0,0,0,0);color:#b8ad99;border:1px solid #3a3225;padding:7px 12px;font-size:12px;border-radius:3px;transition:all .12s}.btn-del:hover{border-color:#e07070;color:#e07070}.split{display:flex;flex:1;overflow:hidden;min-height:0}.pane-left{display:flex;flex-direction:column;flex-shrink:0;width:50%;overflow:hidden;min-height:0;transition:width .2s ease}.pane-left.minimized{width:0 !important}.pane-right{display:flex;flex-direction:column;flex:1;overflow:hidden;min-width:0;min-height:0;transition:flex-basis .2s ease}.pane-right.minimized{flex:0 0 0px !important;overflow:hidden}.pane-label{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;border-bottom:1px solid #3a3225;background:#2a241a;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#b8ad99;flex-shrink:0}.divider{width:8px;flex-shrink:0;background:#2a241a;cursor:col-resize;border-left:1px solid #3a3225;border-right:1px solid #3a3225;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;transition:background .15s}.divider:hover,.divider.active{background:#1d1913}.div-btn{background:#14110c;border:1px solid #3a3225;color:#b8ad99;font-size:8px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;flex-shrink:0;transition:all .12s;padding:0;line-height:1;opacity:0}.divider:hover .div-btn,.div-btn.pinned{opacity:1}.div-btn:hover{background:#c97f1a;color:#14110c;border-color:#c97f1a}.v-divider{height:4px;flex-shrink:0;background:#3a3225;cursor:row-resize;transition:background .15s}.v-divider:hover,.v-divider.active{background:#c97f1a}.v-divider.hidden{display:none}.collapse-btn{background:none;border:none;color:#b8ad99;cursor:pointer;font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;transition:color .12s}.collapse-btn:hover{color:#f0a830}.code-area{flex:3 1 80px;min-height:80px;background:#1d1913;color:#f4ede0;border:none;padding:16px;font-family:inherit;font-size:var(--editor-fs);line-height:1.75;resize:none;outline:none;overflow-y:auto}.data-pane{display:flex;flex-direction:column;flex:1 1 160px;overflow:hidden;min-height:29px}.data-pane.collapsed{flex:0 0 29px}.data-area{flex:1;background:#14110c;color:#f4ede0;border:none;padding:14px 16px;font-family:inherit;font-size:var(--editor-fs);line-height:1.6;resize:none;outline:none;overflow-y:auto}.pdf-pane{display:none;flex-direction:column;flex:1 1 160px;overflow:hidden;min-height:29px}.pdf-pane.visible{display:flex}.pdf-pane.collapsed{flex:0 0 29px}.pdf-pane .data-area{flex:1;min-height:0}#pdfPaneInner{overflow-y:auto;flex:1;display:flex;flex-direction:column}.pdf-pane.collapsed #pdfPaneInner{display:none}.pdf-chips{display:flex;gap:5px}.pdf-chip{font-family:inherit;font-size:9px;letter-spacing:.5px;color:#b8ad99;background:#1d1913;border:1px solid #3a3225;border-radius:3px;padding:2px 7px;cursor:pointer;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.pdf-chip:hover{color:#f0a830;border-color:#c97f1a;background:#2a241a}.pdf-chip:active{background:#353018}.fmt-toggle{display:flex;overflow:hidden}.fmt-toggle button{background:#1d1913;color:#b8ad99;border:none;border-left:1px solid #3a3225;padding:0 10px;font-size:10px;font-family:inherit;cursor:pointer;height:100%;transition:all .12s}.fmt-toggle button:first-child{border-left:none}.fmt-toggle button.active{background:#c97f1a;color:#14110c;font-weight:700}.preview-scroll{flex:1;overflow:auto;padding:20px;background:#2a241a}.preview-frame{display:block;width:100%;min-height:300px;border:none;border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.4);background:#fff}.center-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#b8ad99;text-align:center;padding:40px}.center-state .serif{font-size:36px;font-style:italic;color:#f0a830}.center-state p{font-size:13px;max-width:38ch;line-height:1.7}.center-state a{color:#f0a830;text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#14110c}::-webkit-scrollbar-thumb{background:#3a3225;border-radius:4px}.webhook-pane{display:flex;flex-direction:column;flex:0 0 68px;overflow:hidden;min-height:29px}.webhook-pane.collapsed{flex:0 0 29px}.webhook-url-input{background:#14110c;border:none;border-top:1px solid #3a3225;color:#f4ede0;padding:10px 14px;font-family:inherit;font-size:11px;outline:none;width:100%;flex:1}.webhook-url-input:focus{border-top-color:#c97f1a}.webhook-url-input::placeholder{color:#b8ad99}.webhook-pane.collapsed .webhook-url-input{display:none}.font-sz-btn{background:rgba(0,0,0,0);border:1px solid #3a3225;color:#b8ad99;padding:3px 7px;font-size:11px;border-radius:3px;transition:all .12s}.font-sz-btn:hover{border-color:#c97f1a;color:#f0a830}