.hd-gallery,.hd-tutorial,.hd-style-demo{min-width:0}.hd-gallery button,.hd-tutorial button,.hd-style-demo button,.hd-pair{cursor:pointer;-webkit-tap-highlight-color:transparent}.hd-icon-button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--background);transition:background-color .18s,transform .18s}.hd-icon-button:hover{background:var(--muted)}.hd-icon-button:active{transform:scale(.95)}.hd-gallery-viewport{overflow:hidden;padding:14px 0;container-type:inline-size}.hd-gallery-track{display:flex;width:max-content;animation:hd-gallery-drift 180s linear infinite;animation-play-state:paused}.hd-gallery[data-playing=true] .hd-gallery-track{animation-play-state:running}.hd-gallery-group{display:flex;flex-shrink:0}@keyframes hd-gallery-drift{to{transform:translate(-50%)}}.hd-gallery-slide{flex:0 0 23cqw;width:23cqw;min-width:0;padding-left:18px}.hd-sample{position:relative;display:block;width:100%;height:365px;border-radius:16px;overflow:hidden;text-align:left;background:#e9e5df;border:1px solid var(--ts-border);transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s}.hd-sample>.hd-body{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.23,1,.32,1)}.hd-sample>.hd-body-swallow{object-position:78% 50%}.hd-sample>.hd-body-heart{object-position:65% 50%}.hd-sample>.hd-body-crane{object-position:20% 50%}.hd-sample>.hd-body-owl{object-fit:contain}.hd-sample-design{position:absolute;right:12px;bottom:82px;width:65px;height:84px;background:#fff;padding:5px;border-radius:8px;box-shadow:0 2px 8px #0001;transition:transform .24s}.hd-sample-design img{width:100%;height:100%;object-fit:contain}.hd-sample-caption{position:absolute;inset:auto 0 0;padding:40px 16px 17px;color:#fff;background:linear-gradient(transparent,#000b);display:grid;gap:2px}.hd-sample-caption strong{font-size:16px;font-weight:600}.hd-sample-caption>span{font-size:13px;color:#ffffffe0}.hd-expand{position:absolute;right:14px;top:14px;color:#fff;filter:drop-shadow(0 1px 3px #0008);opacity:0;transition:opacity .18s}.hd-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:14px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--ts-card)}.hd-pair>img{width:100%;height:340px;object-fit:contain;background:#fff;border-radius:9px;transition:transform .35s cubic-bezier(.23,1,.32,1)}.hd-pair>img:nth-child(2){object-fit:cover}.hd-pair-expand{display:flex;align-items:center;gap:6px;position:absolute;right:24px;bottom:24px;border-radius:20px;background:#fffef9ed;padding:8px 12px;font-size:12px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.hd-detail-dialog{max-width:min(1000px,calc(100vw - 32px))!important}.hd-sample-actions{display:flex;gap:12px;flex-wrap:wrap}.hd-sample-actions>:is(button,a){flex:1 1 230px}.hd-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hd-detail-pair img{width:100%;height:65vh;max-height:700px;object-fit:contain;border-radius:12px;background:#f5f4f1}.hd-detail-pair figcaption{text-align:center;margin-top:10px;font-size:14px;color:var(--muted-foreground)}.hd-tutorial{border:1px solid var(--border);border-radius:20px;padding:24px;background:#f7f6f2;color:#292c29}.hd-tutorial-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;color:#65675d;min-height:38px}.hd-step-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.hd-step-nav button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:10px;font-size:14px;font-weight:500;border:1px solid transparent;transition:background-color .18s,border-color .18s}.hd-step-nav button>span,.hd-tutorial-caption>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;border:1px solid #d4d6c9;font-size:12px}.hd-step-nav button[aria-pressed=true]{background:#fff;border-color:#cbd2b6;box-shadow:0 3px 10px #00000004}.hd-step-nav button[aria-pressed=true]>span{background:#c6ec70;border-color:#b1d856;color:#233212}.hd-screen{animation:hd-enter .26s cubic-bezier(.23,1,.32,1) both}.hd-create-scene{display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:425px}.hd-demo-form{display:flex;flex-direction:column;gap:14px}.hd-demo-field{position:relative;padding:14px;border:1px solid transparent;border-radius:12px}.hd-demo-field strong{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.hd-description{background:#fff;border:1px solid #dedfd6;border-radius:8px;padding:16px;font-size:15px;line-height:1.55;min-height:105px}.hd-caret{display:inline-block;width:2px;height:16px;vertical-align:middle;margin-left:3px;background:#435729;animation:hd-blink 1s steps(2) infinite}.hd-demo-select{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 12px;border:1px solid #dedfd6;border-radius:8px;font-size:14px}.hd-demo-select img{height:38px;width:38px;object-fit:contain}.hd-demo-select svg{margin-left:auto}.hd-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.hd-setting-value{display:block;border:1px solid #9ba888;background:#eff3e5;border-radius:7px;padding:8px;text-align:center;font-size:14px}.hd-demo-generate{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;margin:0 14px;border-radius:8px;background:#c6ec70;color:#253319;font-size:15px;font-weight:600}.hd-highlight{outline:2px solid #90ad56!important;outline-offset:3px;background-color:#f0f5e4;box-shadow:0 0 0 7px #b3d47717}.hd-cursor{position:absolute;right:7px;bottom:-13px;z-index:2;color:#30362c;fill:#fff;filter:drop-shadow(0 2px 2px #0002);animation:hd-point 1.1s cubic-bezier(.23,1,.32,1) both;pointer-events:none}.hd-demo-output{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:425px;background:#fff;border:1px solid #e2e3dc;border-radius:12px;overflow:visible;padding:18px}.hd-demo-output>img{width:100%;height:335px;object-fit:contain}.hd-output-placeholder{display:grid;justify-items:center;gap:20px;text-align:center;font-size:14px;color:#777c70}.hd-outline-sheet{display:block;width:84px;height:106px;border:1px dashed #c4c9ba;border-radius:8px;background:#fafbf7}.hd-output-actions{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:13px;border:1px solid #daddd2;border-radius:8px;margin-top:12px}.hd-result-reveal{animation:hd-result .95s cubic-bezier(.23,1,.32,1) both}.hd-tutorial-caption{display:flex;align-items:center;gap:12px;min-height:57px;margin-top:22px;padding:14px 0 0;border-top:1px solid #dddfd6;font-size:14px;line-height:1.5}.hd-tutorial-caption p{margin:0}.hd-tutorial-save{padding:20px}.hd-tutorial-save .hd-step-nav{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:20px}.hd-tutorial-save .hd-step-nav button{font-size:12px;gap:6px;padding:9px 6px}.hd-save-scene{background:#fff;border:1px solid #e2e3dc;border-radius:12px;overflow:hidden}.hd-mini-nav{display:flex;align-items:center;gap:25px;padding:20px;border-bottom:1px solid #eee;font-size:14px}.hd-mini-nav>span:first-child{font-weight:650}.hd-mini-active{position:relative;font-size:13px;padding:5px}.hd-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 14px}.hd-work{border:1px solid #e2e3dc;border-radius:8px;background:#fff}.hd-work>img{width:100%;height:178px;object-fit:contain;padding:12px}.hd-private-row,.hd-download-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;margin:8px;padding:6px 2px;font-size:10px;border-radius:4px}.hd-demo-switch{width:24px;height:14px;border-radius:12px;background:#9fbd63;display:flex;justify-content:flex-end;align-items:center;padding:2px;color:#607239;flex-shrink:0}.hd-demo-switch svg{border-radius:50%;background:#fff}.hd-download-row{justify-content:center;gap:4px;border:1px solid #daddd2;padding:7px 2px;margin-top:4px}.hd-save-status{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px;border-top:1px solid #eee;font-size:12px;color:#686c60;min-height:49px}.hd-style-tabs{display:flex;gap:6px;margin-bottom:14px}.hd-style-tabs button{flex:1;border:1px solid var(--border);border-radius:22px;padding:10px 12px;font-size:13px;transition:background-color .18s}.hd-style-tabs button[aria-pressed=true]{background:#283522;color:#fff;border-color:#283522}.hd-style-demo .hd-pair>img{height:410px}@media(hover:hover){.hd-sample:hover{transform:translateY(-2px);box-shadow:var(--ts-shadow-card-hover)}.hd-sample:hover>.hd-body{transform:scale(1.025)}.hd-sample:hover .hd-sample-design{transform:translateY(-5px) scale(1.08)}.hd-sample:hover .hd-expand{opacity:1}.hd-pair:hover>img{transform:scale(1.018)}.hd-pair:hover .hd-pair-expand{opacity:1;transform:none}}.hd-sample:focus-visible .hd-expand,.hd-pair:focus-visible .hd-pair-expand{opacity:1;transform:none}.hd-gallery button:focus-visible,.hd-tutorial button:focus-visible,.hd-style-demo button:focus-visible,.hd-pair:focus-visible{outline:2px solid #54722a;outline-offset:3px}@keyframes hd-enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hd-result{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hd-point{0%{opacity:0;transform:translate(14px,16px)}to{opacity:1;transform:none}}@keyframes hd-blink{50%{opacity:0}}@media(max-width:1023px){.hd-gallery-slide{flex-basis:31cqw;width:31cqw}.hd-tutorial-save .hd-work>img{height:240px}.hd-tutorial-save .hd-step-nav button{font-size:14px}.hd-private-row,.hd-download-row{font-size:12px}}@media(max-width:639px){.hd-gallery-slide{flex-basis:72cqw;width:72cqw}.hd-sample{height:330px}.hd-gallery-slide{padding-left:12px}.hd-pair{padding:10px;gap:8px}.hd-pair>img{height:260px}.hd-pair-expand{opacity:1;transform:none;font-size:11px;right:16px;bottom:16px;padding:6px 8px}.hd-detail-pair{gap:10px}.hd-detail-pair img{height:47vh}.hd-detail-pair figcaption{font-size:12px}.hd-tutorial{padding:14px}.hd-step-nav{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px}.hd-step-nav button{padding:8px;font-size:12px;gap:7px}.hd-create-scene{grid-template-columns:1fr;gap:16px}.hd-demo-form{gap:6px}.hd-demo-field{padding:10px}.hd-description{font-size:14px;min-height:90px}.hd-demo-output{min-height:285px;padding:12px}.hd-demo-output>img{height:240px}.hd-demo-output .hd-output-actions{font-size:12px;padding:10px}.hd-tutorial-create[data-step="0"] .hd-demo-output,.hd-tutorial-create[data-step="1"] .hd-demo-output,.hd-tutorial-create[data-step="2"] .hd-demo-field,.hd-tutorial-create[data-step="3"] .hd-demo-form{display:none}.hd-tutorial-caption{font-size:13px;align-items:flex-start;min-height:78px}.hd-tutorial-top{margin-bottom:12px}.hd-tutorial-save .hd-step-nav{grid-template-columns:1fr;gap:3px}.hd-tutorial-save .hd-step-nav button{padding:6px;font-size:13px}.hd-works-grid{grid-template-columns:1.1fr 1fr;gap:8px;padding:15px 10px}.hd-work:last-child{display:none}.hd-tutorial-save .hd-work>img{height:190px}.hd-private-row,.hd-download-row{font-size:10px;margin:7px}.hd-save-status{font-size:11px;padding:12px}.hd-style-demo .hd-pair>img{height:310px}.hd-style-tabs button{font-size:12px;padding:9px 7px}}@media(prefers-reduced-motion:reduce){.hd-screen,.hd-result-reveal,.hd-cursor,.hd-caret{animation:none!important}.hd-gallery *,.hd-pair *,.hd-tutorial *,.hd-style-demo *{transition:none!important;scroll-behavior:auto!important}.hd-sample:hover,.hd-sample:hover>.hd-body,.hd-sample:hover .hd-sample-design,.hd-pair:hover>img{transform:none}}@media(prefers-reduced-motion:reduce){.hd-gallery-viewport{overflow-x:auto}.hd-gallery-track{animation:none}.hd-gallery-group[aria-hidden=true]{display:none}}.style-explainer-tabs{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--ts-border);border-radius:14px;background:var(--ts-surface);padding:4px;margin:0 0 18px}.style-explainer-tabs [data-selection-indicator]{position:absolute;top:0;left:0;pointer-events:none;border-radius:10px;background:var(--ts-accent);opacity:0}.style-explainer-tabs[data-indicator-ready=true] [data-selection-indicator]{opacity:1;transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1),height .24s cubic-bezier(.22,1,.36,1)}.style-explainer-tabs button{position:relative;flex:1 1 auto;border:1px solid transparent;border-radius:10px;padding:10px 12px;min-height:44px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .12s var(--ts-ease)}.style-explainer-tabs button[aria-pressed=true]{background:var(--ts-accent);color:var(--ts-primary)}.style-explainer-tabs[data-indicator-ready=true] button[aria-pressed=true]{background:transparent}.style-explainer-tabs button:active{transform:scale(.97)}.style-explainer button:focus-visible{outline:2px solid var(--ts-primary);outline-offset:4px}.style-explainer-frame{position:relative;aspect-ratio:1;background:var(--ts-card);border:1px solid var(--border);border-radius:var(--ts-radius-panel);overflow:hidden}.style-explainer-enlarge{display:block;width:100%;height:100%;cursor:zoom-in}.style-explainer-enlarge:disabled{cursor:default}.style-explainer-image{position:absolute;height:92%;width:auto;max-width:92%;top:4%;left:50%;transform:translate(-50%);object-fit:contain;opacity:0;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.style-explainer-image[data-visible=true]{opacity:1}.style-explainer-zoom{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:#fff;transition:background-color .16s ease,transform .16s var(--ts-ease)}@media(hover:hover)and (pointer:fine){.style-explainer-enlarge:not(:disabled):hover .style-explainer-image{transform:translate(-50%) scale(1.015)}.style-explainer-enlarge:hover .style-explainer-zoom{background:var(--ts-accent);transform:scale(1.06)}.style-explainer-tabs button:not([aria-pressed=true]):hover{background:#00000008}}.style-explainer-status{position:absolute;bottom:16px;left:16px;right:64px;display:flex;align-items:center;gap:8px;font-size:14px;background:#fff;padding:8px;border-radius:8px}.style-explainer-status button{text-decoration:underline}.style-explainer-dialog[data-slot=dialog-content]{display:flex;align-items:center;justify-content:center;width:min(640px,calc(100vw - 32px));max-width:none;height:min(900px,calc(100dvh - 40px));padding:24px;overflow:visible;background:#fff}.style-explainer-dialog[data-slot=dialog-content],.style-explainer-overlay[data-slot=dialog-overlay]{animation:none;opacity:1;transition:opacity .26s cubic-bezier(.22,1,.36,1)}.style-explainer-dialog[data-starting-style],.style-explainer-dialog[data-ending-style],.style-explainer-overlay[data-starting-style],.style-explainer-overlay[data-ending-style]{opacity:0}.style-explainer-dialog>img{height:auto;max-height:100%;width:auto;max-width:100%;min-height:0;object-fit:contain;justify-self:center;transform-origin:top left}.style-explainer[data-keyboard=true] .style-explainer-image,.style-explainer[data-keyboard=true] [data-selection-indicator]{transition:none}@media(prefers-reduced-motion:reduce){.style-explainer-enlarge:not(:disabled):hover .style-explainer-image{transform:translate(-50%)}.style-explainer *,.style-explainer-dialog,.style-explainer-overlay{transition:none!important;animation:none!important}}