.cc-page{--cc-green:#345448;--cc-ink:#343e33;--cc-muted:#716e60;--cc-line:#ddd7c7;max-width:1200px;margin:0 auto;padding:32px 28px 74px;color:var(--cc-ink);font-size:14px;line-height:1.75}.cc-page *{box-sizing:border-box}.cc-page [hidden]{display:none!important}.cc-page button,.cc-page input,.cc-page select,.cc-page textarea{font:inherit}.cc-page button{cursor:pointer}.cc-page :focus-visible{outline:3px solid #647f5c;outline-offset:3px}.cc-page h1,.cc-page h2,.cc-page h3{letter-spacing:-.04em;line-height:1.4}.cc-page h1{font-size:clamp(34px,4vw,46px);margin:10px 0 16px}.cc-page h2{font-size:28px;margin:7px 0 15px}.cc-page p{margin:10px 0}.cc-eyebrow{font-size:11px;letter-spacing:.08em;color:#77805f;font-weight:650}.cc-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;margin-bottom:28px}.cc-lead{max-width:510px;color:var(--cc-muted);font-size:15px}.cc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cc-tags span{background:#e9eddf;border-radius:20px;padding:5px 13px;color:#657258;font-size:11px}.cc-hero-note{display:flex;gap:20px;align-items:center;border-left:1px solid var(--cc-line);padding-left:28px;font-size:12px;color:var(--cc-muted)}.cc-hero-note img{width:60px;height:85px;object-fit:contain;mix-blend-mode:multiply}.cc-hero-note b{color:var(--cc-green);font-size:15px}.cc-example{border:1px solid var(--cc-line);border-radius:12px;background:#f1eedf;margin-bottom:26px;padding:14px 20px}.cc-page summary{cursor:pointer;font-weight:650;list-style:none}.cc-page summary::-webkit-details-marker{display:none}.cc-example summary{display:flex;justify-content:space-between;gap:15px;font-size:13px}.cc-example summary span{font-size:11px;font-weight:400;color:var(--cc-muted)}.cc-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.cc-example-grid article{font-size:13px}.cc-example-grid small{font-size:11px;color:#657258}.cc-example-grid a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.cc-example-rule{padding:10px 14px;border-left:3px solid #96a47e;background:#e8ecdd}.cc-workspace-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--cc-line);padding:19px 0 8px}.cc-workspace-bar b,.cc-workspace-bar span{display:block}.cc-workspace-bar b{font-size:14px}.cc-workspace-bar span{font-size:11px;color:var(--cc-muted);margin-top:3px}.cc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cc-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid #c8cfbb;background:#fffdf7;color:var(--cc-green);border-radius:8px;line-height:1.5;font-size:12px;font-weight:650;text-decoration:none}.cc-primary{background:var(--cc-green);border-color:var(--cc-green);color:#fffdf4;box-shadow:2px 3px 0 #19362615}.cc-text-button{border:0;background:none;color:var(--cc-green);padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.cc-button:hover{filter:brightness(.97)}.cc-start{margin-top:10px}.cc-status{min-height:22px;color:#697451;font-size:12px;margin:5px 0 12px!important;overflow-wrap:anywhere}.cc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--cc-line);margin-bottom:28px;scroll-margin-top:90px}.cc-steps button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:56px;border:0;border-bottom:3px solid transparent;background:none;color:#857f6d;font-size:13px}.cc-steps button span{font-size:11px;color:#999177}.cc-steps button[aria-current=step]{color:var(--cc-green);border-bottom-color:#627a55;background:#ecf0e5;font-weight:700}.cc-work-area{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:55px;align-items:start}.cc-editor{min-width:0}.cc-editor section{min-width:0}.cc-section-note{font-size:13px;color:var(--cc-muted);margin-bottom:24px!important}.cc-field{display:block;margin:21px 0;color:#3b4e3e;font-size:13px;font-weight:600}.cc-field>span{font-size:10px;color:#968d7c;margin-left:8px;font-weight:400}.cc-field input,.cc-field textarea,.cc-field select{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #cbcbbb;background:#fffef8;color:#3f453a;border-radius:7px;padding:11px 13px;font-weight:400;line-height:1.8}.cc-field textarea{resize:vertical}.cc-field textarea[readonly]{background:#f2f0e7;color:#736e61;font-size:12px}.cc-field input::placeholder,.cc-field textarea::placeholder{color:#9a9588;font-size:12px}.cc-field [aria-invalid=true]{border-color:#ae664e}.cc-field small,.cc-more>small{font-size:11px;color:var(--cc-muted);font-weight:400;display:block;margin-top:8px}.cc-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cc-more{border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line);padding:16px 0;margin:22px 0}.cc-more summary{font-size:12px;color:#6e795a}.cc-more summary::after{content:' +';float:right}.cc-more[open] summary::after{content:' −'}.cc-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 14px}.cc-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:18px 0;font-weight:450;line-height:1.8}.cc-check input{appearance:auto;width:16px;height:16px;flex-shrink:0;accent-color:var(--cc-green);margin-top:3px}.cc-how{padding-left:20px;font-size:13px;color:var(--cc-muted);line-height:1.9}.cc-how li{padding:5px 0 5px 4px}.cc-fine{font-size:11px;color:var(--cc-muted);line-height:1.8}.cc-preview-column{position:sticky;top:105px;min-width:0;padding-top:7px}.cc-preview-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8e856f;margin-bottom:12px}.cc-paper{padding:34px 30px 20px;border:1px solid #ddd4bd;background:#fffdf5;border-radius:12px;box-shadow:8px 9px 0 #e7dec756,0 15px 38px #7763420a;overflow-wrap:anywhere}.cc-paper-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#a1916d}.cc-paper-top i{font-size:26px;line-height:1;font-style:normal;color:#bda064}.cc-paper h2{font-size:29px;margin:30px 0}.cc-paper small{color:#718367;font-size:10px;letter-spacing:.04em}.cc-paper p{font-size:13px;line-height:2;white-space:pre-wrap;margin:8px 0 28px}.cc-paper footer{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #e4decb;font-size:9px;color:#958d79}.cc-final-preview{min-height:180px}.cc-guide-tip{padding:16px 18px;background:#e9eddf;border-radius:10px;margin-top:23px;color:#667455}.cc-guide-tip b{font-size:11px}.cc-guide-tip p{font-size:12px;margin:6px 0}.cc-guide-tip .cc-text-button{font-size:11px}.cc-keep{border-top:1px solid var(--cc-line);padding:20px 0;margin-top:35px}.cc-keep>details>summary{display:flex;justify-content:space-between;gap:12px;font-size:13px}.cc-keep summary span{font-size:11px;font-weight:400;color:#8b836f}.cc-keep .cc-actions{margin:20px 0}.cc-keep .cc-field{max-width:740px}.cc-version{margin:22px 0;padding:18px;border:1px solid var(--cc-line);border-radius:9px;background:#f2f0e5}.cc-version p,.cc-version small{display:block;color:var(--cc-muted);font-size:11px}.cc-version textarea{display:block;width:100%;resize:vertical;border:0;border-radius:6px;background:#fffdf7;padding:12px;margin:12px 0;color:#716d60;font-size:12px}.cc-next{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:35px;background:#ede9d8;border-radius:14px;margin-top:25px}.cc-next p{font-size:13px;color:var(--cc-muted)}.cc-next h2{font-size:27px}.cc-next h3{font-size:16px}.cc-next ol{padding-left:18px;font-size:12px;color:var(--cc-muted);line-height:2}.cc-next a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.cc-help-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--cc-line);border-radius:16px;padding:28px;background:#fbf8ed;color:var(--cc-ink);box-shadow:0 25px 80px #20302635}.cc-help-dialog::backdrop{background:#28362e70}.cc-dialog-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.cc-dialog-head h2{font-size:24px;margin:3px 0 13px}.cc-help-dialog>p{font-size:12px;color:var(--cc-muted)}.cc-help-dialog .cc-field{margin:15px 0}.cc-close{border:0;background:#e7e7d9;color:var(--cc-green);width:34px;height:34px;flex-shrink:0;border-radius:50%;font-size:23px!important}.cc-help-dialog [role=status]{font-size:12px;color:#65764f;margin:15px 0 0}.cc-help-dialog a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.cc-page{padding:35px 24px 55px}.cc-hero{gap:25px}.cc-work-area{gap:28px}.cc-hero-note{padding-left:20px;gap:12px}.cc-paper{padding:26px 22px 18px}.cc-next{gap:25px;padding:26px}.cc-steps{scroll-margin-top:90px}.cc-preview-label{flex-wrap:wrap;gap:3px}}
@media(max-width:680px){.cc-page{padding:28px 18px 45px}.cc-hero{display:block;margin-bottom:20px}.cc-page h1{font-size:35px;margin:8px 0 12px}.cc-lead{font-size:13px}.cc-hero-note{margin-top:20px;border-left:0;border-top:1px solid var(--cc-line);padding:14px 0 0;gap:13px}.cc-hero-note img{width:37px;height:50px}.cc-hero-note b{font-size:12px}.cc-hero-note p{font-size:11px;margin:4px 0}.cc-tags{margin-top:13px;gap:6px}.cc-tags span{font-size:10px;padding:4px 10px}.cc-example{padding:12px 14px;margin-bottom:17px}.cc-example summary{display:block;font-size:12px}.cc-example summary span{display:block;font-size:10px;margin-top:3px}.cc-example-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.cc-workspace-bar{align-items:flex-start;gap:13px;padding-top:14px}.cc-workspace-bar b{font-size:12px}.cc-workspace-bar span{font-size:10px;max-width:170px}.cc-workspace-bar .cc-actions{flex-direction:column;align-items:stretch;gap:5px;flex-shrink:0}.cc-workspace-bar .cc-button{min-height:36px;padding:7px 11px;font-size:11px}.cc-status{font-size:11px;min-height:19px}.cc-steps{margin-bottom:20px;scroll-margin-top:80px}.cc-steps button{display:block;font-size:11px;min-height:58px;padding:8px 3px}.cc-steps button span{display:block;font-size:10px;margin-bottom:3px}.cc-work-area{grid-template-columns:1fr;gap:20px}.cc-editor h2{font-size:25px}.cc-section-note{font-size:12px;margin-bottom:18px!important}.cc-field{margin:17px 0;font-size:12px}.cc-field input,.cc-field textarea,.cc-field select{font-size:16px;padding:10px 11px}.cc-field textarea[readonly]{font-size:13px}.cc-field input::placeholder,.cc-field textarea::placeholder{font-size:12px}.cc-preview-column{position:static;padding:15px 0 0;border-top:1px solid var(--cc-line)}.cc-paper{padding:28px 24px 18px}.cc-paper h2{font-size:27px}.cc-guide-tip{margin-top:16px}.cc-keep{margin-top:25px}.cc-keep>details>summary{display:block}.cc-keep summary span{display:block;font-size:10px;margin-top:4px}.cc-next{display:block;padding:23px;margin-top:15px}.cc-next h2{font-size:25px}.cc-next aside{margin-top:27px;border-top:1px solid #d6d1bd;padding-top:15px}.cc-help-dialog{padding:20px;max-height:calc(100dvh - 24px)}.cc-dialog-head h2{font-size:22px}.cc-help-dialog .cc-button{font-size:12px}.cc-help-dialog .cc-actions{gap:14px}.cc-field-pair{grid-template-columns:1fr;gap:0}.cc-help-dialog .cc-field input,.cc-help-dialog .cc-field textarea,.cc-help-dialog .cc-field select{font-size:16px}}
body:has([data-co-create]) .guide-launcher{width:60px;right:max(6px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}body:has([data-co-create]) .guide-launcher .guide-portrait{width:60px;height:84px}
body:has([data-co-create] input:focus,[data-co-create] textarea:focus,[data-co-create] select:focus) .guide-launcher{opacity:0;pointer-events:none}
@media(max-width:680px){body:has([data-co-create]) .guide-launcher{width:50px;right:max(2px,env(safe-area-inset-right))}body:has([data-co-create]) .guide-launcher .guide-portrait{width:50px;height:70px}}
@media(prefers-reduced-motion:reduce){.cc-page *{scroll-behavior:auto!important}}

#cc-account-save-area,#cc-local-backup,#cc-feedback-history{scroll-margin-top:100px}.cc-step-actions [data-cc-account-save-entry]{min-height:46px}.cc-keep [data-cc-save]{font-weight:600}.cc-workspace-bar a.cc-button{text-decoration:none}.cc-account{margin-top:30px}.cc-keep{margin-top:22px}

.cc-agent-feedback{margin:24px 0;padding:22px;border:1px solid #bbc8b5;border-radius:14px;background:#edf1e8;min-width:0}.cc-agent-feedback h3{margin:0 0 12px;font-size:21px}.cc-agent-feedback [data-cc-review-panel]{margin-top:20px}.cc-agent-feedback details{margin:14px 0}.cc-agent-feedback summary{cursor:pointer;font-size:13px}.cc-agent-feedback [data-cc-review-base]{display:block;width:100%;max-width:100%;margin-top:12px;padding:12px;border:1px solid #bdbaa9;border-radius:8px;background:#fffdf6;color:inherit;font:inherit;resize:vertical;box-sizing:border-box}.cc-agent-feedback .cc-button{white-space:normal;max-width:100%}.cc-next aside>a{display:inline-block;margin-top:14px}@media(max-width:680px){.cc-agent-feedback{padding:17px}.cc-agent-feedback .cc-button{width:100%;min-height:44px}.cc-agent-feedback [data-cc-review-base]{font-size:16px}}