.work-wrap{max-width:1440px;margin:auto;padding:24px 32px 64px;color:#171b19;font-family:system-ui,-apple-system,"PingFang SC",sans-serif}
.work-wrap [hidden]{display:none!important}
.work-wrap .check-row{min-height:44px}.work-wrap form input:not([type=checkbox]),.work-wrap form select{font-size:1rem}
@media(min-width:901px) and (max-height:720px){.work-layout>.editor{max-height:none;position:static;overflow:visible}.work-layout .editor-tools{overflow:visible}}
.work-wrap .btn-gold:hover{color:#fff}
.work-heading{margin-bottom:24px}.work-back{display:block;width:fit-content;margin-bottom:8px;padding:8px 0;color:#68706a;font-size:.875rem;text-decoration:none}.work-back:hover{color:#365e2f}.work-heading .kicker{display:block;font-family:inherit;color:#365e2f;letter-spacing:.03em;font-size:.8125rem}.work-heading h1{font-family:inherit;font-weight:600;letter-spacing:-.04em;font-size:clamp(1.65rem,2.7vw,2.4rem);line-height:1.3;margin:8px 0 12px;overflow-wrap:anywhere}.work-heading p{max-width:76ch}.work-heading p,.work-wrap .muted{color:#68706a;font-size:.9375rem;line-height:1.65}
.work-card{border:1px solid #dde1d9;border-radius:20px;background:#fff;padding:28px;min-width:0}.work-card h2{font-family:inherit;font-weight:600;font-size:1.02rem;margin:0 0 12px;letter-spacing:-.02em}.work-card h3{font-size:1rem;margin:20px 0}.card-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between}.card-heading .muted{font-size:.75rem;white-space:nowrap}
.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1120px}.work-wrap label{display:block;font-size:.84rem;margin:20px 0 8px}.work-wrap input:not([type=checkbox]),.work-wrap textarea,.work-wrap select{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #dde1d9;border-radius:12px;background:#fafbf8;color:#171b19;padding:12px 14px;font:inherit;font-size:.88rem;outline:none}.work-wrap input:focus-visible,.work-wrap textarea:focus-visible,.work-wrap select:focus-visible{outline:2px solid #365e2f;outline-offset:2px}.work-wrap textarea{resize:vertical;line-height:1.75}.work-wrap input[type=checkbox]{accent-color:#365e2f;flex-shrink:0;width:16px;height:16px}.work-wrap input[readonly]{color:#68706a}
.work-wrap .btn{font-family:inherit;cursor:pointer;white-space:normal;min-height:44px;padding:10px 14px;border-radius:10px;box-shadow:none;line-height:1.45;letter-spacing:0}.work-wrap .btn-gold{background:#171b19;color:#fff;border:1px solid transparent}.work-wrap .btn-gold:hover{background:#303931;transform:none}.work-wrap .btn-ghost{background:transparent;color:#365e2f;border:1px solid #dde1d9}.work-wrap .btn-ghost:hover{background:#f5f6f2;border-color:#b8c5b3}.work-wrap .btn:disabled{opacity:.5;cursor:default}.work-wrap form>.btn{margin-top:12px}.work-wrap form>.muted{margin-top:16px}.input-row{display:flex;gap:8px;align-items:stretch}.input-row input{min-width:0;flex:1}.input-row .btn{flex-shrink:0}
.source-picker{max-height:400px;overflow:auto;margin-top:20px}.source-choice{padding:12px 0;border-bottom:1px solid #e8ebe4}.source-choice label,.work-wrap .check-row{display:flex;align-items:center;gap:10px;line-height:1.6}.source-choice label{margin:0 0 6px;overflow-wrap:anywhere}.source-choice small{display:block;color:#68706a;margin:0 0 5px 26px;font-size:.7rem;overflow-wrap:anywhere}.source-choice .source-role{margin:10px 0 0 26px;width:calc(100% - 26px)!important;padding:8px 10px!important}
.work-toolbar,.work-tabs,.work-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.work-toolbar{justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #dde1d9}.work-tabs .btn{border-color:transparent;background:transparent;color:#68706a}.work-wrap .work-tabs .selected{background:#e4f3cd;color:#171b19}.work-actions .btn{font-size:.875rem}
.work-layout{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:24px;align-items:start}.work-layout.viewer,.work-layout.is-reading{grid-template-columns:minmax(0,1fr)}.work-layout.is-reading>.editor{display:none}.work-canvas{min-width:0}.editor{padding:20px;max-height:calc(100svh - 104px);overflow:hidden;position:sticky;top:88px;display:flex;flex-direction:column}.editor .btn{font-size:.875rem}.editor #send{width:100%;justify-content:center}.editor #manage-sources{margin-top:8px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-heading h2{margin:0}.editor .editor-hint{font-size:.875rem;margin:8px 0 0}.editor #edit-form{flex-shrink:0}.editor #edit-form label{margin-top:12px}.editor #instruction{font-size:1rem}.editor-tools{min-height:0;overflow:auto;margin-top:16px;border-top:1px solid #dde1d9}.editor #edit-status{margin:8px 0 0;font-size:.875rem}.editor #edit-status:empty{display:none}
#preview{display:block;width:100%;height:74svh;min-height:480px;border:1px solid #dde1d9;border-radius:16px;background:#fff}.preview-empty{min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;border:1px solid #dde1d9;background:#fafbf8;border-radius:16px;color:#68706a}.preview-empty .kicker{font-family:inherit;color:#365e2f;letter-spacing:.08em}.preview-empty h2{color:#171b19;font-family:inherit;font-size:1.4rem;font-weight:500;margin:18px 0}.preview-empty p{max-width:360px;line-height:1.7;font-size:.9375rem}
.conversation{max-height:240px;overflow:auto;margin:4px 0;font-size:.875rem;line-height:1.7}.conversation:empty{display:none}.turn{margin:10px 0;padding:14px;border-radius:12px;background:#f5f6f2;white-space:pre-wrap;overflow-wrap:anywhere}.turn.user{border-left:2px solid #cdd2ca}.turn small{display:block;color:#68706a;font-size:.75rem;margin-bottom:6px}.turn.failure{color:#9a4037}
.editor-section{border-bottom:1px solid #dde1d9}.editor-section summary{cursor:pointer;font-size:.875rem;color:#365e2f;min-height:44px;padding:12px 0}.version-row{border-bottom:1px solid #e8ebe4;padding:14px 0;font-size:.875rem}.version-row p{margin:6px 0 10px;color:#68706a;overflow-wrap:anywhere}.version-row button{margin:3px 6px 0 0}.work-wrap .text-button{border:0;background:none;color:#365e2f;cursor:pointer;font:inherit;font-size:.875rem;padding:10px 0;min-height:44px}.work-wrap .danger{color:#9a4037;margin-top:12px}
.file-row,.source-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e8ebe4}.file-row:last-child,.source-row:last-child{border-bottom:0}.file-row>div,.source-row>div{min-width:0}.file-row p,.source-row p{overflow-wrap:anywhere;font-size:.9rem}.file-row small,.source-row small{font-size:.74rem;color:#68706a}.file-row .btn,.source-row .btn{flex-shrink:0}
#notice{margin-bottom:24px;font-size:.86rem;line-height:1.7;overflow-wrap:anywhere;padding:14px 18px;border:1px solid #dde1d9;border-radius:12px;background:#fff}#notice:empty{display:none}#notice.error{color:#9a4037}#notice.success{color:#365e2f}#gate{padding:90px 10px;text-align:center}#gate h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:600;letter-spacing:-.04em;margin-top:16px}#gate p{margin:22px 0 28px;color:#68706a}
#selection-box{background:#f5f6f2;padding:14px;border-radius:12px}#selection{font-size:.8rem;line-height:1.6;max-height:100px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}#messages pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;max-height:360px;overflow:auto}#transcript{margin-top:30px}.work-wrap :is(a,button,summary):focus-visible{outline:2px solid #365e2f;outline-offset:3px}
.project-heading{margin-bottom:16px}.project-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.project-title h1{font-size:clamp(1.5rem,2.4vw,2rem);margin:0;line-height:1.35}.project-heading #summary{margin:10px 0 0}.project-heading .version-state{font-size:.875rem;margin:6px 0 0;color:#424b44}.is-editing .project-heading #summary,.is-editing .project-heading .result-summary-toggle{display:none}.mobile-editor-control{display:none!important}.work-options{position:relative}.work-options>summary{cursor:pointer;list-style:none;border:1px solid #dde1d9;border-radius:10px;padding:10px 12px;font-size:.875rem;min-height:44px}.work-options>summary::-webkit-details-marker{display:none}.work-options>summary::after{content:' ▾'}.work-options[open]>div{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;gap:6px;background:#fff;border:1px solid #dde1d9;border-radius:12px;padding:10px;width:220px;box-shadow:0 8px 24px #171b1914}.work-options .btn{justify-content:flex-start}.work-layout .result-reader-bar{padding-top:0}.is-reading .result-reader-bar{padding-top:8px}
@media(max-width:900px){.work-wrap{padding:20px 20px 48px}.create-grid{grid-template-columns:1fr}.work-layout{display:flex;flex-direction:column;gap:16px}.work-canvas,.editor{width:100%;box-sizing:border-box}.work-layout>.editor{display:none;position:static;max-height:none}.work-layout.editor-open:not(.is-reading)>.editor{display:flex;order:-1}.editor-tools{overflow:visible}.mobile-editor-control:not([hidden]){display:inline-flex!important}.editor #close-editor{align-items:center}.work-layout #preview{height:68svh;min-height:380px}.preview-empty{min-height:320px}.work-card{padding:20px}.work-actions{gap:6px}.work-toolbar .btn{font-size:.875rem;padding:10px 12px}.file-row,.source-row{align-items:flex-start}.work-toolbar{gap:10px}.work-toolbar .work-actions{margin-left:auto}}
@media(max-width:480px){.work-wrap{padding:16px 16px 48px}.work-card{padding:18px}.card-heading{flex-wrap:wrap;gap:0}.input-row{flex-wrap:wrap}.input-row input{flex-basis:180px}.project-title{gap:6px}.project-title h1{font-size:1.5rem}.project-title .kicker{font-size:.8125rem}.work-heading h1{font-size:1.65rem}.work-toolbar{align-items:flex-start}.is-editing .work-toolbar .work-actions{width:100%;margin:0;justify-content:flex-start}.work-actions #publish{flex:1}.file-row,.source-row{gap:10px}.work-wrap .btn{padding:10px 12px}.work-options[open]>div{right:0;max-width:calc(100vw - 32px)}}