:root{--paper:#f7f6f2;--ink:#202c31;--muted:#687476;--line:#dedfd8;--accent:#a45c38;--sage:#3c6b5a;--nav:#172d32;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,summary,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a45c3880;outline-offset:4px}button{color:inherit}a{color:inherit}button{border:0} [hidden]{display:none!important}.sidebar{width:246px;background:var(--nav);color:#d6dfdc;position:fixed;inset:0 auto 0 0;padding:34px 22px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-family:var(--serif);color:#fcfbf4;line-height:1.3}.brand-mark{font:36px var(--serif);color:#deae8a}.brand small{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:7px;color:#9cb3b1}.new-button{margin:35px 0 31px;border:1px solid #627873;border-radius:6px;background:#ffffff08;color:#e8eeeb;padding:11px 14px;display:flex;gap:12px;align-items:center;text-align:left}.new-button:hover{background:#ffffff12}.library-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#9ab0ac}.library-label span{letter-spacing:0}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ffffff24;margin:10px 0 17px;padding:7px 0;color:#a4b6b1}.search input{width:100%;background:none;border:0;color:#ecf0ea;font-size:12px;outline:none}.search:focus-within{border-color:#deae8a}.search input::placeholder{color:#a4b6b1}#library{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#68827c transparent}.library-item{display:block;text-align:left;width:100%;padding:13px 12px;margin-bottom:6px;border-radius:5px;background:none;color:#b6c8c2;border:1px solid transparent}.library-item:hover{background:#ffffff07}.library-item.active{background:#ffffff0c;border-color:#ffffff24;color:#fff}.library-item .library-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.6}.library-item small{display:flex;gap:7px;margin-top:7px;color:#8fa9a3;font-size:10px}.library-item.active small{color:#b3c8be}.sidebar-footer{padding-top:22px;margin-top:16px;border-top:1px solid #ffffff20;font-size:10px;color:#b4c8c1}.sidebar-footer small{display:block;color:#8ca6a0;margin:6px 0 0 13px;font-size:9px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b5bca0;margin-right:5px}main{margin-left:246px;padding:0 52px;max-width:1660px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:1.8px}.topbar-note{letter-spacing:0;font-size:11px}.topbar-note span{margin-left:13px;color:var(--accent)}#workspace{padding-top:24px}.navigation{display:flex;align-items:center;gap:12px;min-height:32px;margin-bottom:35px}.text-button{background:none;padding:5px 0;font-size:12px;white-space:nowrap;color:var(--muted)}.text-button:hover{color:var(--accent)}#reuse{margin-left:auto}#breadcrumbs{display:flex;gap:9px;align-items:center;min-width:0;overflow:auto;scrollbar-width:thin}#breadcrumbs button{background:none;padding:4px 0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);flex-shrink:0}#breadcrumbs button:last-child{color:var(--ink)}.crumb-sep{color:#a2a7a0;font-size:11px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:600}.hero-label{display:flex;align-items:center;justify-content:space-between;gap:15px}h1{font:normal 39px/1.22 var(--serif);letter-spacing:-.7px;margin:20px 0 18px;max-width:1060px;overflow-wrap:anywhere}h1.compact-title{font-size:34px}h1 em{color:var(--accent);font-weight:400}.full-task{margin:0 0 18px;max-width:930px;color:var(--muted)}.full-task summary{cursor:pointer;font-size:12px;color:var(--accent)}.full-task p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.status{display:inline-flex;align-items:center;gap:7px;color:var(--sage);font-size:11px;background:#e9eee7;padding:5px 10px;border-radius:20px;white-space:nowrap}.status.running::before{content:'';height:6px;width:6px;background:var(--sage);border-radius:50%;animation:pulse 2s infinite}.status.error{background:#f4e5dd;color:#9d4225}.status.limited,.status.paused,.status.interrupted{background:#eee9dc;color:#796542}@keyframes pulse{50%{opacity:.35}}.hero-description{color:var(--muted);font-size:13px;margin:0 0 24px;max-width:800px}.generation-control{display:flex;gap:10px;align-items:center;margin:15px 0 20px;flex-wrap:wrap}.generation-control input{width:60px;padding:5px;border:1px solid var(--line);background:transparent;border-radius:4px}.generation-control label{font-size:11px;color:var(--muted)}.generation-control button{background:#e7e8e1;padding:7px 13px;border-radius:4px;font-size:11px}.generation-control button:hover{background:#dcdfd4}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;margin:26px 0 0}.metric{padding:0 23px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font:28px var(--serif);margin-right:9px}.metric span{font-size:11px;color:var(--muted)}.contents{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:19px 0 28px;color:var(--muted);font-size:10px}.contents>span{letter-spacing:1.6px;margin-right:7px}.contents a{padding:5px 9px;text-decoration:none;border:1px solid var(--line);border-radius:4px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contents a:hover{border-color:var(--accent);color:var(--accent)}.work-section{margin:16px 0 48px;--section:#a45c38}.section-heading{display:flex;align-items:flex-start;gap:17px;border-top:2px solid var(--section);padding:21px 0 18px}.section-number{font:italic 27px/1.1 var(--serif);color:var(--section);padding-top:3px}.section-heading h2{font:normal 24px/1.3 var(--serif);margin:0 0 8px;overflow-wrap:anywhere}.section-heading .section-description{margin:0;max-width:900px;font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.section-heading details{margin-top:8px;font-size:11px;color:var(--muted)}.section-heading details summary{cursor:pointer}.section-heading details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.section-heading small{display:block;margin-top:8px;font-size:10px;color:var(--section)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-card{background:#fffefa;text-align:left;padding:22px 23px 18px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;position:relative;min-height:235px;width:100%;box-shadow:0 2px 3px #182e3103;transition:border-color .18s,box-shadow .18s,transform .18s}.task-card:hover{border-color:var(--section);box-shadow:0 6px 16px #182e310a;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;letter-spacing:1.2px;color:var(--section)}.card-top .badge{letter-spacing:0;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.badge i{width:5px;height:5px;border-radius:50%;background:#a5ac9b}.badge.ready i{background:var(--sage)}.task-card h3{font:normal 19px/1.4 var(--serif);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-preview{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-footer{display:flex;gap:9px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #ecece5;font-size:10px;color:var(--muted)}.card-count{display:flex;gap:8px;flex-wrap:wrap}.card-count span+span::before{content:'·';margin-right:8px}.card-arrow{font-size:19px;color:var(--section)}.pending-card{min-height:165px;background:#f0f0e9;border:1px dashed #d4d7cc;cursor:default}.pending-card:hover{transform:none;box-shadow:none;border-color:#d4d7cc}.skeleton-line{height:8px;background:#e0e3d9;border-radius:4px;margin:12px 0;width:90%}.skeleton-line.short{width:60%}.pending-caption{font-size:12px;color:var(--muted);margin-top:17px}.empty-state{padding:36px;border:1px dashed #ced5c9;border-radius:7px;background:#eef1e8;margin-top:20px}.empty-state h2{font:25px var(--serif);margin:0 0 12px}.empty-state p{color:var(--muted);max-width:600px}.leaf-spec{background:#fffefa;border:1px solid var(--line);padding:28px;border-radius:7px;margin:26px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.leaf-spec h2{font:24px var(--serif);margin:0 0 17px}.page-footer{border-top:1px solid var(--line);padding:22px 0 35px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.notice{padding:14px 18px;background:#f3e5dc;border:1px solid #dfbaa2;border-radius:5px;margin:20px 0;color:#844522;font-size:13px}.initial-loading{padding:100px 0;color:var(--muted)}#composer{padding:65px 0 90px;max-width:920px}#composer h1{font-size:59px;line-height:1.13;margin-top:22px}.intro{max-width:570px;color:var(--muted);font-size:15px;line-height:1.8;margin:23px 0 35px}#problemForm{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:27px}#problemForm>label{display:block;margin-bottom:13px;font-size:12px;font-weight:600}textarea{width:100%;resize:vertical;border:1px solid var(--line);padding:16px;background:#f9f9f5;border-radius:5px;line-height:1.7;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #9da994;outline-offset:2px}.settings{margin:18px 0;color:var(--muted);font-size:11px}.settings summary{cursor:pointer}.settings-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin-top:15px}.settings-grid label{display:flex;flex-direction:column;gap:6px}.settings-grid input,.settings-grid select{width:100%;border:1px solid var(--line);border-radius:4px;padding:8px;background:#fffefa;color:var(--ink);font-size:12px}.settings p{font-size:11px}.form-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.primary{background:var(--nav);color:#fffefa;border-radius:5px;padding:12px 18px;font-size:12px;white-space:nowrap}.primary:hover{background:#2c474a}.primary span{margin-left:17px}.example-note{font-size:12px;color:var(--muted);margin-top:22px}@media(min-width:1550px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:210px;padding:28px 16px}main{margin-left:210px;padding:0 30px}h1{font-size:34px}.task-card{padding:18px}.card-footer{align-items:flex-end}.card-count{gap:4px}.card-count span+span::before{margin-right:4px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:13px}.brand{font-size:18px}.brand-mark{font-size:29px}.brand small{font-size:8px;margin-top:4px}.new-button{margin:0;padding:9px 12px}.library-label,.search,.sidebar-footer{display:none}#library{grid-column:1/-1;display:flex;gap:8px;max-height:95px;overflow-x:auto;overflow-y:hidden} .library-item{min-width:185px;max-width:185px;margin:0;padding:8px 10px}.library-title{-webkit-line-clamp:2!important;font-size:10px!important}.library-item small{font-size:9px;margin-top:4px}main{margin-left:0;padding:0 20px}.topbar{height:54px}.topbar-note{display:none}#workspace{padding-top:15px}.navigation{margin-bottom:27px;gap:10px}#breadcrumbs button{max-width:90px}h1,h1.compact-title{font-size:29px;line-height:1.3}.hero-label{align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:1.5px}.status{font-size:9px}.metrics{padding:15px 0}.metric{padding:0 10px;display:flex;flex-direction:column;gap:4px}.metric strong{font-size:24px}.metric span{font-size:9px}.contents{padding-bottom:20px}.section-heading{gap:12px}.section-heading h2{font-size:22px}.section-number{font-size:23px}.card-grid{grid-template-columns:1fr}.task-card{min-height:220px;padding:20px}.card-count{gap:8px}.card-count span+span::before{margin-right:8px}#composer{padding-top:40px}#composer h1{font-size:44px}.intro{font-size:14px}#problemForm{padding:20px}.settings-grid{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.primary{padding:13px}.empty-state{padding:25px}.leaf-spec{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.leaf-spec dl{margin:0}.leaf-spec dt{font-weight:600;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:18px 0 7px}.leaf-spec dd{margin:0;white-space:pre-wrap;color:var(--muted);line-height:1.8}