.canvas-bead[data-v-42404c21]{transform-origin:50%;will-change:transform;position:absolute;top:0;left:0}.canvas-bead--bracelet[data-v-42404c21]{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s}.canvas-bead--necklace[data-v-42404c21]{transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .2s}.canvas-bead--dragging[data-v-42404c21]{z-index:8;cursor:grabbing;transition:none}.canvas-bead--delete[data-v-42404c21]{opacity:.56}.canvas-bead__size[data-v-42404c21]{cursor:grab;touch-action:none;user-select:none;transform:translate(-50%,-50%)}.canvas-bead--dragging .canvas-bead__size[data-v-42404c21]{cursor:grabbing}.canvas-bead__rotation[data-v-42404c21],.canvas-bead__visual[data-v-42404c21]{width:100%;height:100%}.canvas-bead__rotation[data-v-42404c21]{transform-origin:50%;will-change:transform;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.canvas-bead--necklace .canvas-bead__rotation[data-v-42404c21]{transition-duration:.3s}.canvas-bead__visual[data-v-42404c21]{transform-origin:50%;will-change:transform, filter;background:0 0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .28s}.canvas-bead--necklace .canvas-bead__visual[data-v-42404c21]{transition-duration:.3s}.canvas-bead--circle .canvas-bead__visual[data-v-42404c21]{border-radius:50%;overflow:hidden}.canvas-bead--accessory .canvas-bead__visual[data-v-42404c21]{box-shadow:none;border-radius:4px;overflow:visible}.canvas-bead--bracelet.canvas-bead--circle .canvas-bead__visual[data-v-42404c21]{box-shadow:var(--canvas-bead-shadow-x) var(--canvas-bead-shadow-y) 14px #0000004d}.canvas-bead--necklace.canvas-bead--circle .canvas-bead__visual[data-v-42404c21]{box-shadow:var(--canvas-bead-shadow-x) var(--canvas-bead-shadow-y) 14px #00000038}.canvas-bead--bracelet.canvas-bead--accessory .canvas-bead__visual[data-v-42404c21]{filter:drop-shadow(var(--canvas-bead-shadow-x) var(--canvas-bead-shadow-y) 14px #0000004d)}.canvas-bead--necklace.canvas-bead--accessory .canvas-bead__visual[data-v-42404c21]{filter:drop-shadow(var(--canvas-bead-shadow-x) var(--canvas-bead-shadow-y) 14px #0000003d)}.canvas-bead:not(.canvas-bead--dragging):hover .canvas-bead__visual[data-v-42404c21]{transform:scale(1.05)}.canvas-bead--bracelet.canvas-bead--circle:not(.canvas-bead--dragging):hover .canvas-bead__visual[data-v-42404c21]{box-shadow:var(--canvas-bead-hover-shadow-x) var(--canvas-bead-hover-shadow-y) 18px #00000059}.canvas-bead--bracelet.canvas-bead--accessory:not(.canvas-bead--dragging):hover .canvas-bead__visual[data-v-42404c21]{filter:drop-shadow(var(--canvas-bead-hover-shadow-x) var(--canvas-bead-hover-shadow-y) 18px #00000059)}.canvas-bead--dragging .canvas-bead__visual[data-v-42404c21]{filter:drop-shadow(0 16px 18px #0000003d);transition:transform .2s,filter .2s;transform:scale(1.08)}.canvas-bead--delete .canvas-bead__visual[data-v-42404c21]{filter:drop-shadow(0 0 14px #d45252b8)}.canvas-bead--removing[data-v-42404c21]{opacity:0;transform-origin:50%;transform:var(--canvas-bead-position) scale(.1)!important;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)!important}.canvas-bead--removing .canvas-bead__visual[data-v-42404c21]{box-shadow:none;filter:none;transform:none!important}.canvas-bead__entry[data-v-42404c21]{transform-origin:50%}.canvas-bead--bracelet.canvas-bead--fly-in[data-v-42404c21]{z-index:100;transition:none!important}.canvas-bead--bracelet.canvas-bead--fly-in .canvas-bead__entry[data-v-42404c21]{animation:.95s cubic-bezier(.18,.78,.24,1) both bracelet-bead-fly-in-42404c21}.canvas-bead--necklace.canvas-bead--adding .canvas-bead__visual[data-v-42404c21]{animation:.52s cubic-bezier(.22,1,.36,1) both necklace-bead-add-42404c21}@keyframes bracelet-bead-fly-in-42404c21{0%{opacity:0;transform:translate3d(var(--canvas-bead-entry-x), var(--canvas-bead-entry-y), 0) rotate(var(--canvas-bead-entry-rotation)) scale(.5)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes necklace-bead-add-42404c21{0%{opacity:0;transform:translateY(112px)scale(.72)}62%{opacity:1;transform:translateY(-6px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.canvas-bead__image[data-v-42404c21]{z-index:1;object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:relative}.canvas-bead--accessory .canvas-bead__image[data-v-42404c21]{object-fit:contain;border-radius:0}.bracelet-canvas[data-v-57840325]{touch-action:none;background:#f9f9f9;width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.bracelet-canvas__viewport[data-v-57840325]{transform-origin:0 0;position:absolute;top:0;left:0}.bracelet-canvas__plane[data-v-57840325]{width:1000px;height:760px;transform:rotate(var(--bracelet-rotation));transform-origin:50%;position:absolute;inset:0}.bracelet-canvas__brand[data-v-57840325]{z-index:0;pointer-events:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bracelet-canvas__guide[data-v-57840325]{width:var(--guide-diameter);height:var(--guide-diameter);box-sizing:content-box;border:var(--guide-border);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-bead-layer[data-v-57840325]{position:absolute;inset:0}.necklace-canvas[data-v-bfff680d]{touch-action:none;background:#f9f9f9;width:100%;height:100%;min-height:320px;position:relative;overflow:hidden}.necklace-canvas__viewport[data-v-bfff680d]{transform-origin:0 0;position:absolute;top:0;left:0}.necklace-canvas__thread[data-v-bfff680d]{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.necklace-canvas__brand[data-v-bfff680d]{z-index:0;opacity:.92;pointer-events:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.necklace-canvas__thread-shadow[data-v-bfff680d],.necklace-canvas__thread-line[data-v-bfff680d]{fill:none;vector-effect:non-scaling-stroke}.canvas-bead-layer[data-v-bfff680d]{position:absolute;inset:0}.necklace-canvas__thread-shadow[data-v-bfff680d]{stroke-width:8px}.necklace-canvas__thread-line[data-v-bfff680d]{stroke:#ffffffa6;stroke-width:3px}.help-backdrop[data-v-1750e9d2]{z-index:10001;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-dialog[data-v-1750e9d2]{width:90%;max-width:800px;max-height:80vh;background:#fff;border-radius:12px;flex-direction:column;max-height:80dvh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.help-header[data-v-1750e9d2]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.help-header strong[data-v-1750e9d2]{color:#111827;font-size:20px}.help-dialog-close[data-v-1750e9d2]{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;transition:all .2s;display:flex}.help-dialog-close[data-v-1750e9d2]:hover{color:#111827;background:#f3f4f6}.help-tabs[data-v-1750e9d2]{gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.help-tabs button[data-v-1750e9d2]{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.help-tabs button[data-v-1750e9d2]:hover{color:#f40;background:#f3f4f6}.help-tabs button[aria-selected=true][data-v-1750e9d2]{color:#fff;background:#f40}.help-panel[data-v-1750e9d2]{flex:1;padding:24px;overflow-y:auto}.help-content[data-v-1750e9d2]{white-space:pre-wrap;margin:0 0 12px}.help-image-frame[data-v-1750e9d2]{flex-direction:column;align-items:center;gap:16px;min-height:220px;display:flex;position:relative;overflow:hidden}.help-image-frame img[data-v-1750e9d2]{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;max-height:60dvh;display:none}.help-image-frame img.is-ready[data-v-1750e9d2]{display:block}.help-image-status[data-v-1750e9d2],.help-empty[data-v-1750e9d2]{color:#8a756b;text-align:center;margin:0}.help-image-status button[data-v-1750e9d2]{color:#fff;background:#e88a57;border:0;border-radius:999px;padding:7px 15px}.help-navigation[data-v-1750e9d2]{color:#6b7280;align-items:center;gap:16px;display:flex}.help-navigation button[data-v-1750e9d2]{color:#d1d5db;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.help-navigation button[data-v-1750e9d2]:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.help-navigation button[data-v-1750e9d2]:disabled{opacity:.3;cursor:not-allowed}.help-image-indicator[data-v-1750e9d2]{color:#6b7280;text-align:center;min-width:60px;font-size:14px}@media (max-width:520px){.help-tabs[data-v-1750e9d2]{padding-inline:12px}}:root{color:#18181b;background:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.56}.bracelet-designer{background:linear-gradient(#f9f9f9,#f3f5f8);width:100%;height:100vh;overflow:hidden}.editor-surface{display:contents}.preview-section{touch-action:none;background:#f9f9f9;position:relative;overflow:hidden}.preview-section>:is(.bracelet-canvas,.necklace-canvas){height:100%;min-height:0}.design-summary{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px}.design-summary>span{color:#000;background:#eeeeef;border-radius:12px;align-items:center;gap:3px;padding:4px 8px;font-size:12px;display:flex}.price-label{opacity:.7;font-size:11px}.price-value{color:#000;opacity:.9;font-size:13px}.summary-length .length-label,.summary-length .length-value,.summary-length .length-hint{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0;display:inline}.help-button{z-index:4;color:#444;background:#eee;border-radius:12px;align-items:center;gap:6px;min-height:20px;padding:2px 8px;font-size:12px;display:flex;position:absolute;top:10px;right:10px}.help-icon{color:#f40;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:12px;display:inline-flex;transform:scale(1.1)}.editor-actions{z-index:100;bottom:calc(var(--materials-panel-height) + 10px);justify-content:space-between;gap:10px;width:100%;padding:0 15px;transition:bottom .28s;display:flex;position:fixed}.editor-actions__left,.editor-actions__right{align-items:center;gap:8px;display:flex}.editor-actions button{background:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 10px;font-size:14px;display:flex;position:relative;box-shadow:0 2px 8px #00000026}.editor-actions button:after{content:"";position:absolute;inset:-6px}.editor-actions .action-clear{border-radius:50%;width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.editor-actions .action-recommend,.editor-actions .action-complete{border-radius:16px;min-width:55px;height:32px;min-height:32px;padding:6px 8px;font-weight:500}.editor-actions .action-save-draft{font-weight:500}.editor-actions .action-recommend{border-radius:18px;font-weight:500}.editor-actions .action-complete{font-weight:500}.editor-actions .action-recommend:disabled{color:#999;opacity:.6;background:#e0e0e0}.editor-actions :is(.action-save-draft,.action-complete) span{font-size:12px}.action-icon{fill:currentColor;width:16px;height:16px}.sound-toggle{z-index:1000;color:#1f2937ad;opacity:.86;-webkit-backdrop-filter:blur(8px);background:#ffffffbd;border:1px solid #94a3b838;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .2s,background .2s,color .2s,opacity .2s;position:fixed;top:44px;right:12px;box-shadow:0 2px 8px #0f172a14}.sound-toggle:after{content:"";position:absolute;inset:-8px}.sound-toggle:active{opacity:1;transform:scale(.94)}.sound-toggle.muted{color:#4b5563b8;background:#f8fafca8}.sound-toggle:hover{opacity:1;color:#1f2937d1;background:#ffffffe6}.materials-panel-expanded .sound-toggle{opacity:.62}.materials-panel-expanded .sound-toggle:active{opacity:1}.sound-toggle__icon{width:18px;height:18px;margin:auto;display:block}.materials-panel{z-index:120;height:var(--materials-panel-height);background:#fff;border-top:1px solid #e0e0e0;border-radius:24px 24px 0 0;flex-direction:column;transition:height .28s,border-radius .28s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -1px #0f172a0a}.materials-panel-backdrop{z-index:110;background:#0f172a47;padding:0;position:fixed;inset:0}.materials-panel__handle{background:0 0;height:10px;min-height:10px;padding:0}.materials-panel__handle span{background:#e2e3e7;border-radius:999px;width:52px;height:3px;margin:3.5px auto;display:block}.type-toolbar{border-bottom:1px solid #e0e0e0;align-items:center;gap:10px;min-height:54px;padding:4px 12px 10px;display:flex}.type-tabs{flex:1;gap:8px;display:flex}.type-tabs button{color:#999;background:#f9f9f9;border:1px solid #e4e4e7;border-radius:16px;min-height:0;padding:6px 16px;font-size:14px}.type-tabs button[aria-selected=true]{color:#000;background:#fff;border-color:#0000}.search-trigger{color:#6b7280;background:#f7f7f8;border:1px solid #e4e4e7;border-radius:16px;align-items:center;gap:6px;min-height:0;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.search-trigger .filter-count{color:#9ca3af;text-align:center;min-width:12px;height:16px;padding:0;font-size:12px;font-weight:500;line-height:16px}.materials-content{flex:1;min-height:0;display:flex;overflow:hidden}.material-categories{border-right:1px solid #eee;flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow-y:auto}.material-categories button{color:#999;text-align:left;background:#fff;border-bottom:1px solid #f0f0f0;flex:none;width:100%;min-height:0;padding:12px 10px;font-size:14px;position:relative}.material-categories button.active{color:#222;background:#fff}.material-categories button.active:before{content:"";background:#f40;width:5px;height:20px;margin:auto 0;position:absolute;top:0;bottom:0;left:0}.materials-grid-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;padding:8px;display:flex;overflow:hidden auto}.materials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.material-card{color:#444;text-align:center;isolation:isolate;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;min-width:0;transition:all .3s;display:flex;position:relative;overflow:hidden}.material-card--sold-out{opacity:.5;cursor:not-allowed}.material-stock{color:#ff9800;margin:-4px 6px 8px;font-size:10px;font-weight:500}.material-stock.low-stock{color:#ff9800}.material-stock.sold-out{color:#f44336}.material-ripple-layer{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.material-ripple{pointer-events:none;background:radial-gradient(circle,#ff62003d,#ff620024 45%,#ff620000 72%);border-radius:50%;animation:.52s ease-out forwards material-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes material-ripple{0%{opacity:.85;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.material-card>:is(img,.material-card__missing){object-fit:contain;width:100%;height:60px;padding:8px}.material-card__missing{color:#a1a1aa;justify-content:center;align-items:center;font-size:12px;display:flex}.material-used-count{z-index:3;color:#ccc;text-align:center;text-shadow:0 1px 1px #ffffffb8;min-width:10px;font-size:12px;font-weight:600;line-height:1;position:absolute;top:5px;right:5px}.material-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 6px 4px;font-size:12px;font-weight:500;line-height:17px;display:-webkit-box;overflow:hidden}.material-meta{color:#999;justify-content:space-between;align-items:center;margin:0 6px 8px;display:flex}.material-size{color:#666;font-size:11px;font-weight:500}.material-price{color:#999;font-size:11px}.materials-state{color:#888;place-items:center;min-height:160px;font-size:14px;display:grid}.materials-grid-footer{color:#999;font-size:12px}.editor-dialog-backdrop{z-index:200;background:#0f172a3d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.recommendation-backdrop{z-index:2000;background:#00000080;padding:0}.filter-backdrop{backdrop-filter:blur(10px);background:#0f172a52;justify-content:center;align-items:flex-end;padding:0;transition:opacity .24s;display:flex}.filter-backdrop .editor-dialog{background:linear-gradient(#fffffffa,#fafafafa);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:76vh;padding:0;transition:transform .28s;display:flex;overflow:hidden;box-shadow:0 -24px 60px #0f172a2e}.filter-sheet-enter-from,.filter-sheet-leave-to{opacity:0}.filter-sheet-enter-from .editor-dialog,.filter-sheet-leave-to .editor-dialog{transform:translateY(24px)}.filter-sheet-enter-active,.filter-sheet-leave-active{transition:opacity .24s}.filter-sheet-enter-active .editor-dialog,.filter-sheet-leave-active .editor-dialog{transition:transform .28s}.filter-backdrop .editor-dialog header{border-bottom:1px solid #e4e4e7;padding:18px 18px 14px}.filter-backdrop .editor-dialog header strong{font-size:18px;font-weight:700}.materials-filter-sheet-title-wrap{flex-direction:column;display:flex}.materials-filter-sheet-title{color:#111827}.materials-filter-sheet-subtitle{color:#6b7280;margin-top:4px;font-size:12px}.materials-filter-sheet-close{color:#6b7280;background:#f3f4f6;border:0;border-radius:50%;flex-shrink:0;width:34px;height:34px;font-size:24px;line-height:1}[aria-label=搜索筛选] header strong{font-size:18px;font-weight:700}.materials-filter-sheet-body{flex:1;padding:16px 16px 20px;overflow-y:auto}@media (max-width:380px){.design-summary span{padding:3px 7px}}.editor-dialog{background:#fff;border-radius:20px;width:min(100%,420px);padding:20px;box-shadow:0 18px 50px #0003}.recommendation-backdrop .editor-dialog{border-radius:16px;width:min(90%,320px);padding:20px 24px;box-shadow:0 8px 32px #0003}.help-tab img{object-fit:contain;max-width:100%;max-height:180px;margin-top:8px;display:block}.editor-dialog header,.dialog-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-dialog label{gap:8px;margin:18px 0;display:grid}.editor-dialog input{border:1px solid #ddd;border-radius:12px;min-height:44px;padding:0 12px}[aria-label=搜索筛选] input{font-size:14px}.materials-filter-search-panel{background:#f4f4f5;border:1px solid #ececec;border-radius:18px;align-items:center;gap:8px;padding:10px 12px;display:flex}.materials-filter-search-icon{color:#999;flex-shrink:0;width:16px;height:16px;display:inline-flex}.materials-filter-search-icon svg{fill:currentColor;width:100%;height:100%}input.materials-filter-search-input{color:#18181b;background:0 0;border:0;border-radius:0;outline:0;flex:1;min-width:0;min-height:0;padding:0;font-size:14px}input.materials-filter-search-input::placeholder{color:#a1a1aa}.filter-search-clear{color:#f40;background:0 0;padding:0;font-size:12px;font-weight:600}.filter-group-title{color:#3f3f46;margin-top:18px;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.filter-options{flex-wrap:wrap;gap:10px 8px;display:flex}.filter-options button{font-size:13px}.dialog-actions button,.dialog-primary{background:#f4f4f5;border-radius:12px;min-height:40px;padding:0 12px}.recommendation-backdrop .dialog-actions button{border:0;border-radius:20px;min-width:80px;min-height:0;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.materials-filter-chip{color:#6b7280;background:#fff;border:1px solid #e4e4e7;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:13px;transition:all .25s;display:inline-flex}.materials-filter-chip[aria-pressed=true]{color:#4b5563;box-shadow:none;background:#f3f4f6;border-color:#d1d5db}.filter-color-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px;display:grid}.materials-filter-chip-color{width:100%;min-height:42px;padding:6px 10px}.filter-color-dot{border:1px solid #0000001a;border-radius:12px;width:28px;height:28px;display:block}.filter-color-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.materials-filter-sheet-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-top:1px solid #e4e4e7d1;gap:10px;display:flex}.materials-filter-footer-btn{border:1px solid #0000;border-radius:14px;flex:1;height:44px;font-size:14px;font-weight:600}.filter-footer button{font-size:14px;font-weight:600}.materials-filter-footer-btn.secondary{color:#3f3f46;background:#f4f4f5;border-color:#e4e4e7}.materials-filter-footer-btn.primary{color:#fff;background:#111827;box-shadow:0 12px 24px #1118272e}.operation-progress{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#ffffff80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.operation-progress__card{text-align:center;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;gap:12px;width:min(360px,100%);padding:22px 20px;display:flex;box-shadow:0 16px 40px #0f172a1f}.operation-progress__card strong{color:#3f3f46;font-size:15px;font-weight:500;line-height:1.7}.operation-progress__meta{color:#71717a;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.operation-progress__track{background:#71717a2e;border-radius:999px;height:8px;overflow:hidden}.operation-progress__track i{border-radius:inherit;background:linear-gradient(90deg,#d4d4d8,#a1a1aa);height:100%;transition:width .28s;display:block;position:relative;overflow:hidden}.operation-progress__track--indeterminate i{width:42%;animation:1.05s ease-in-out infinite operation-progress-indeterminate}.operation-progress__track i:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.8s linear infinite operation-progress-glow;position:absolute;inset:0;transform:translate(-100%)}@keyframes operation-progress-glow{to{transform:translate(100%)}}@keyframes operation-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}.preview-preparation{z-index:1700;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#ffffff80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-preparation__card{background:#ffffffd1;border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;gap:12px;width:min(360px,100%);padding:22px 20px;display:flex;box-shadow:0 16px 40px #0f172a1f}.preview-preparation__card strong{color:#3f3f46;text-align:center;font-size:15px;font-weight:500;line-height:1.7}.preview-preparation__meta{color:#71717a;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.preview-preparation__track{background:#71717a2e;border-radius:999px;height:8px;overflow:hidden}.preview-preparation__track i{border-radius:inherit;background:linear-gradient(90deg,#d4d4d8,#a1a1aa);width:42%;height:100%;animation:1.05s ease-in-out infinite preview-preparation-indeterminate;display:block;position:relative;overflow:hidden}.preview-preparation__track i:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.8s linear infinite operation-progress-glow;position:absolute;inset:0;transform:translate(-100%)}@keyframes preview-preparation-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}.source-sequence-entry-pending [data-instance-id] .canvas-bead__entry{opacity:0;pointer-events:none}.source-sequence-entry .canvas-bead__entry{transform-origin:50%;animation:.72s cubic-bezier(.18,.78,.24,1) both source-sequence-entry;animation-delay:var(--source-entry-delay)}@keyframes source-sequence-entry{0%{opacity:0;transform:translateY(400px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.editor-toast{z-index:10000;color:#fff;white-space:nowrap;pointer-events:none;text-align:center;background:#000c;border-radius:8px;min-width:0;margin:0;padding:12px 24px;font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.recommendation-dialog-enter-active,.recommendation-dialog-leave-active{transition:opacity .2s}.recommendation-dialog-enter-active .editor-dialog,.recommendation-dialog-leave-active .editor-dialog{transition:transform .3s}.recommendation-dialog-enter-from,.recommendation-dialog-leave-to{opacity:0}.recommendation-dialog-enter-from .editor-dialog{transform:translateY(20px)}.recommendation-dialog-leave-to .editor-dialog{transform:translateY(-20px)}.recommendation-confirm,.recommendation-notice{text-align:center}.recommendation-confirm>strong,.recommendation-notice>strong{text-align:center;font-size:18px;font-weight:600;display:block}.recommendation-confirm>p,.recommendation-notice>p{color:#666;text-align:center;white-space:pre-line;margin:0 0 18px;font-size:14px;line-height:1.5}.recommendation-confirm .dialog-actions,.recommendation-notice .dialog-actions{justify-content:center;gap:12px}.recommendation-confirm .dialog-actions button:first-child{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.recommendation-confirm .dialog-actions button:first-child:hover{color:#333;background:#e0e0e0}.recommendation-confirm .dialog-actions button:last-child,.recommendation-notice .dialog-actions button{color:#fff;background:#000}.recommendation-confirm .dialog-actions button:last-child:hover,.recommendation-notice .dialog-actions button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.recommendation-backdrop .dialog-actions button:active{transform:translateY(0)}.editor-toast-enter-active,.editor-toast-leave-active{transition:opacity .3s}.editor-toast-enter-from,.editor-toast-leave-to{opacity:0}.dialog-primary{color:#fff;background:#111827;width:100%;margin-top:18px}.interaction-samples{clip-path:inset(50%);width:1px;height:1px;position:fixed;overflow:hidden}@media (prefers-reduced-motion:reduce){#app,#app *,#app :before,#app :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}