@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dt-motion-guide{--dt-motion-base-width: 420px;--dt-motion-base-height: 352px;--dt-motion-scale: clamp(1, calc((100vw - 640px) / 720 + 1), 1.32);display:grid;justify-items:center;width:min(100%,calc(var(--dt-motion-base-width) * var(--dt-motion-scale)));margin-inline:auto}.dt-motion-scale-frame{width:min(100%,calc(var(--dt-motion-base-width) * var(--dt-motion-scale)));height:calc(var(--dt-motion-base-height) * var(--dt-motion-scale));overflow:visible}.dt-motion-scale-content{width:var(--dt-motion-base-width);display:grid;justify-items:center;gap:10px;transform:scale(var(--dt-motion-scale));transform-origin:top left}.dt-motion-preview,.dt-motion-progress-panel{width:var(--dt-motion-base-width)}.dt-motion-preview{--dt-motion-bg: #f6f7f8;--dt-motion-surface: #fbfcfb;--dt-motion-subdued: #eef1f3;--dt-motion-hover: #f8faf9;--dt-motion-text: #20262d;--dt-motion-muted: #66727f;--dt-motion-border: #dfe4e8;--dt-motion-border-strong: #c6cdd4;--dt-motion-primary: #008060;--dt-motion-primary-soft: #e3f1ec;--dt-motion-info: #2c6ecb;--dt-motion-warning: #b7791f;--dt-motion-warning-soft: #fff4d6;position:relative;height:270px;overflow:hidden;border:1px solid var(--dt-motion-border);border-radius:10px;background:var(--dt-motion-surface);color:var(--dt-motion-text)}.dt-motion-preview svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.dt-motion-cursor{position:absolute;top:0;left:0;z-index:30;width:22px;height:28px;filter:drop-shadow(0 2px 2px rgb(32 38 45 / 24%));pointer-events:none}.dt-motion-theme-stage,.dt-motion-app-stage{position:absolute;top:0;right:0;bottom:0;left:0}.dt-motion-theme-stage{background:var(--dt-motion-bg);opacity:0;animation:dt-motion-theme-stage 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-app-stage{z-index:10;display:grid;place-items:center;background:var(--dt-motion-surface);animation:dt-motion-app-stage 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-app-card{width:218px;display:grid;gap:9px;border:1px solid var(--dt-motion-border);border-radius:9px;background:var(--dt-motion-surface);padding:16px;box-shadow:0 12px 34px #20262d1a}.dt-motion-app-card>span{color:var(--dt-motion-muted);font-size:11px;font-weight:700}.dt-motion-app-card>strong{font-size:16px;line-height:1.25}.dt-motion-open-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;background:var(--dt-motion-text);color:var(--dt-motion-surface);padding:8px 12px;font-size:12px;font-weight:750;animation:dt-motion-open-button 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-open-button svg{width:15px;height:15px}.dt-motion-editor-header{position:absolute;z-index:2;inset:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dt-motion-border);background:var(--dt-motion-surface);padding:0 10px}.dt-motion-editor-title{color:var(--dt-motion-muted);font-size:11px;font-weight:700}.dt-motion-save{min-width:58px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:6px;background:var(--dt-motion-border-strong);color:var(--dt-motion-surface);padding:6px 10px;font-size:11px;font-weight:800;animation:dt-motion-save 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-save svg{width:13px;height:13px;opacity:0;transform:scale(.75);animation:dt-motion-save-check 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-editor{height:100%;display:grid;grid-template-columns:124px 1fr;box-sizing:border-box;padding-top:40px}.dt-motion-sidebar{display:grid;align-content:start;gap:12px;border-right:1px solid var(--dt-motion-border);background:var(--dt-motion-hover);padding:14px 10px;font-size:10px}.dt-motion-sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dt-motion-muted)}.dt-motion-toggle{position:relative;width:31px;height:17px;flex:0 0 auto;border-radius:99px;background:var(--dt-motion-border-strong);animation:dt-motion-toggle 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-toggle:after{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--dt-motion-surface);content:"";animation:dt-motion-toggle-thumb 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-canvas{display:grid;place-items:center;background:var(--dt-motion-subdued)}.dt-motion-save-required{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--dt-motion-text);color:var(--dt-motion-surface);padding:8px 13px;font-size:11px;font-weight:750;opacity:0;transform:translateY(8px);animation:dt-motion-save-required 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-save-required svg{width:15px;height:15px}.dt-motion-cursor--embed{animation:dt-motion-cursor-embed 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-storebar{height:40px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--dt-motion-border);background:var(--dt-motion-surface);padding:0 11px;font-size:11px;font-weight:700}.dt-motion-storebar span{color:var(--dt-motion-muted);font-weight:600}.dt-motion-store{position:relative;height:calc(100% - 40px);background:var(--dt-motion-hover);padding:22px}.dt-motion-store-copy{width:62%;display:grid;justify-items:start;gap:8px}.dt-motion-store-copy small{color:var(--dt-motion-muted);font-size:8px;font-weight:750}.dt-motion-store-copy>strong{max-width:220px;font-size:18px;line-height:1.2}.dt-motion-target{position:relative;min-height:18px;margin-top:8px;font-size:11px;font-weight:750}.dt-motion-target:after{position:absolute;top:-6px;right:-7px;bottom:-6px;left:-7px;border:2px solid var(--dt-motion-primary);border-radius:6px;background:#00806012;content:"";opacity:0;animation:dt-motion-target-outline 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-target-before,.dt-motion-target-after{display:inline-block;transition:opacity .18s cubic-bezier(.22,1,.36,1)}.dt-motion-target-before{animation:dt-motion-target-before 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-target-after{position:absolute;inset:0 auto auto 0;color:var(--dt-motion-primary);opacity:0;animation:dt-motion-target-after 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-selector-dock{position:absolute;z-index:3;right:12px;bottom:0;width:min(218px,calc(100% - 24px));overflow:hidden;border:1px solid var(--dt-motion-border-strong);border-radius:9px 9px 0 0;background:var(--dt-motion-surface);box-shadow:0 -12px 34px #20262d21;transform:translateY(112%);animation:dt-motion-selector-dock 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-dock-head{height:30px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--dt-motion-border);padding:0 9px;font-size:9px}.dt-motion-dock-head i{width:6px;height:6px;border-radius:50%;background:var(--dt-motion-primary);box-shadow:0 0 0 3px var(--dt-motion-primary-soft)}.dt-motion-dock-body{display:grid;gap:6px;padding:8px 9px}.dt-motion-dock-field{display:grid;gap:2px;border:1px solid var(--dt-motion-border);border-radius:5px;padding:5px 6px;font-size:8px}.dt-motion-dock-field small{color:var(--dt-motion-muted);font-size:7px;font-weight:750}.dt-motion-dock-field--replacement{background:var(--dt-motion-subdued);animation:dt-motion-dock-replacement 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-typing{display:inline-flex;align-items:center}.dt-motion-typing-text{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0;animation:dt-motion-typing 12s infinite cubic-bezier(.4,0,.2,1)}.dt-motion-caret{display:inline-block;width:1px;height:10px;margin-left:2px;background:var(--dt-motion-text);vertical-align:text-bottom;opacity:0;animation:dt-motion-caret-blink 1s infinite steps(1),dt-motion-caret-visibility 12s infinite}.dt-motion-dock-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--dt-motion-border);background:var(--dt-motion-hover);padding:8px 9px}.dt-motion-dock-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:5px;padding:6px 7px;font-size:8px;font-weight:800}.dt-motion-dock-action svg{width:12px;height:12px}.dt-motion-dock-action--preview{border:1px solid var(--dt-motion-border-strong);background:var(--dt-motion-surface);color:var(--dt-motion-text);animation:dt-motion-preview-button 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-dock-action--confirm{border:1px solid var(--dt-motion-primary);background:var(--dt-motion-primary);color:var(--dt-motion-surface);animation:dt-motion-confirm-button 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-cursor--selector{animation:dt-motion-cursor-selector 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel{display:grid;gap:10px;border:1px solid var(--dt-motion-border, #dfe4e8);border-radius:10px;background:var(--dt-motion-surface, #fbfcfb);padding:12px 14px}.dt-motion-progress{display:flex;gap:4px}.dt-motion-progress-segment{flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--dt-motion-border, #dfe4e8)}.dt-motion-progress-segment i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--dt-motion-primary, #008060);transform:scaleX(0);transform-origin:left center}.dt-motion-progress-panel--embed .dt-motion-progress-segment--1 i{animation:dt-motion-progress-1 9s infinite linear}.dt-motion-progress-panel--embed .dt-motion-progress-segment--2 i{animation:dt-motion-progress-2 9s infinite linear}.dt-motion-progress-panel--embed .dt-motion-progress-segment--3 i{animation:dt-motion-progress-3 9s infinite linear}.dt-motion-progress-panel--selector .dt-motion-progress-segment--1 i{animation:dt-motion-selector-progress-1 12s infinite linear}.dt-motion-progress-panel--selector .dt-motion-progress-segment--2 i{animation:dt-motion-selector-progress-2 12s infinite linear}.dt-motion-progress-panel--selector .dt-motion-progress-segment--3 i{animation:dt-motion-selector-progress-3 12s infinite linear}.dt-motion-progress-panel--selector .dt-motion-progress-segment--4 i{animation:dt-motion-selector-progress-4 12s infinite linear}.dt-motion-stage-copy{position:relative;min-height:21px;overflow:hidden}.dt-motion-stage-copy-item{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--dt-motion-text, #20262d);font-size:13px;font-weight:750;opacity:0;transform:translateY(5px)}.dt-motion-stage-copy-item svg{width:15px;height:15px;flex:0 0 auto;color:var(--dt-motion-primary, #008060)}.dt-motion-progress-panel--embed .dt-motion-stage-copy-item--1{animation:dt-motion-copy-1 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--embed .dt-motion-stage-copy-item--2{animation:dt-motion-copy-2 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--embed .dt-motion-stage-copy-item--3{animation:dt-motion-copy-3 9s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--selector .dt-motion-stage-copy-item--1{animation:dt-motion-selector-copy-1 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--selector .dt-motion-stage-copy-item--2{animation:dt-motion-selector-copy-2 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--selector .dt-motion-stage-copy-item--3{animation:dt-motion-selector-copy-3 12s infinite cubic-bezier(.22,1,.36,1)}.dt-motion-progress-panel--selector .dt-motion-stage-copy-item--4{animation:dt-motion-selector-copy-4 12s infinite cubic-bezier(.22,1,.36,1)}@keyframes dt-motion-cursor-embed{0%{transform:translate(198px,236px)}12%,15%{transform:translate(198px,150px)}17%{transform:translate(198px,150px) scale(.9)}22%,32%{transform:translate(198px,150px)}44%,47%{transform:translate(76px,91px)}49%{transform:translate(76px,91px) scale(.9)}55%{transform:translate(76px,91px)}69%,72%{transform:translate(366px,12px)}74%{transform:translate(366px,12px) scale(.9)}82%{transform:translate(366px,12px)}to{transform:translate(198px,236px)}}@keyframes dt-motion-app-stage{0%,30%{opacity:1;visibility:visible}34%,to{opacity:0;visibility:hidden}}@keyframes dt-motion-theme-stage{0%,29%{opacity:0}35%,to{opacity:1}}@keyframes dt-motion-open-button{0%,15%,22%,to{transform:scale(1);opacity:1}17%,19%{transform:scale(.96);opacity:.82}}@keyframes dt-motion-toggle{0%,46%{background:var(--dt-motion-border-strong)}49%,to{background:var(--dt-motion-primary)}}@keyframes dt-motion-toggle-thumb{0%,46%{transform:translate(0)}49%,to{transform:translate(14px)}}@keyframes dt-motion-save{0%,49%{background:var(--dt-motion-border-strong);color:var(--dt-motion-surface);transform:scale(1)}52%,70%{background:var(--dt-motion-text);color:var(--dt-motion-surface);transform:scale(1)}74%{background:var(--dt-motion-text);color:var(--dt-motion-surface);transform:scale(.96)}79%,to{background:var(--dt-motion-primary);color:var(--dt-motion-surface);transform:scale(1)}}@keyframes dt-motion-save-check{0%,76%{opacity:0;transform:scale(.75)}80%,to{opacity:1;transform:scale(1)}}@keyframes dt-motion-save-required{0%,48%{opacity:0;transform:translateY(8px)}52%,68%{opacity:1;transform:translateY(0)}76%,to{opacity:0;transform:translateY(-8px)}}@keyframes dt-motion-cursor-selector{0%{transform:translate(150px,284px)}12%,14%{transform:translate(108px,151px)}16%{transform:translate(108px,151px) scale(.9)}18%{transform:translate(108px,151px)}30%,32%{transform:translate(274px,202px)}34%{transform:translate(274px,202px) scale(.9)}36%{transform:translate(274px,202px)}38%{transform:translate(290px,220px)}55%,57%{transform:translate(239px,246px)}59%{transform:translate(239px,246px) scale(.9)}61%{transform:translate(239px,246px)}80%,82%{transform:translate(334px,246px)}84%{transform:translate(334px,246px) scale(.9)}86%{transform:translate(334px,246px)}to{transform:translate(150px,284px)}}@keyframes dt-motion-target-outline{0%,14%{opacity:0}16%,to{opacity:1}}@keyframes dt-motion-selector-dock{0%,18%{transform:translateY(112%)}22%,to{transform:translateY(0)}}@keyframes dt-motion-dock-replacement{0%,32%{border-color:var(--dt-motion-border);background:var(--dt-motion-subdued)}34%,to{border-color:var(--dt-motion-primary);background:var(--dt-motion-primary-soft)}}@keyframes dt-motion-preview-button{0%,57%,62%,to{transform:scale(1);opacity:1}59%,60%{transform:scale(.95);opacity:.78}}@keyframes dt-motion-confirm-button{0%,82%,87%,to{transform:scale(1);opacity:1}84%,85%{transform:scale(.95);opacity:.78}}@keyframes dt-motion-target-before{0%,58%{opacity:1}60%,to{opacity:0}}@keyframes dt-motion-target-after{0%,58%{opacity:0}60%,to{opacity:1}}@keyframes dt-motion-typing{0%,36%{max-width:0}46%,to{max-width:150px}}@keyframes dt-motion-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes dt-motion-caret-visibility{0%,34%{visibility:hidden}34%,60%{visibility:visible}60%,to{visibility:hidden}}@keyframes dt-motion-progress-1{0%{transform:scaleX(0)}33%,to{transform:scaleX(1)}}@keyframes dt-motion-progress-2{0%,33%{transform:scaleX(0)}66%,to{transform:scaleX(1)}}@keyframes dt-motion-progress-3{0%,66%{transform:scaleX(0)}98%,to{transform:scaleX(1)}}@keyframes dt-motion-selector-progress-1{0%{transform:scaleX(0)}25%,to{transform:scaleX(1)}}@keyframes dt-motion-selector-progress-2{0%,25%{transform:scaleX(0)}50%,to{transform:scaleX(1)}}@keyframes dt-motion-selector-progress-3{0%,50%{transform:scaleX(0)}75%,to{transform:scaleX(1)}}@keyframes dt-motion-selector-progress-4{0%,75%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dt-motion-copy-1{0%,30%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(-5px)}}@keyframes dt-motion-copy-2{0%,31%,67%,to{opacity:0;transform:translateY(5px)}35%,64%{opacity:1;transform:translateY(0)}}@keyframes dt-motion-copy-3{0%,65%{opacity:0;transform:translateY(5px)}69%,to{opacity:1;transform:translateY(0)}}@keyframes dt-motion-selector-copy-1{0%,22%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-5px)}}@keyframes dt-motion-selector-copy-2{0%,22%{opacity:0;transform:translateY(5px)}25%,47%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-5px)}}@keyframes dt-motion-selector-copy-3{0%,47%{opacity:0;transform:translateY(5px)}50%,72%{opacity:1;transform:translateY(0)}75%,to{opacity:0;transform:translateY(-5px)}}@keyframes dt-motion-selector-copy-4{0%,72%{opacity:0;transform:translateY(5px)}75%,97%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (max-width: 640px){.dt-motion-guide{--dt-motion-base-height: 366px;--dt-motion-scale: clamp(.72, calc((100vw - 64px) / 420), 1)}.dt-motion-preview{height:248px}.dt-motion-editor{grid-template-columns:104px 1fr}.dt-motion-store-copy{width:74%}.dt-motion-store-copy>strong{font-size:15px}.dt-motion-cursor{display:none}.dt-motion-stage-copy{min-height:38px}}@media (prefers-reduced-motion: reduce){.dt-motion-cursor,.dt-motion-selector-dock,.dt-motion-app-card{filter:none;box-shadow:none}}.dt-import-modal{--dt-import-surface: var(--p-color-bg-surface);--dt-import-subdued: var(--p-color-bg-surface-secondary);--dt-import-border: var(--p-color-border-secondary);--dt-import-primary: var(--p-color-bg-fill-success);--dt-import-primary-soft: var(--p-color-bg-fill-success-secondary);--dt-import-text: var(--p-color-text);--dt-import-muted: var(--p-color-text-secondary)}.dt-import-input-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:var(--p-space-400);align-items:stretch}.dt-import-upload-card,.dt-import-paste-card{min-width:0}.dt-import-upload-card{display:grid;border:1px solid var(--dt-import-border);border-radius:var(--p-border-radius-300);background:var(--dt-import-subdued);padding:var(--p-space-400)}.dt-import-dropzone-content{min-height:190px;display:grid;justify-items:center;align-content:center;gap:var(--p-space-300);border-radius:var(--p-border-radius-300);background:linear-gradient(180deg,var(--dt-import-primary-soft),var(--dt-import-surface));padding:var(--p-space-500) var(--p-space-300);text-align:center}.dt-import-file-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--dt-import-border);border-radius:var(--p-border-radius-300);background:var(--dt-import-surface);color:var(--dt-import-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:800}.dt-import-paste-card{display:grid}.dt-import-paste-card .Polaris-TextField__Input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45}@media (max-width: 820px){.dt-import-input-grid{grid-template-columns:1fr}.dt-import-dropzone-content{min-height:150px}}