.sg-demo{font:14px/1.5 Arial,sans-serif;background:var(--ui-demo-bg);color:var(--ui-demo-text);border:1px solid var(--ui-demo-line);border-radius:14px;overflow:hidden;min-width:0;width:100%;text-align:left}.sg-demo *{box-sizing:border-box}.sg-demo [hidden]{display:none!important}.product-page .sg-demo :is(h3,h4,p,small,span,strong,label){font-family:inherit;color:inherit;letter-spacing:normal;text-wrap:initial}.product-page .sg-demo h3{font-size:22px;line-height:1.4;margin:0}.product-page .sg-demo h4{font-size:17px;margin:0 0 15px}.product-page .sg-demo p{font-size:14px;line-height:1.6;margin:8px 0 18px;max-width:none;color:var(--ui-demo-muted)}.sg-demo small{display:block;font-size:12px;color:var(--ui-demo-muted)!important;line-height:1.5}.sg-brand{display:flex;gap:15px;align-items:center;padding:14px 24px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line)}.sg-brand .ds-logo-image{width:125px;height:28px;object-fit:contain}.sg-demo i{color:var(--ui-demo-icons)}.sg-demo>header{padding:22px 24px;background:var(--ui-demo-surface);border-bottom:3px solid var(--live-demo-primary,#20b633)}.sg-demo>header ol{display:flex;gap:12px;list-style:none;margin:18px 0 0;padding:0;flex-wrap:wrap}.sg-demo>header li{padding:8px 15px;border:1px solid var(--ui-demo-line);border-radius:50px;font-size:13px}.sg-demo>header li[aria-current=step]{border-color:var(--live-demo-primary,#20b633);background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)}.sg-body{max-height:650px;overflow:auto;overscroll-behavior:contain;padding:24px}.sg-card{max-width:900px;margin:0 auto 22px;padding:24px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:12px}.sg-card:last-child{margin-bottom:0}.sg-demo label{display:block;min-width:0;margin:18px 0}.sg-demo label>span{display:block;margin-bottom:7px}.sg-demo :is(input,textarea,button){font:inherit;color:inherit;max-width:100%}.sg-demo :is(input:not([type=checkbox]),textarea){width:100%;min-width:0;padding:11px 14px;min-height:44px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px);background:var(--ui-demo-bg)}.sg-demo textarea{min-height:95px;resize:vertical}.sg-demo button{padding:10px 15px;min-height:42px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius,8px);background:var(--ui-demo-surface);cursor:pointer;white-space:normal}.sg-demo button:disabled{opacity:.45;cursor:default}.sg-demo .sg-primary{background:var(--live-demo-primary,#20b633);border-color:var(--live-demo-primary,#20b633);color:var(--live-demo-ink,#fff)}.sg-demo button[aria-pressed=true]{background:var(--ui-demo-tint);border-color:var(--live-demo-primary,#20b633)}.sg-categories{display:flex;gap:10px;flex-wrap:wrap}.sg-notice{padding:12px 15px;margin-top:14px;border:1px solid var(--ui-demo-line);border-radius:8px;background:var(--ui-demo-tint);font-size:13px}.sg-demo .sg-check{display:flex;align-items:center;gap:15px;padding:14px 0}.sg-check>span{flex:1;margin:0}.sg-demo input[type=checkbox]{accent-color:var(--live-demo-primary,#20b633);width:20px;height:20px;flex:none}.sg-services{border:1px solid var(--ui-demo-line);border-radius:10px;margin-top:12px;overflow:hidden}.sg-services .sg-check{margin:0;padding:16px;border-bottom:1px solid var(--ui-demo-line)}.sg-services .sg-check:last-child{border-bottom:0}.sg-services .sg-check>span{min-width:0}.sg-variant{margin-top:15px;border:1px solid var(--ui-demo-line);border-radius:10px;padding:17px}.sg-variant-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sg-variant-head>strong{flex:1;min-width:100px}.sg-order{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)}.sg-variant-actions{display:flex;gap:6px}.sg-variant-actions button{padding:7px 11px}.sg-demo form>footer{padding:18px 24px;border-top:1px solid var(--ui-demo-line);display:flex;justify-content:space-between;gap:12px;background:var(--ui-demo-surface)}.product-page .sg-demo .sg-status{padding:13px 24px;margin:0;border-top:1px solid var(--ui-demo-line);font-size:13px;background:var(--ui-demo-surface)}.sg-demo :focus-visible{outline:2px solid var(--live-demo-primary,#20b633);outline-offset:3px}.sg-body:focus-visible{outline-offset:-3px}@media(max-width:600px){.sg-demo>header,.sg-brand{padding:18px 15px}.product-page .sg-demo h3{font-size:19px}.sg-body{padding:15px 10px;max-height:590px}.sg-card{padding:18px 15px}.sg-variant{padding:14px}.sg-variant-head>strong{min-width:130px}.sg-demo form>footer{padding:15px}.sg-services .sg-check{padding:14px 10px;gap:10px}}