.cd100{--ink:#16252e;--muted:#4e5e68;--accent:#a85c2e;--border:#ced5db;max-width:1080px;margin:24px auto 64px;width:100%;min-width:0;color:var(--ink);line-height:1.6;font-family:inherit}.cd100 *{box-sizing:border-box}.cd100 [hidden]{display:none!important}.cd100 header{background:#f6f3ee;border:1px solid #e0d9cf;border-radius:12px 12px 0 0;padding:32px 36px}.cd100 .cd100-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#82502d;font-weight:700}.cd100 h2{font-size:clamp(27px,4vw,40px);line-height:1.2;margin:12px 0 18px;color:var(--ink)}.cd100 header p:last-child{font-size:17px;max-width:790px}.cd100 form{padding:30px 36px;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;background:#fff}.cd100 .cd100-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cd100 .cd100-field{min-width:0}.cd100 .cd100-wide{grid-column:1/-1}.cd100 label{display:block;font-weight:600;line-height:1.5;margin-bottom:8px;font-size:14px}.cd100 :is(input,select,textarea){display:block;width:100%;min-width:0;max-width:100%;height:auto;min-height:50px;padding:12px 14px;border:1px solid #9faab4;border-radius:6px;background:#fff;color:var(--ink);font-family:inherit;font-size:16px!important;line-height:1.5!important}.cd100 select{padding-right:35px}.cd100 textarea{min-height:150px;resize:vertical;font-family:ui-monospace,monospace}.cd100 input[type=file]{padding:8px;overflow:hidden}.cd100 .cd100-import-label{font-size:12px;font-weight:400;margin:10px 0 4px;color:var(--muted)}.cd100 .cd100-import{font-size:13px!important;min-height:40px}.cd100 .cd100-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}.cd100 button{font-family:inherit;font-size:14px;line-height:1.5;min-height:46px;padding:10px 17px;border:1px solid #9faab4;border-radius:6px;color:#854521;background:white;cursor:pointer;white-space:normal;height:auto;max-width:100%}.cd100 [type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.cd100 button:disabled{opacity:.6;cursor:wait}.cd100 :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #3077b6;outline-offset:3px}.cd100 .cd100-note,.cd100 [role=status]{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.cd100 [role=status]{color:#854521;min-height:24px;margin:18px 0 0}.cd100 .cd100-result{background:#f6f3ee;border:1px solid #e0d9cf;border-radius:12px;padding:28px 36px;margin-top:28px;min-width:0}.cd100 .cd100-result h2{font-size:26px}.cd100 .cd100-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.cd100 .cd100-metric{min-width:0;background:#fff;padding:18px;border:1px solid #ddd;border-radius:8px;font-size:13px}.cd100 .cd100-metric strong{display:block;margin-top:8px;font-size:clamp(22px,4vw,30px);line-height:1.3;overflow-wrap:anywhere}.cd100 .cd100-output{min-height:160px;max-height:500px;font-size:14px!important;white-space:pre;overflow:auto}.cd100 .cd100-guide{padding-top:30px;margin-top:34px;border-top:1px solid var(--border)}.cd100 .cd100-guide h2{font-size:26px}.cd100 .cd100-guide p{max-width:900px;color:var(--muted)}.cd100 canvas{max-width:100%;height:auto;border:1px solid var(--border);background:#fff}.cd100 .cd100-preview{display:grid;gap:12px;margin:20px 0;min-width:0}.cd100 .cd100-demo{min-height:100px;padding:25px;max-width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;overflow-wrap:anywhere}.cd100 .cd100-demo h3{font-size:22px;margin:8px 0}.cd100 .cd100-chip{display:inline-block;width:35px;height:35px;margin-right:12px;vertical-align:middle;border:1px solid #777}.cd100 .cd100-cta{margin-top:28px;background:#f6f3ee;padding:22px;border-radius:8px}.cd100 a{color:#854521;text-underline-offset:3px;overflow-wrap:anywhere}@media(max-width:650px){.cd100 header,.cd100 form,.cd100 .cd100-result{padding:22px 18px}.cd100 .cd100-grid,.cd100 .cd100-metrics{grid-template-columns:minmax(0,1fr)}.cd100 .cd100-actions button{flex:1 1 140px}.cd100 .cd100-result{margin-top:20px}}