:root{font-family:DM Sans,sans-serif;color:#263730;background:#f7f8f4;font-synthesis:none;color-scheme:light;--ink: #1d3029;--muted: #607067;--green: #265c49;--line: #dce3da;--paper: #fff;--soft: #edf2e9}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:#dcebdc;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}svg{flex-shrink:0}::selection{background:#cfe5ba}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}button{transition:background-color .16s,color .16s,border-color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #6a913a;outline-offset:4px}#main:focus{outline:none}#main{scroll-margin-top:20px}.app-shell{max-width:1200px;margin:auto;padding:0 32px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--green);color:#f0f4de;border-radius:10px}.brand-dot{color:#77944a}.engine-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{height:6px;width:6px;background:#4e7a40;border-radius:50%}.intro{padding:33px 0 25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.intro h1{font-family:Manrope,sans-serif;font-size:46px;line-height:1.2;letter-spacing:-2px;font-weight:800;margin:10px 0 13px;color:var(--ink)}.intro h1 span{color:var(--green)}.intro-description{font-size:15px;line-height:1.6;color:var(--muted)}.start-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px}.composer{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 6px 20px #24352104;min-width:0}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-label h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px}.section-label>svg{margin-left:auto;color:#6c8557}.step-number{display:grid;place-items:center;background:var(--soft);color:var(--green);border:1px solid #dce6d3;border-radius:7px;font-size:11px;font-weight:700;width:27px;height:27px}.composer label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.composer textarea{display:block;width:100%;min-height:100px;padding:14px 16px;border:1px solid #cfd9cd;border-radius:9px;background:#fbfcf9;color:var(--ink);font-size:15px;line-height:1.6;resize:vertical;transition:border-color .16s,box-shadow .16s}.composer textarea::placeholder{color:#737f73}.composer textarea:focus{border-color:#658b55;box-shadow:0 0 0 3px #ecf2e5;outline:2px solid transparent}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.input-hint{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#1d493a}.button-primary:disabled{background:#e5ebe1;color:#56684d;border-color:#d8e2d2}.button-secondary{background:#fff;color:var(--ink);border-color:#ccd8c8}.button-secondary:hover{background:var(--soft);border-color:#79976b}.button-quiet{background:transparent;color:var(--green)}.button-quiet:hover{background:#e7eee1}.button-danger{background:#a63737;color:#fff}.button-danger:hover{background:#862929}.examples{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.examples>.eyebrow{margin-bottom:8px}.example-button{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-bottom:1px solid #eef1ea;min-height:44px;text-align:left;padding:10px 0;color:#46554c;font-size:12px;line-height:1.5}.example-button:last-child{border-bottom:0}.example-button>span:nth-child(2){flex:1}.example-number{font-size:10px;color:#66765c;font-variant-numeric:tabular-nums}.example-button>svg{color:#688658}.example-button:hover{color:var(--green);background:#f3f6ee}.example-button:disabled{opacity:.6}.workflow{background:#edf2e8;border:1px solid #dfe6d8;border-radius:16px;overflow:hidden;min-width:0}.blueprint{height:142px;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:33px;background-image:linear-gradient(#becdbb30 1px,transparent 1px),linear-gradient(90deg,#becdbb30 1px,transparent 1px);background-size:22px 22px;border-bottom:1px solid #dce4d5;color:var(--green)}.blueprint-caption,.blueprint-coordinate{position:absolute;font-size:8px;font-weight:500;letter-spacing:1.7px;color:#65765a}.blueprint-caption{top:14px;left:17px}.blueprint-coordinate{right:17px;bottom:12px}.blueprint-root{width:42px;height:42px;border:1px solid #99b08a;background:#f7faef;display:grid;place-items:center;border-radius:10px;z-index:1}.blueprint-branches{display:flex;justify-content:space-between;width:188px;position:relative;margin-top:23px}.blueprint-branches:before{content:"";position:absolute;height:23px;left:19px;right:19px;top:-12px;border:1px solid #9db08f;border-bottom:0;border-radius:7px 7px 0 0}.blueprint-branches:after{content:"";position:absolute;left:50%;height:24px;border-left:1px solid #9db08f;top:-24px}.blueprint-branches span{z-index:1;width:38px;height:34px;background:#f7faef;border:1px solid #b6c7aa;border-radius:7px;display:grid;place-items:center}.workflow-copy{padding:20px 25px}.workflow h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.6px}.workflow-steps{list-style:none;padding:0;margin:19px 0 20px;display:grid;gap:13px}.workflow-steps li{display:flex;gap:13px;align-items:baseline}.workflow-steps li>span{font-size:10px;font-weight:600;color:#667c54}.workflow h3{font-size:12px;font-weight:700;margin-bottom:3px}.workflow-steps p{font-size:12px;line-height:1.5;color:var(--muted)}.privacy-note{border-top:1px solid #d7e0d0;padding-top:14px;display:flex;gap:8px;line-height:1.6;font-size:10px;color:#53664b}.privacy-note svg{margin-top:2px}.workspace{margin-top:33px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.workspace-heading h2{font-family:Manrope,sans-serif;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#e7ece1;color:#54684a;border-radius:6px;font-family:DM Sans,sans-serif;font-size:11px;font-variant-numeric:tabular-nums}.workspace-heading>span{font-size:11px;color:var(--muted)}.empty-state{display:flex;align-items:center;gap:17px;min-height:99px;padding:22px 0}.empty-icon{width:46px;height:46px;display:grid;place-items:center;background:#eaf0e4;border:1px solid #dce5d4;border-radius:11px;color:#70865b}.empty-state h3{font-size:13px;font-weight:600;margin-bottom:5px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.5}.empty-caption{margin-left:auto;font-size:10px;color:#697b5e}.site-footer{border-top:1px solid var(--line);padding:19px 0 25px;display:flex;justify-content:space-between;gap:16px;color:#6a7864;font-size:10px}.site-footer>span:first-child{font-weight:700}.message{padding:12px 14px;font-size:13px;line-height:1.5;border-radius:7px;margin-top:16px}.message-error{background:#fff0ed;color:#a13030;border:1px solid #edc1b9}.message-success{background:#eaf2e4;color:#36592c}.idea-plan{padding:23px 0;border-bottom:1px solid var(--line)}.plan-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.plan-title{min-width:0;overflow-wrap:anywhere}.plan-title h3{font-family:Manrope,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.6px}.plan-title>p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:7px}.progress-label{display:inline-block;font-size:11px;color:var(--green);margin:14px 10px 0 0;font-variant-numeric:tabular-nums}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:5px;vertical-align:middle;border:0;background:#e3e9dc;border-radius:4px}progress::-webkit-progress-bar{background:#e3e9dc;border-radius:4px}progress::-webkit-progress-value{background:#5c8151;border-radius:4px}progress::-moz-progress-bar{background:#5c8151;border-radius:4px}.plan-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0;max-width:360px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;background:transparent;color:#66765f;border:1px solid transparent;border-radius:7px;flex-shrink:0}.icon-button:hover{background:var(--soft);color:var(--ink)}.danger-hover:hover{color:#aa3030;background:#fbeae5}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.action-grid>div{min-width:0}.action-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-wrap:anywhere}.action-completed{border-color:#b7cba7;background:#f4f8ef}.action-failed{border-color:#e2b3a7}.action-processing{border-color:#b1c28d}.action-heading{display:flex;align-items:flex-start;gap:4px}.action-heading>div{min-width:0;flex:1}.action-heading .icon-button{margin:-9px -10px 0 0}.action-heading h4{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.3px;line-height:1.4}.action-heading p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:9px}.result-preview{font-size:11px;line-height:1.6;color:#506a40;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.action-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}.task-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#62715b}.status-completed{color:#3c6b2c}.status-failed{color:#a13030}.task-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.task-controls .button{font-size:11px;padding:8px 9px}.task-controls .button-quiet{padding-left:0}.follow-up-label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);margin:0 0 9px 4px}.action-grid>div:has(.follow-up-label){display:flex;flex-direction:column}.result-dialog{border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);width:min(760px,calc(100% - 32px));max-height:85dvh;padding:0;box-shadow:0 20px 80px #15281b30}.result-dialog::backdrop{background:#10241bb0}.dialog-content{display:flex;flex-direction:column;max-height:85dvh}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:23px;border-bottom:1px solid var(--line);background:#f7f9f3}.dialog-header>div:first-child{min-width:0}.dialog-header h2{font-family:Manrope,sans-serif;font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin-top:7px}.dialog-controls{display:flex;gap:6px;align-items:center}.close-icon{transform:rotate(45deg)}.dialog-body{padding:24px;overflow-y:auto;overscroll-behavior:contain}.copy-status{font-size:12px;color:var(--green);padding:0 24px}.copy-status:not(:empty){padding-top:12px}.dialog-footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.md-body{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.md-body h1{font-family:Manrope,sans-serif;font-size:24px;margin:0 0 16px}.md-body h2{font-size:18px;margin:24px 0 10px}.md-body h3{font-size:16px;margin:16px 0 7px}.md-body p{margin:8px 0}.md-body ul,.md-body ol{padding-left:22px;margin:10px 0}.md-body li{margin:5px 0}.md-body code{background:#edf2e8;padding:2px 4px;border-radius:4px;font-size:.9em}.md-body pre{background:#f2f5ee;border:1px solid var(--line);padding:15px;border-radius:8px;overflow-x:auto}.md-body pre code{padding:0}.md-body a{color:var(--green);text-decoration:underline}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:var(--green);color:#fff;border-radius:6px}.skip-link:focus{top:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:900px){.composer-actions>.button{min-width:194px}}@media(max-width:1000px){.shortcut{display:none}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:41px}.workflow-copy{padding:23px 20px}}@media(max-width:700px){.app-shell{padding:0 20px}.site-header{padding:20px 0;flex-wrap:wrap;gap:12px}.brand{font-size:21px}.brand-mark{width:33px;height:33px;border-radius:8px}.engine-badge{font-size:10px;gap:6px}.intro{padding:29px 0 22px}.intro .eyebrow{font-size:9px;letter-spacing:1.4px}.intro h1{font-size:36px;line-height:1.19;letter-spacing:-1.6px;max-width:360px;margin:10px 0 12px}.intro h1 span{display:block}.intro-description{font-size:13px;line-height:1.6;max-width:330px}.start-layout{grid-template-columns:1fr;gap:16px}.composer{padding:20px;border-radius:12px}.section-label{margin-bottom:17px}.section-label h2{font-size:16px}.composer textarea{min-height:108px;font-size:16px;padding:12px}.composer-actions{flex-wrap:wrap;gap:10px;margin-top:10px}.input-hint{font-size:10px}.composer-actions>.button{width:100%;min-height:44px;font-size:13px}.examples{margin-top:19px;padding-top:16px}.example-button{font-size:12px;min-height:48px;gap:9px}.workflow{display:flex;border-radius:12px}.blueprint{display:none}.workflow-copy{padding:18px 20px;width:100%}.workflow h2{font-size:17px}.workflow-steps{gap:12px;margin:16px 0}.workflow-steps li{gap:10px}.workflow h3,.workflow-steps p{font-size:12px}.privacy-note{font-size:10px}.workspace{margin-top:25px}.workspace-heading>span{display:none}.workspace-heading h2{font-size:16px}.empty-state{gap:12px;padding:18px 0;align-items:flex-start}.empty-icon{width:40px;height:40px;flex-shrink:0}.empty-caption{display:none}.empty-state p{font-size:11px}.site-footer{font-size:9px;padding:17px 0 24px}.plan-heading{flex-direction:column;gap:15px}.plan-title h3{font-size:21px}.plan-controls{max-width:100%}.action-grid{grid-template-columns:1fr;gap:12px}.task-controls .button{font-size:12px}.task-controls .button-quiet{padding-left:9px}.result-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:15px 15px 0 0;max-height:90dvh}.dialog-content{max-height:90dvh}.dialog-header{padding:18px;flex-wrap:wrap}.dialog-header h2{font-size:18px}.dialog-controls{margin-left:auto}.dialog-body{padding:20px}.dialog-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){main{display:flex;flex-direction:column}.start-layout{display:contents}.intro{order:0}.composer{order:1}.workspace{order:2}.workflow{order:3;margin:12px 0 24px}.site-header{padding:16px 0}.intro{padding:23px 0 19px}.intro h1{font-size:34px}.composer{padding:18px}.composer textarea{min-height:100px}.section-label{margin-bottom:13px}}
