.angle-dial[data-v-3b0711f6]{position:relative;width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1px solid #5a5a5a;background:radial-gradient(circle at 50% 38%,#e6e6e6,#a8a8a8);box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -1px 2px #00000026;cursor:crosshair;touch-action:none;outline:none;box-sizing:border-box}.angle-dial[data-v-3b0711f6]:focus-visible{outline:2px solid #4d90fe;outline-offset:1px}.angle-dial.dragging[data-v-3b0711f6]{cursor:crosshair}.dial-hand[data-v-3b0711f6]{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.dial-tip[data-v-3b0711f6]{position:absolute;width:5px;height:5px;background:#1a1a1a;border-radius:50%;top:3px;left:50%;transform:translate(-50%)}.dial-hub[data-v-3b0711f6]{position:absolute;width:4px;height:4px;background:#2a2a2a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.gradient-editor-overlay[data-v-e0228bf0]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000040;pointer-events:auto}.gradient-editor[data-v-e0228bf0]{position:fixed;z-index:51;width:360px;font-family:Tahoma,system-ui,sans-serif;font-size:11px;color:#1a1a1a;background:#c8c8c8;border:1px solid #1a1a1a;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff4d;-webkit-user-select:none;user-select:none}.ge-title-bar[data-v-e0228bf0]{display:flex;align-items:center;justify-content:center;padding:8px 10px;background:linear-gradient(180deg,#d8d8d8,#b8b8b8);border-bottom:1px solid #6a6a6a;cursor:grab;touch-action:none}.ge-title-bar[data-v-e0228bf0]:active{cursor:grabbing}.ge-title[data-v-e0228bf0]{font-weight:700;font-size:12px}.ge-body[data-v-e0228bf0]{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.ge-ramp-wrap[data-v-e0228bf0]{position:relative;height:36px;cursor:crosshair}.ge-ramp[data-v-e0228bf0]{height:24px;border:1px solid #1a1a1a;border-radius:1px;box-shadow:inset 0 1px 2px #0003}.ge-markers[data-v-e0228bf0]{position:relative;height:12px;margin-top:-1px}.grad-marker[data-v-e0228bf0]{position:absolute;bottom:0;width:0;height:0;padding:0;border:none;background:transparent;cursor:grab;transform:translate(-50%)}.grad-marker[data-v-e0228bf0]:after{content:"";display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #333;margin-left:-6px}.grad-marker.selected[data-v-e0228bf0]:after{border-top-color:#0a5}.ge-hint[data-v-e0228bf0]{margin:0;font-size:10px;color:#444}.ge-row[data-v-e0228bf0]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ge-label[data-v-e0228bf0]{flex:0 0 auto}.ge-color[data-v-e0228bf0]{width:32px;height:22px;padding:0;border:1px solid #555;cursor:pointer}.ge-actions[data-v-e0228bf0]{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.ge-btn[data-v-e0228bf0]{font-size:11px;padding:3px 12px;background:#e4e4e4;border:1px solid #5a5a5a;cursor:default}.ge-btn.primary[data-v-e0228bf0]{font-weight:600}.ge-btn[data-v-e0228bf0]:disabled{opacity:.45}.layer-style-dialog[data-v-51d97ef8]{position:fixed;right:20px;bottom:20px;left:auto;top:auto;z-index:25;width:560px;max-height:90vh;display:flex;flex-direction:column;align-items:stretch;pointer-events:auto;font-family:Tahoma,system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;color:#1a1a1a;background:#c8c8c8;border:1px solid #1a1a1a;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff4d;-webkit-user-select:none;user-select:none}.layer-style-dialog.layer-style-dialog--hint-on-top[data-v-51d97ef8]{z-index:31}.dialog-title-bar[data-v-51d97ef8]{flex:0 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:8px 10px;background:linear-gradient(180deg,#d8d8d8,#b8b8b8);border-bottom:1px solid #6a6a6a;cursor:default;min-width:0}.dialog-body[data-v-51d97ef8]{display:flex;flex-direction:row;flex:1;align-items:stretch;min-height:320px;max-height:420px;min-width:0}.dialog-body--hint-on-top .effects-column[data-v-51d97ef8]{position:relative;z-index:3}.dialog-body--hint-on-top .options-column[data-v-51d97ef8]{position:relative;z-index:2}.dialog-body--hint-on-top .actions-sidebar[data-v-51d97ef8]{position:relative;z-index:1}.title-text[data-v-51d97ef8]{font-weight:700;font-size:12px}.actions-sidebar[data-v-51d97ef8]{flex:0 0 100px;display:flex;flex-direction:column;gap:4px;padding:8px;background:#b8b8b8;border-left:1px solid #8a8a8a;box-sizing:border-box}.action-btn[data-v-51d97ef8]{font-size:11px;padding:3px 8px;background:#e4e4e4;border:1px solid #5a5a5a;cursor:default}.action-btn.primary[data-v-51d97ef8]{font-weight:600}.preview-check[data-v-51d97ef8]{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:4px}.preview-thumb[data-v-51d97ef8]{width:56px;height:56px;margin-top:auto;align-self:center;border:1px solid #000;background:repeating-conic-gradient(#ddd,#ddd 25%,#fff 0%,#fff 50%) 50% / 8px 8px;box-shadow:inset 0 0 0 1px #888}.effects-column[data-v-51d97ef8]{flex:0 0 160px;display:flex;flex-direction:column;background:#b0b0b0;border-right:1px solid #5a5a5a}.effects-column-core[data-v-51d97ef8]{display:flex;flex-direction:column;flex:1;min-height:0}.effects-header[data-v-51d97ef8]{padding:4px 6px;font-weight:600;font-size:10px;color:#333;border-bottom:1px solid #8a8a8a}.pseudo-item[data-v-51d97ef8]{text-align:left;padding:4px 8px;font-size:11px;background:transparent;border:none;cursor:default;color:#1a1a1a}.pseudo-item[data-v-51d97ef8]:hover{background:#ffffff26}.effects-divider[data-v-51d97ef8]{height:1px;background:#6a6a6a;margin:2px 0}.effects-list[data-v-51d97ef8]{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.effect-item[data-v-51d97ef8]{display:flex;align-items:center;gap:4px;padding:3px 6px;font-size:11px;cursor:default;border-bottom:1px solid #9a9a9a}.effect-item[data-v-51d97ef8]:hover{background:#ffffff1f}.effect-item.selected[data-v-51d97ef8]{background:#a8c8e8}.effect-label[data-v-51d97ef8]{flex:1;min-width:0}.effect-plus[data-v-51d97ef8]{opacity:.6;font-size:10px}.effects-toolbar[data-v-51d97ef8]{display:flex;gap:2px;padding:4px;border-top:1px solid #8a8a8a;background:#a8a8a8}.tb-btn[data-v-51d97ef8]{flex:1;height:22px;font-size:9px;background:#d0d0d0;border:1px solid #5a5a5a;cursor:default}.options-column[data-v-51d97ef8]{flex:1;min-width:0;padding:8px 10px;overflow-y:auto;background:#d0d0d0}.effect-panel[data-v-51d97ef8]{display:flex;flex-direction:column;gap:6px}.effect-panel-body[data-v-51d97ef8]{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.panel-heading[data-v-51d97ef8]{margin:0 0 4px;font-size:12px;font-weight:700;border-bottom:1px solid #8a8a8a;padding-bottom:4px}.effect-hint[data-v-51d97ef8]{margin:0;color:#444;font-size:10px}.color-input[data-v-51d97ef8]{width:28px;height:18px;padding:0;border:1px solid #555;cursor:pointer;vertical-align:middle}.field-row[data-v-51d97ef8]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field-row.block[data-v-51d97ef8]{flex-direction:column;align-items:stretch}.field-label[data-v-51d97ef8]{flex:0 0 88px;text-align:right;color:#222}.field-row.block .field-label[data-v-51d97ef8]{text-align:left}.slider[data-v-51d97ef8]{flex:1;min-width:60px;height:4px;opacity:.85}.slider[data-v-51d97ef8]:disabled{pointer-events:none}.field-num[data-v-51d97ef8]{width:44px;font-size:11px;padding:2px 4px;border:1px solid #5a5a5a;background:#fff;text-align:right}.field-num.narrow[data-v-51d97ef8]{width:48px}.field-select[data-v-51d97ef8]{flex:1;min-width:80px;max-width:140px;font-size:11px;padding:2px 4px;border:1px solid #5a5a5a;background:#f0f0f0}.field-select.wide[data-v-51d97ef8]{max-width:200px}.unit[data-v-51d97ef8]{flex:0 0 auto;color:#444;font-size:10px}.swatch[data-v-51d97ef8]{width:22px;height:18px;border:1px solid #000;flex-shrink:0}.gradient-swatch[data-v-51d97ef8]{background:linear-gradient(90deg,red,#0f0)}.gradient-bar[data-v-51d97ef8]{height:18px;border:1px solid #000;background:linear-gradient(90deg,#e02020,#20c020);margin-top:2px}.gradient-preview-bar[data-v-51d97ef8]{width:100%;height:22px;border:1px solid #1a1a1a;margin:4px 0;box-shadow:inset 0 1px 2px #00000026}.angle-row[data-v-51d97ef8]{align-items:center}.angle-dial[data-v-51d97ef8]{width:28px;height:28px;border-radius:50%;border:1px solid #5a5a5a;background:conic-gradient(from 0deg,#ddd,#bbb 360deg),radial-gradient(circle at 50% 35%,#fff 0%,transparent 45%);box-shadow:inset 0 1px 2px #fff9}.contour-thumb[data-v-51d97ef8]{width:36px;height:18px;border:1px solid #000;background:linear-gradient(90deg,#333,#999,#333)}.inline-check[data-v-51d97ef8]{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.inline-check.full[data-v-51d97ef8]{flex:1 1 100%;margin-left:94px}.radio-row[data-v-51d97ef8]{gap:12px;margin-left:94px}.radio-row .field-label~label[data-v-51d97ef8]{margin:0}.footer-btns[data-v-51d97ef8]{gap:8px;margin-top:4px}.small-btn[data-v-51d97ef8]{font-size:10px;padding:2px 8px;background:#e0e0e0;border:1px solid #5a5a5a;cursor:default}.layers-panel[data-v-07a3fde4]{position:fixed;top:40px;left:20px;z-index:25;width:240px;pointer-events:auto;font-family:Tahoma,system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;color:#1a1a1a;background:#b8b8b8;border:1px solid #1a1a1a;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff40;-webkit-user-select:none;user-select:none}.layers-panel.layers-panel--hint-on-top[data-v-07a3fde4]{z-index:30}.panel-header[data-v-07a3fde4]{display:flex;align-items:center;gap:4px;padding:4px 6px;background:linear-gradient(180deg,#d0d0d0,#b0b0b0);border-bottom:1px solid #6a6a6a;cursor:default}.tab-label[data-v-07a3fde4]{font-weight:600;font-size:11px}.header-spacer[data-v-07a3fde4]{flex:1}.icon-btn[data-v-07a3fde4]{pointer-events:auto;background:transparent;border:1px solid transparent;color:inherit;cursor:default;padding:2px 4px;border-radius:2px}.icon-btn[data-v-07a3fde4]:hover{border-color:#888;background:#fff3}.helpers-btn[data-v-07a3fde4]{pointer-events:auto;flex:0 0 auto;padding:2px 8px;font:inherit;font-weight:600;font-size:10px;color:#1a1a1a;background:#d8d8d8;border:1px solid #5a5a5a;border-radius:2px;cursor:pointer;box-shadow:inset 0 1px #ffffff59}.helpers-btn[data-v-07a3fde4]:hover{background:#e4e4e4}.helpers-btn.pressed[data-v-07a3fde4]{background:#9a9a9a;box-shadow:inset 0 1px 3px #00000040}.toolbar[data-v-07a3fde4]{display:flex;flex-direction:column;gap:4px;padding:6px 6px 4px;border-bottom:1px solid #8a8a8a}.blend-select[data-v-07a3fde4]{width:100%;font-size:11px;padding:2px 4px;background:#e8e8e8;border:1px solid #5a5a5a}.opacity-row[data-v-07a3fde4],.fill-row[data-v-07a3fde4]{display:flex;align-items:center;gap:4px}.opacity-checkbox-label[data-v-07a3fde4]{display:inline-flex;align-items:center;flex:0 0 auto;cursor:default}.opacity-row-wrap[data-v-07a3fde4]{position:relative}.opacity-slider-popover[data-v-07a3fde4]{position:absolute;right:0;left:auto;top:calc(100% + 2px);z-index:50;width:160px;padding:6px 8px;background:#8a8a8a;border:1px solid #3a3a3a;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff1f}.opacity-slider-range[data-v-07a3fde4]{width:100%;height:6px;accent-color:#c8d4e0;cursor:pointer}.opacity-fx[data-v-07a3fde4]{flex:0 0 auto;width:14px;height:14px;margin:0}.pct-suffix[data-v-07a3fde4]{flex:0 0 auto;font-size:11px;color:#222}.opacity-value[data-v-07a3fde4]{flex:0 1 48px}.lbl[data-v-07a3fde4]{flex:0 0 auto;color:#222}.num-input[data-v-07a3fde4]{flex:1;min-width:0;font-size:11px;padding:2px 4px;background:#fff;border:1px solid #5a5a5a;text-align:right}.fill-row[data-v-07a3fde4]{padding:4px 6px 6px;border-bottom:1px solid #8a8a8a}.fill-input[data-v-07a3fde4]{flex:0 1 56px}.arrow-btn[data-v-07a3fde4]{flex:0 0 18px;height:20px;padding:0;font-size:10px;line-height:1;background:#e0e0e0;border:1px solid #5a5a5a;cursor:default}.lock-row[data-v-07a3fde4]{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid #8a8a8a}.lock-btn[data-v-07a3fde4]{width:22px;height:20px;padding:0;font-size:10px;line-height:18px;background:#d4d4d4;border:1px solid #6a6a6a;cursor:default}.layer-list[data-v-07a3fde4]{max-height:220px;overflow-y:auto;background:#a8a8a8;border-bottom:1px solid #6a6a6a}.layer-block[data-v-07a3fde4]{border-bottom:1px solid #6a6a6a}.layer-row[data-v-07a3fde4]{display:flex;align-items:center;gap:4px;width:100%;padding:3px 4px;border:none;background:#a8a8a8;color:#1a1a1a;text-align:left;font:inherit;cursor:default}.layer-row[data-v-07a3fde4]:hover{background:#9c9c9c}.layer-row.active[data-v-07a3fde4]{background:#4a4a4a;color:#fff}.layer-row.active .eye.dim[data-v-07a3fde4]{opacity:.45}.effects-nest[data-v-07a3fde4]{border-top:1px solid #949494;background:#9a9a9a}.effects-header-row[data-v-07a3fde4]{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 28px;font-size:10px;font-weight:600;color:#1a1a1a;border-bottom:1px solid #888}.effects-group-eye[data-v-07a3fde4]{cursor:pointer}.effects-title[data-v-07a3fde4]{flex:1;min-width:0}.effect-subrow[data-v-07a3fde4]{display:flex;align-items:center;gap:6px;padding:2px 4px 3px 48px;background:#969696;font-size:10px;color:#1a1a1a;border-top:1px solid #8a8a8a}.effect-subrow-name[data-v-07a3fde4]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-eye[data-v-07a3fde4]{cursor:pointer}.eye[data-v-07a3fde4]{flex:0 0 18px;text-align:center;font-size:12px;line-height:1;cursor:pointer}.eye.dim[data-v-07a3fde4]{opacity:.35}.thumb[data-v-07a3fde4]{flex:0 0 28px;height:22px;border:1px solid #000;background:#888}.mask-thumb[data-v-07a3fde4]{flex:0 0 22px;height:22px;border:1px solid #000;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 50% / 6px 6px}.layer-name[data-v-07a3fde4]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:2px}.footer-tools[data-v-07a3fde4]{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:4px 4px 6px;background:#b0b0b0}.ft-btn[data-v-07a3fde4]{flex:1;min-width:0;height:22px;padding:0 2px;font-size:10px;background:#d0d0d0;border:1px solid #5a5a5a;cursor:default}.ft-btn.fx[data-v-07a3fde4]{font-weight:700;font-size:9px}.ft-btn.yin[data-v-07a3fde4]{font-size:12px}.playground-top-bar[data-v-10cbadd9]{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:24px;padding:3px 12px 4px;pointer-events:auto;font-family:Tahoma,system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;font-weight:500;color:#1a1a1a;background:linear-gradient(180deg,#d8d8d8,#b8b8b8 48%,#a8a8a8);border-bottom:1px solid #6a6a6a;box-shadow:inset 0 1px #ffffff8c,0 1px 3px #0000001f;-webkit-user-select:none;user-select:none}.app-title[data-v-10cbadd9]{flex:0 0 auto;font-weight:700;font-size:11px;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.bar-links[data-v-10cbadd9]{display:flex;align-items:center;gap:2px;flex:0 0 auto}.bar-links a[data-v-10cbadd9]{color:inherit;text-decoration:none;padding:2px 8px;border-radius:3px;border:1px solid transparent}.bar-links a[data-v-10cbadd9]:hover{background:#ffffff47;border-color:#0000001f}.bar-links a[data-v-10cbadd9]:active{background:#00000014;box-shadow:inset 0 1px 2px #0000001f}.small-screen-overlay[data-v-a2140f7b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.small-screen-card[data-v-a2140f7b]{max-width:22rem;padding:18px 20px;border:1px solid #1a1a1a;border-radius:4px;background:linear-gradient(180deg,#e0e0e0,#c8c8c8);box-shadow:0 8px 32px #00000059,inset 0 1px #fff6}.small-screen-title[data-v-a2140f7b]{margin:0 0 10px;font-size:15px;font-weight:700;color:#1a1a1a;font-family:Tahoma,system-ui,-apple-system,Segoe UI,sans-serif}.small-screen-text[data-v-a2140f7b]{margin:0 0 16px;font-size:12px;line-height:1.45;color:#2a2a2a;text-wrap:pretty;font-family:Tahoma,system-ui,-apple-system,Segoe UI,sans-serif}.small-screen-btn[data-v-a2140f7b]{font-size:12px;font-weight:600;padding:6px 14px;cursor:pointer;color:#1a1a1a;background:#d8d8d8;border:1px solid #5a5a5a;border-radius:3px;box-shadow:inset 0 1px #ffffff59;font-family:inherit}.small-screen-btn[data-v-a2140f7b]:hover{background:#e8e8e8}.small-screen-btn[data-v-a2140f7b]:active{box-shadow:inset 0 1px 3px #0003}@keyframes shake-panel{0%,to{transform:translate(0)}12.5%{transform:translate(-5px)}25%{transform:translate(5px)}37.5%{transform:translate(-4px)}50%{transform:translate(4px)}62.5%{transform:translate(-3px)}75%{transform:translate(3px)}87.5%{transform:translate(-2px)}}.shake-anim{animation:shake-panel .45s ease}.playground-interactive{transition:outline-color .35s ease,outline-width .35s ease,box-shadow .35s ease}.playground-interactive.playground-interactive--hint{position:relative;z-index:10;outline:none;box-shadow:0 0 0 2px #007aff,0 0 0 6px #fff,0 8px 28px #007aff38}