.sample-studio{max-width:1220px;padding-top:34px;color:#173b2b}.sample-studio .back-link{margin-bottom:26px}.sample-studio-heading{display:flex;justify-content:space-between;gap:28px;align-items:center}.sample-studio-heading h1{margin:0;max-width:20ch;font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-.035em}.sample-studio-heading p{max-width:64ch;margin:15px 0 0;color:#526457;font-size:16px;line-height:1.55}.sample-studio-stamp{display:grid;grid-template-columns:repeat(2,22px);grid-template-rows:repeat(2,22px);gap:5px;padding:20px;border:1px solid #d8c9b9;border-radius:16px;background:#f5e4d3;transform:rotate(7deg);box-shadow:4px 8px 16px #173b2b12}.sample-studio-stamp span{background:#bd4727}.sample-studio-stamp span:nth-child(2),.sample-studio-stamp span:nth-child(3){background:#e9a56d}.sample-studio-stamp span:nth-child(4){background:#23543c}.sample-studio-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:28px 0 0;padding:16px 0 18px;border-bottom:1px solid #d8c9b9;color:#526457;font-size:13px}.sample-studio-meta span+span:before{content:"·";margin-right:22px;color:#a7937e}.sample-studio-meta strong{color:#173b2b;font-variant-numeric:tabular-nums}.sample-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:start;gap:clamp(30px,4.4vw,64px);padding-top:32px}.sample-studio-run h2,.sample-studio-section-heading h2{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.025em}.sample-studio-section-heading p{margin:7px 0 23px;color:#526457;font-size:14px}.sample-studio-switcher{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-color:#ac8d71 #f8f2ea}.sample-studio-switcher button{flex:none;min-height:42px;padding:9px 13px;border:1px solid #d8c9b9;border-radius:8px;background:#fffaf3;color:#31513f;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.sample-studio-switcher button.is-active{border-color:#23543c;background:#23543c;color:#fff}.sample-studio-case{overflow:hidden;border:1px solid #d8c9b9;border-radius:14px;background:#fffbf5;box-shadow:0 8px 22px #173b2b0b}.sample-studio-case-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:24px 26px 19px}.sample-studio-case-head h3{margin:0 0 3px;font-size:21px;line-height:1.25;letter-spacing:-.02em}.sample-studio-case-head span{color:#526457;font-size:13px}.sample-studio-case-head .sample-studio-ready{flex:none;color:#23543c;font-size:12px;font-weight:750}.sample-studio-task{padding:20px 26px 25px;background:#f4ebdf}.sample-studio-answer-inner h4,.sample-studio-task h4{margin:0 0 9px;font-size:12px;line-height:1.3;letter-spacing:.01em;color:#526457}.sample-studio-answer-inner pre,.sample-studio-task pre{margin:0;color:#173b2b;font:inherit;font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.sample-studio-answer,.sample-studio-rules{margin:0}.sample-studio-answer>summary{display:list-item;padding:17px 26px;color:#a44225;font-size:14px;font-weight:750;cursor:pointer}.sample-studio-answer-inner{padding:0 26px 25px;border-top:1px solid #eadccc}.sample-studio-answer-inner h4{margin-top:20px}.sample-studio-answer-inner p{margin:0;max-width:68ch;color:#405747;font-size:14px;line-height:1.6}.sample-studio-rules{margin-top:19px}.sample-studio-rules summary{color:#a44225;font-size:13px;font-weight:700}.sample-studio-rules pre{max-height:280px;overflow:auto;padding:14px;margin-top:12px;background:#f4ebdf;border-radius:7px;font:12px/1.55 ui-monospace,Consolas,monospace}.sample-studio-run{padding:25px;border:1px solid #d8c9b9;border-radius:14px;background:#fffaf3}.sample-studio-run h2{font-size:22px}.sample-studio-run>p:first-of-type{margin:10px 0 22px;color:#526457;font-size:14px;line-height:1.55}.sample-studio-select{padding:16px 0;border-top:1px solid #e5d5c3;border-bottom:1px solid #e5d5c3}.sample-studio-select>strong{display:block;margin-bottom:10px;font-size:13px}.sample-studio-select label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:14px;line-height:1.35;cursor:pointer}.sample-studio-select input{accent-color:#23543c;width:17px;height:17px;flex:none}.sample-studio-select small{color:#6a7267;font-size:11px}.sample-studio-download,.sample-studio-primary{display:block;width:100%;min-height:46px;border-radius:8px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.sample-studio-primary{margin-top:18px;border:1px solid #bd4727;background:#bd4727;color:#fff}.sample-studio-primary:hover{background:#a83d21}.sample-studio-download{margin-top:9px;border:1px solid #b99b7f;background:transparent;color:#173b2b}.sample-studio-download:hover{background:#f4ebdf}.sample-studio-download:disabled,.sample-studio-primary:disabled{cursor:not-allowed;opacity:.55}.sample-studio-run .sample-studio-fineprint{margin:17px 0 0;color:#526457;font-size:12px;line-height:1.55}.sample-studio-boundary{max-width:790px;margin:60px 0 50px;padding-top:27px;border-top:1px solid #d8c9b9}.sample-studio-boundary h2{margin:0 0 10px;font-size:19px}.sample-studio-boundary p{margin:5px 0;color:#526457;font-size:14px;line-height:1.6}.sample-studio-error{margin:22px 0;padding:13px 18px;border:1px solid #c68775;border-radius:8px;color:#923720}.sample-studio-error p{margin:0 0 8px}.sample-studio-loading{margin:40px 0;color:#526457}@media (max-width:850px){.sample-studio-layout{grid-template-columns:1fr;gap:25px}}@media (max-width:600px){.sample-studio{padding-top:22px}.sample-studio-heading h1{font-size:clamp(32px,9vw,43px)}.sample-studio-stamp{display:none}.sample-studio-meta{gap:4px 13px;margin-top:17px}.sample-studio-meta span+span:before{margin-right:13px}.sample-studio-case-head{flex-wrap:wrap;padding:19px 18px 15px}.sample-studio-task{padding:18px}.sample-studio-answer>summary{padding:16px 18px}.sample-studio-answer-inner{padding:0 18px 18px}.sample-studio-run{padding:21px}.sample-studio-boundary{margin-top:42px}}