.dd-intro{padding-top:50px;padding-bottom:38px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.dd-intro .eyebrow{margin-bottom:18px}.dd-intro h1{font-size:clamp(40px,4.3vw,60px)}.dd-intro>div>p:not(.eyebrow){font-size:19px;line-height:1.8;max-width:620px;margin-top:20px}.dd-intro-note{padding:26px;background:#e9f0df;border:1px solid #d0ddbd;border-radius:22px}.dd-intro-note>span{font-size:40px;color:#708c4d;line-height:1}.dd-intro-note>strong{display:block;font:600 24px var(--display);letter-spacing:-.035em;margin-top:12px}.dd-intro-note p{font-size:16px;line-height:1.8;margin:12px 0 18px}.dd-playground{padding-bottom:70px;scroll-margin-top:24px}.dd-notice{border:1px solid #dfc7ae;border-radius:12px;background:#f5e9dd;padding:18px 22px;margin-bottom:24px}.dd-notice strong{font-size:16px}.dd-notice p{font-size:15px;line-height:1.8;margin-top:6px}.dd-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}.dd-scenarios{padding:22px 16px;background:#edf1e5;border:1px solid #d2dcc7;border-radius:18px}.dd-scenarios>.eyebrow{font-size:14px;letter-spacing:.1em;margin:0 8px 12px}.dd-scenarios>p:not(.eyebrow){font-size:15px;line-height:1.7;margin:0 8px 20px}.dd-scenarios>button{display:block;text-align:left;width:100%;padding:16px 14px;border-radius:10px;background:white;border:1px solid #cfdbc2;margin:12px 0;min-height:72px}.dd-scenarios>button strong{display:block;font-size:17px;font-weight:600}.dd-scenarios>button span{display:block;font-size:14px;line-height:1.6;margin-top:7px}.dd-scenarios>button:hover{background:#e1ebd6}.dd-scenarios>button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.dd-scenario-note{padding:20px 8px;border-top:1px solid #ccd8bf;margin-top:20px}.dd-scenario-note>strong{font-size:16px}.dd-scenario-note p{font-size:15px;line-height:1.8;margin:12px 0}.dd-scenarios>.button{width:100%;text-align:center}.dd-console{border:1px solid #cbd7c0;border-radius:18px;background:white;min-width:0;overflow:hidden;box-shadow:0 14px 36px #203d3409}.dd-console-head{display:flex;align-items:center;gap:14px;padding:24px;background:#edf5e5;border-bottom:1px solid #d2dfc5}.dd-console-head h2{font-size:28px;letter-spacing:-.04em}.dd-console-head p{font-size:14px;margin-top:5px}.dd-console-head>button{margin-left:auto}.dd-controls{padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-bottom:1px solid #e3e9dc}.dd-controls label{font-size:14px;font-weight:600;display:grid;gap:8px;min-width:0}.dd-console>#dd-snapshot{margin:18px 24px}.dd-chat-area{padding:24px}.dd-chat-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dd-chat-meta>strong{font-size:17px}.dd-chat-meta>label{display:flex;align-items:center;gap:12px;font-size:14px}.dd-chat-meta select{width:145px;font-size:15px}.dd-context{font-size:14px;line-height:1.7;color:#526154;margin:12px 0}.dd-messages{max-height:490px;min-height:210px;overflow-y:auto;overscroll-behavior:contain;padding:4px 6px 4px 2px;margin:20px 0}.dd-welcome{background:#f3f6ed;border:1px solid #dae4d0;border-radius:14px;padding:28px}.dd-welcome h3{font-size:25px;margin:20px 0 12px}.dd-welcome p{font-size:17px;line-height:1.8}.dd-chat-area form>label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.dd-chat-area form>div{display:flex;align-items:stretch;gap:12px}.dd-chat-area textarea{flex:1;min-width:0;width:0;border:1px solid #b7c5b5;border-radius:10px;padding:13px 15px;resize:vertical;min-height:76px;max-height:220px;background:#fff;color:var(--ink);font:16px var(--body);line-height:1.7}.dd-chat-area form button{flex-shrink:0;width:auto;margin:0}.dd-chat-footer{display:flex;align-items:flex-start;gap:22px;justify-content:space-between;margin-top:18px}.dd-chat-footer p{font-size:14px;line-height:1.8;max-width:370px;color:#526154}.dd-chat-footer button{background:transparent;font-size:14px;white-space:nowrap}.dd-task{padding:26px;background:#f6f8f1;border-top:1px solid #d9e1d0}.dd-task>.eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:14px}.dd-task h3{font-size:26px;line-height:1.3;letter-spacing:-.04em}.dd-task>p:not(.eyebrow){font-size:16px;line-height:1.8;margin:16px 0}.dd-task li{font-size:16px;line-height:1.8;padding:5px 0}.dd-task .dd-task-footnote{font-size:14px!important;color:#526154}.dd-task .tour-table tbody th{width:60%}.dd-source-cards{display:grid;gap:14px;margin:22px 0}.dd-source-cards>div{padding:22px;border:1px solid #d4dfc9;border-radius:12px;background:white}.dd-source-cards span{display:block;font-size:14px}.dd-source-cards strong{display:block;font:600 28px var(--display);letter-spacing:-.04em;margin:12px 0}.dd-source-cards p{font-size:16px;line-height:1.8}.dd-console [hidden]{display:none!important}
@media(max-width:1050px){.dd-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}.dd-controls{grid-template-columns:1fr}.dd-console-head{flex-wrap:wrap}.dd-console-head>button{margin-left:0}.dd-chat-area form>div{flex-direction:column}.dd-chat-area textarea{width:100%}.dd-chat-meta{align-items:flex-start;flex-direction:column}.dd-chat-footer{flex-direction:column;gap:10px}}
@media(max-width:760px){.dd-intro{padding-top:35px;grid-template-columns:1fr;gap:26px}.dd-intro h1{font-size:43px}.dd-intro>div>p:not(.eyebrow){font-size:18px}.dd-intro-note{padding:23px}.dd-layout{grid-template-columns:1fr}.dd-scenarios{padding:20px}.dd-scenarios>button{padding:14px}.dd-notice{padding:18px}.dd-console-head{padding:20px;gap:12px}.dd-console-head>button{width:100%;margin-top:8px}.dd-controls,.dd-chat-area{padding:20px}.dd-console>#dd-snapshot{margin:16px 20px}.dd-chat-meta>label{justify-content:space-between;width:100%}.dd-chat-meta select{width:160px}.dd-messages{max-height:410px;min-height:190px}.dd-welcome{padding:22px}.dd-task{padding:22px 18px}.dd-task h3{font-size:25px}.dd-source-cards>div{padding:20px}.dd-task .tour-table th,.dd-task .tour-table td{font-size:15px}.dd-chat-footer button{font-size:15px}.dd-chat-area form button{min-height:48px}.dd-task .tour-actions{flex-direction:column}}

.dd-intro-note summary,.dd-settings summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-size:17px;font-weight:600}
.dd-intro-note summary::-webkit-details-marker,.dd-settings summary::-webkit-details-marker{display:none}
.dd-intro-note[open] summary>span,.dd-settings[open] summary>span{transform:rotate(180deg)}
.dd-settings{border-bottom:1px solid #e3e9dc}.dd-settings summary{padding:18px 24px}.dd-settings .dd-controls{border:0;padding-top:0}
.dd-console{grid-column:2;grid-row:1}.dd-scenarios{grid-column:1;grid-row:1}
@media(max-width:760px){
 .dd-intro{gap:18px;padding-top:26px;padding-bottom:22px}.dd-intro-note{padding:16px 18px}
 .dd-console{grid-column:1;grid-row:1}.dd-scenarios{grid-column:1;grid-row:2}
 .dd-notice{padding:14px 18px;margin-bottom:18px}.dd-notice p{font-size:14px;line-height:1.7}
 .dd-console-head{padding:16px}.dd-console-head>button{width:auto;margin:0 0 0 auto;font-size:14px;padding:10px 12px}
 .dd-settings summary{padding:16px 20px}.dd-chat-area{padding:18px}
 .dd-messages{min-height:120px;max-height:330px;margin:16px 0}.dd-welcome{padding:16px}.dd-welcome>.kero-icon{display:none}.dd-welcome h3{font-size:22px;margin:0 0 8px}.dd-welcome p{font-size:16px;line-height:1.65}
}