:root{--paper: #f2efe6;--paper-raised: #ffffff;--ink: #14130f;--ink-soft: #4a463c;--muted: #6b6558;--rule: #ddd7c8;--rule-soft: #e6e0d2;--accent: #a33b1f;--accent-hover: #8a3119;--accent-wash: #f7ebe4;--danger: #a33b1f;--success: #2f6146;--radius: 3px;--font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--font-read: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--rail-w: 132px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-read);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--ink) .5px,transparent .5px);background-size:5px 5px;opacity:.045}.app{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 5rem}body.home .app{max-width:1080px}body.view-full .app{max-width:1240px}.stamp,.masthead,.rail,.composer-hint,.chip,.tool-section-label,.tool-divider,.quick-actions,.site-footer{font-family:var(--font-mono)}.sheet{border:1px solid var(--ink);background:var(--paper)}.masthead{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--ink);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.masthead-mark{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.masthead-brand{font-weight:700;color:inherit;text-decoration:none;white-space:nowrap}.masthead-meta{margin-left:auto;color:var(--muted);letter-spacing:.1em;text-align:right}.sheet-grid{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr)}.rail{border-right:1px solid var(--rule);padding:1.15rem .7rem 1.15rem 1rem;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);line-height:1.45}.rail-item{padding:.45rem 0;border-bottom:1px solid var(--rule-soft)}.rail-item:first-child{padding-top:0}.rail-item:last-child{border-bottom:0;padding-bottom:0}.rail-value{display:block;margin-top:.2rem;font-size:.66rem;letter-spacing:.02em;text-transform:none;color:var(--ink);font-weight:500}.sheet-body{padding:1.5rem 1.6rem 1.7rem;min-width:0}.stamp{display:inline-block;margin-bottom:.85rem;padding:.2rem .5rem;border:1px solid var(--accent);color:var(--accent);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.032em;line-height:1.1;color:var(--ink)}h1{font-size:1.75rem;margin:0 0 .6rem}p{margin:0 0 .9rem}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}code{font-family:var(--font-mono)}.muted{color:var(--muted)}.hint{font-size:.85rem;line-height:1.55}.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}.hero-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5.4vw,3.3rem);line-height:1.05;letter-spacing:-.038em;max-width:18ch}.hero-accent{color:var(--accent)}.hero-kicker{display:block;margin-top:.5rem;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-sub{margin:.9rem 0 0;max-width:48ch;font-family:var(--font-read);font-size:1.02rem;line-height:1.62;color:var(--ink-soft)}.composer{margin-top:1.1rem;max-width:620px}.composer-bar{display:flex;align-items:center;gap:.55rem;padding:.55rem .55rem .55rem .7rem;background:var(--ink);border-radius:var(--radius)}.composer-chip{flex:none;padding:.28rem .45rem;background:#a33b1f47;color:#d9a68f;font-family:var(--font-mono);font-size:.66rem;white-space:nowrap}.composer-task{flex:1;min-width:0;font-family:var(--font-mono);font-size:.74rem;color:#e8e4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-caret{flex:none;width:2px;height:.95rem;background:var(--accent);animation:composer-blink 1s steps(1,end) infinite}.composer-send{flex:none;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:var(--accent);color:var(--paper);font-size:.85rem;cursor:pointer}.composer-send:hover{background:var(--accent-hover)}.composer-hint{margin:.5rem 0 0;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.composer-examples{list-style:none;margin:.5rem 0 0;padding:0;font-family:var(--font-mono);font-size:.68rem;color:var(--muted)}@keyframes composer-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}button,.cta-primary,.cta-ghost{font-family:var(--font-mono)}button{padding:.55rem .9rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer}button:hover:not(:disabled){background:var(--ink);color:var(--paper)}button:disabled{opacity:.4;cursor:not-allowed}button.cta-primary,.cta-primary{display:inline-block;padding:.6rem 1rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-decoration:none;cursor:pointer}button.cta-primary:hover:not(:disabled),.cta-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}button.cta-ghost,.cta-ghost{display:inline-block;padding:0;border:0;border-bottom:1px solid var(--accent);border-radius:0;background:none;color:var(--ink);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;font-weight:500;text-decoration:none;cursor:pointer}button.cta-ghost:hover:not(:disabled),.cta-ghost:hover{background:none;color:var(--accent)}button.danger{border-color:var(--accent);color:var(--accent)}button.danger:hover:not(:disabled){background:var(--accent);color:var(--paper)}.install-cta{margin-top:1.15rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.actions,.result-actions,.install-panel-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.chips{list-style:none;margin:1rem 0 0;padding:.9rem 0 0;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.32rem .55rem;border:1px solid var(--rule);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.install-panel{margin-top:1.15rem;border:1px solid var(--rule);background:var(--paper-raised);padding:1rem 1.1rem}.install-panel-title{margin:0 0 .6rem;font-size:.95rem}.install-prompt{margin:0 0 .8rem;padding:.8rem .9rem;background:var(--ink);color:#e8e4d8;font-family:var(--font-mono);font-size:.72rem;line-height:1.65;white-space:pre-wrap;overflow-x:auto}.create-tool{margin-top:2rem}.tool-divider{padding-bottom:.7rem;border-bottom:1px solid var(--ink);margin-bottom:1.1rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem}.tool-editor,.tool-preview{display:flex;flex-direction:column;min-width:0}.tool-options{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.7rem}.tool-options>div{flex:1;min-width:120px}.tool-section-label{display:block;margin-bottom:.5rem;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tool-preview .markdown-preview{border:1px solid var(--rule);background:var(--paper-raised);padding:.9rem 1rem;min-height:180px}label{display:block;margin-bottom:.35rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}input,textarea,select{width:100%;padding:.55rem .65rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font-family:var(--font-mono);font-size:.85rem;line-height:1.55}textarea{resize:vertical;min-height:140px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.checkbox{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;text-transform:none;letter-spacing:.04em;font-size:.72rem;color:var(--ink-soft)}.checkbox input{width:auto;accent-color:var(--accent)}.error,.warning,.success{font-family:var(--font-mono);font-size:.72rem;line-height:1.6}.error{color:var(--accent)}.success{color:var(--success)}.warning{margin:0;padding:.6rem .85rem .35rem;border-left:2px solid var(--accent);background:var(--accent-wash);color:var(--accent);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;font-weight:500}.result-title{margin:0 0 .5rem;font-size:1.6rem}.share-url{display:block;margin:.8rem 0 1rem;padding:.7rem .85rem;border:1px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--font-mono);font-size:.82rem;word-break:break-all;text-decoration:none}.share-url:hover{border-color:var(--accent);color:var(--accent)}.token-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:0 0 .7rem;padding:.2rem .85rem .7rem;background:var(--accent-wash);border-left:2px solid var(--accent)}.token-row code{flex:1;min-width:180px;font-size:.9rem;color:var(--ink);word-break:break-all}.markdown-preview{font-family:var(--font-read);font-size:calc(1.05rem * var(--view-font-scale, 1));line-height:1.7;color:var(--ink);overflow-wrap:anywhere;min-width:0}.markdown-preview>*:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{font-family:var(--font-display);margin:1.6em 0 .5em;line-height:1.15}.markdown-preview h1{font-size:1.65em}.markdown-preview h2{font-size:1.3em;padding-bottom:.25em;border-bottom:1px solid var(--rule)}.markdown-preview h3{font-size:1.08em}.markdown-preview p{margin:0 0 1em}.markdown-preview a{color:var(--accent)}.markdown-preview ul,.markdown-preview ol{padding-left:1.3em;margin:0 0 1em}.markdown-preview li{margin-bottom:.35em}.markdown-preview pre{background:var(--ink);color:#e8e4d8;padding:.9rem 1rem;border-radius:var(--radius);overflow-x:auto;font-size:.82em;line-height:1.7}.markdown-preview pre:has(.mermaid-diagram),.markdown-preview pre:has(.mermaid-loading){background:none;padding:0}.markdown-preview code{font-family:var(--font-mono);font-size:.86em}.markdown-preview :not(pre)>code{padding:.1em .3em;background:var(--rule-soft)}.markdown-preview pre code{background:none;padding:0}.markdown-preview .table-scroll{overflow-x:auto;margin:0 0 1em}.markdown-preview table{border-collapse:collapse;font-family:var(--font-mono);font-size:.78em;overflow-wrap:normal}.markdown-preview th{text-align:left;border-bottom:1px solid var(--ink);padding:.45rem .7rem .45rem 0;font-size:.9em;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.markdown-preview td{border-bottom:1px solid var(--rule-soft);padding:.45rem .7rem .45rem 0}.markdown-preview blockquote{margin:0 0 1em;padding-left:1rem;border-left:2px solid var(--accent);color:var(--ink-soft);font-style:italic}.markdown-preview hr{border:0;border-top:1px solid var(--rule);margin:1.8em 0}.markdown-preview img{max-width:100%;height:auto}.mermaid-diagram{position:relative;width:100%;height:min(60vh,480px);margin:1rem 0;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);overflow:hidden}.mermaid-diagram-viewport{cursor:grab;touch-action:pan-y}.mermaid-diagram-viewport:active{cursor:grabbing}.mermaid-diagram-content{align-items:center;justify-content:center}.mermaid-diagram-svg{padding:1rem}.mermaid-diagram-svg svg{max-width:100%;height:auto;display:block}.mermaid-loading{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mermaid-diagram-error{height:auto;overflow:visible;padding:.9rem 1rem}.mermaid-error-note{margin:.4rem 0 0;font-family:var(--font-mono);font-size:.72rem;color:var(--accent)}.diagram-zoom-controls{position:absolute;top:.5rem;right:.5rem;z-index:2;display:flex;align-items:center;gap:.15rem;padding:.15rem;border:1px solid var(--rule);background:#fffffff0}.diagram-zoom-controls button{position:relative;width:1.75rem;height:1.75rem;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;font-size:.8rem}.diagram-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;padding:2rem;background:#14130fb8}.diagram-fullscreen .mermaid-diagram{flex:1;height:auto;margin:0;background:var(--paper)}.diagram-fullscreen-close{position:absolute;top:1rem;right:1rem;z-index:101;background:var(--paper);border:1px solid var(--ink)}.quick-actions button:hover:not(:disabled),.diagram-zoom-controls button:hover:not(:disabled),.diagram-fullscreen-close:hover:not(:disabled){background:var(--rule-soft);color:var(--accent)}.quick-actions button[aria-pressed=true]{background:var(--rule-soft);color:var(--accent)}.quick-actions button:focus-visible,.diagram-zoom-controls button:focus-visible,.diagram-fullscreen-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.quick-actions button:after,.diagram-zoom-controls button:after,.diagram-fullscreen-close:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .55rem);right:0;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .5rem;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.quick-actions button:hover:after,.quick-actions button:focus-visible:after,.diagram-zoom-controls button:hover:after,.diagram-zoom-controls button:focus-visible:after,.diagram-fullscreen-close:hover:after,.diagram-fullscreen-close:focus-visible:after{opacity:1;transform:translateY(0)}.quick-actions{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;align-items:center;gap:.35rem;padding:.25rem .4rem;border:1px solid var(--ink);background:var(--paper)}.quick-actions button{position:relative;min-width:1.9rem;height:1.9rem;padding:0 .3rem;border:0;background:none;display:flex;align-items:center;justify-content:center;font-size:.68rem}.quick-actions-divider{width:1px;height:1rem;background:var(--rule)}.site-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--rule);display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}body.home .sheet-body>*{animation:fade-up .45s ease both}body.home .hero-title{animation-delay:.04s}body.home .hero-sub{animation-delay:.1s}body.home .composer{animation-delay:.18s}body.home .install-cta{animation-delay:.22s}body.home .chips{animation-delay:.3s}@media (max-width: 860px){.tool-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app{padding:1.25rem .75rem 4.5rem}.sheet-grid{grid-template-columns:minmax(0,1fr)}.rail{border-right:0;border-bottom:1px solid var(--rule);padding:.7rem 1rem;display:flex;flex-wrap:wrap;gap:0 1.1rem}.rail-item{border-bottom:0;padding:.2rem 0}.rail-value{display:inline;margin-left:.35rem}.sheet-body{padding:1.15rem 1rem 1.3rem}.hero-title{font-size:clamp(1.75rem,8vw,2.4rem)}.masthead{font-size:.55rem;letter-spacing:.1em}.masthead-meta{max-width:52%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagram-fullscreen{padding:.75rem}.diagram-fullscreen-close{top:.25rem;right:.25rem}}@media (max-width: 480px){.composer-bar{flex-wrap:wrap}.composer-send{order:1;margin-left:auto}.composer-task{order:2;flex:1 1 auto;min-width:calc(100% - 2rem)}.composer-caret{order:3}}@media (prefers-reduced-motion: reduce){body.home .sheet-body>*{animation:none}.composer-caret{animation:none}}