.app-layout[data-v-e2597bad]{display:flex;height:100vh;width:100vw;background-color:var(--surface-2)}.sidebar[data-v-e2597bad]{width:260px;background-color:var(--surface-1);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header[data-v-e2597bad]{padding:32px 24px;display:flex;align-items:center;justify-content:space-between}.brand-wrapper[data-v-e2597bad]{display:flex;align-items:center;gap:12px}.brand-logo[data-v-e2597bad]{width:32px;height:32px;background:var(--brand-color);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.brand-name[data-v-e2597bad]{font-weight:800;font-size:1.2rem;letter-spacing:-.5px;color:var(--text-primary)}.nav-list[data-v-e2597bad]{flex:1;padding:0 16px}.nav-link[data-v-e2597bad]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;margin-bottom:6px;transition:all .2s ease;font-weight:500}.icon-box[data-v-e2597bad]{width:20px;display:flex;justify-content:center;font-size:1.1rem}.nav-link[data-v-e2597bad]:hover,.router-link-active[data-v-e2597bad]{background-color:var(--brand-color-soft);color:var(--brand-color)}.sidebar-footer[data-v-e2597bad]{padding:24px 16px}.theme-switch[data-v-e2597bad]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s}.theme-icon[data-v-e2597bad]{color:#ffc225}.main-container[data-v-e2597bad]{flex:1;display:flex;flex-direction:column;min-width:0}.content-header[data-v-e2597bad]{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background-color:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.header-left[data-v-e2597bad]{display:flex;align-items:center;gap:12px}.burger-menu[data-v-e2597bad]{display:none;background:none;border:none;font-size:1.3rem;color:var(--text-primary);cursor:pointer}.breadcrumb[data-v-e2597bad]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;text-transform:capitalize}.divider-icon[data-v-e2597bad]{font-size:.7rem;opacity:.5}.github-link img[data-v-e2597bad]{width:28px;height:28px}.mobile-close[data-v-e2597bad]{display:none}.content-body[data-v-e2597bad]{flex:1;overflow-y:auto;padding:32px}.page-fade-enter-active[data-v-e2597bad],.page-fade-leave-active[data-v-e2597bad]{transition:opacity .25s ease,transform .25s ease}.page-fade-enter-from[data-v-e2597bad],.page-fade-leave-to[data-v-e2597bad]{opacity:0;transform:translateY(5px)}.fade-enter-active[data-v-e2597bad],.fade-leave-active[data-v-e2597bad]{transition:opacity .3s ease}.fade-enter-from[data-v-e2597bad],.fade-leave-to[data-v-e2597bad]{opacity:0}@media (max-width: 768px){.sidebar[data-v-e2597bad]{position:fixed;top:0;left:0;height:100%;transform:translate(-100%)}.sidebar.is-open[data-v-e2597bad]{transform:translate(0)}.sidebar-overlay[data-v-e2597bad]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.burger-menu[data-v-e2597bad]{display:block}.mobile-close[data-v-e2597bad]{display:block;background:none;border:none;font-size:1.2rem;color:var(--text-secondary)}.content-header[data-v-e2597bad]{padding:0 20px}}.copied-block-wrapper[data-v-2989a652]{display:flex;flex-direction:column;background-color:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle);height:100%}.action-bar[data-v-2989a652]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--surface-2);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md)}.format-tag[data-v-2989a652]{font-size:.7rem;font-weight:800;color:var(--text-secondary);background:var(--border-subtle);padding:2px 6px;border-radius:4px}.copy-btn[data-v-2989a652]{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--brand-color);border-radius:4px;font-size:.75rem;cursor:pointer}.scroll-area[data-v-2989a652]{flex:1;padding:16px;overflow-y:auto;font-size:.95rem;line-height:1.6}.tool-container[data-v-23a239cc]{display:flex;flex-direction:column;gap:20px;width:100%;min-height:100%;padding-bottom:10px}.control-panel[data-v-23a239cc]{background:var(--surface-1);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-shrink:0}.control-flex-wrapper[data-v-23a239cc]{display:flex;gap:32px;align-items:stretch}.control-main-area[data-v-23a239cc]{flex:2;display:flex;flex-direction:column;gap:20px}.control-group[data-v-23a239cc]{display:flex;flex-direction:column;gap:8px}.group-label[data-v-23a239cc]{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.segmented-control[data-v-23a239cc]{display:flex;background:var(--surface-2);padding:4px;border-radius:10px}.segmented-control button[data-v-23a239cc]{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:.2s}.segmented-control button.active[data-v-23a239cc]{background:var(--surface-1);color:var(--brand-color);box-shadow:var(--shadow-sm)}.control-side-area[data-v-23a239cc]{flex:1;display:flex}.desc-card[data-v-23a239cc]{width:100%;background:var(--brand-color-soft);border-radius:var(--radius-md);padding:16px;border:1px solid rgba(96,182,153,.15);display:flex;flex-direction:column;justify-content:center}.desc-header[data-v-23a239cc]{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--brand-color)}.desc-icon[data-v-23a239cc]{color:var(--brand-color)}.desc-title[data-v-23a239cc]{font-size:.85rem;font-weight:800}.desc-content[data-v-23a239cc]{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.workspace[data-v-23a239cc]{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:500px}.editor-pane[data-v-23a239cc]{display:flex;flex-direction:column;gap:8px;min-width:0}.pane-header[data-v-23a239cc]{display:flex;justify-content:space-between;align-items:center}.pane-title[data-v-23a239cc]{font-size:.85rem;font-weight:700;color:var(--text-secondary)}.clear-btn[data-v-23a239cc]{background:transparent;border:none;color:var(--brand-color);font-size:.75rem;font-weight:600;cursor:pointer}.custom-textarea[data-v-23a239cc]{flex:1;min-height:250px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;color:var(--text-primary);font-size:.95rem;resize:none;outline:none}.custom-textarea[data-v-23a239cc]:focus{border-color:var(--brand-color)}.result-wrapper[data-v-23a239cc]{flex:1;min-height:0}.error-text[data-v-23a239cc]{color:#ef4444;line-height:1.6;font-weight:600;display:flex;align-items:center;gap:8px}.output-text[data-v-23a239cc]{word-break:break-all;white-space:pre-wrap}@media (max-width: 1024px){.tool-container[data-v-23a239cc]{overflow-y:auto}.control-panel[data-v-23a239cc]{flex-direction:column;align-items:stretch}.control-flex-wrapper[data-v-23a239cc]{flex-direction:column;gap:20px}.workspace[data-v-23a239cc]{grid-template-columns:1fr;min-height:auto}.custom-textarea[data-v-23a239cc]{min-height:200px}}@media (max-width: 768px){.control-panel[data-v-23a239cc]{padding:16px}.control-group[data-v-23a239cc]{min-width:100%;text-align:center}.segmented-control[data-v-23a239cc]{justify-content:center}}.container[data-v-7a102012]{display:flex;height:100%;flex-direction:column;text-align:center;justify-content:center}.container h1[data-v-7a102012]{font-size:40px;letter-spacing:10px}.container h2[data-v-7a102012]{font-size:32px;letter-spacing:5px}.redirect[data-v-7a102012]{padding:20px}.redirect a[data-v-7a102012]{text-decoration:underline;font-size:18px;color:#53b79b;font-weight:700}.home-wrapper[data-v-32a17aa3]{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.hero-card[data-v-32a17aa3]{background-color:var(--surface-1);padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.welcome-text[data-v-32a17aa3]{font-size:2.5rem;font-weight:800;color:var(--brand-color);margin-bottom:12px}.hero-description[data-v-32a17aa3]{color:var(--text-secondary);max-width:500px;line-height:1.7}.copyright[data-v-32a17aa3]{margin-top:20px;font-size:.8rem;color:var(--text-secondary);opacity:.7}.badge[data-v-32a17aa3]{background:var(--brand-color-soft);color:var(--brand-color);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-block;margin-left:8px}.grid-layout[data-v-32a17aa3]{display:grid;grid-template-columns:300px 1fr;gap:24px}.profile-card[data-v-32a17aa3]{background-color:var(--surface-1);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);text-align:center}.avatar-wrapper[data-v-32a17aa3]{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;padding:5px;border:2px dashed var(--brand-color)}.avatar[data-v-32a17aa3]{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-name[data-v-32a17aa3]{font-size:1.25rem;margin-bottom:4px}.experience-tag[data-v-32a17aa3]{color:var(--brand-color);font-weight:600;font-size:.9rem;margin-bottom:12px}.bio[data-v-32a17aa3]{color:var(--text-secondary);font-style:italic;font-size:.85rem}.changelog-container[data-v-32a17aa3]{background-color:var(--surface-1);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.section-title[data-v-32a17aa3]{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin-bottom:4px}.subtitle[data-v-32a17aa3]{font-size:.85rem;color:var(--text-secondary);margin-bottom:30px}.timeline[data-v-32a17aa3]{display:flex;flex-direction:column;gap:0px}.timeline-item[data-v-32a17aa3]{position:relative;padding-left:24px;padding-bottom:24px;border-left:1px solid var(--border-subtle)}.timeline-item[data-v-32a17aa3]:last-child{border-left-color:transparent}.dot[data-v-32a17aa3]{position:absolute;left:-5px;top:6px;width:9px;height:9px;background-color:var(--brand-color);border-radius:50%}.time[data-v-32a17aa3]{font-size:.8rem;font-weight:700;color:var(--brand-color);margin-bottom:4px}.event[data-v-32a17aa3]{font-size:.95rem;color:var(--text-primary);line-height:1.5}.thanks-tag[data-v-32a17aa3]{font-size:.75rem;color:var(--brand-color);background:var(--brand-color-soft);padding:2px 8px;border-radius:4px;margin-left:6px}@media (max-width: 850px){.grid-layout[data-v-32a17aa3]{grid-template-columns:1fr}.hero-card[data-v-32a17aa3]{flex-direction:column;text-align:center;padding:30px 20px}.hero-stats[data-v-32a17aa3]{margin-top:20px}}.range-slider[data-v-e35988a4]{width:100%;padding:10px 0}.slider-track[data-v-e35988a4]{position:relative;width:100%;height:6px}input[type=range][data-v-e35988a4]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#e0e0e0;border-radius:3px;outline:none}input[type=range][data-v-e35988a4]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--brand-color);border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0003}.range-labels[data-v-e35988a4]{display:flex;justify-content:space-between;margin-top:10px;font-size:.8rem;color:var(--text-secondary)}.current-value[data-v-e35988a4]{color:var(--brand-color);font-weight:700;background:var(--brand-color-soft);padding:2px 8px;border-radius:10px}.disabled[data-v-e35988a4]{opacity:.6;pointer-events:none}input[type=checkbox][data-v-ea419d88]{height:0;width:0;visibility:hidden}.switchToggle[data-v-ea419d88]{cursor:pointer;width:40px;height:20px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:20px;position:relative;display:inline-block;vertical-align:middle}.switchToggle[data-v-ea419d88]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}input:checked+.switchToggle[data-v-ea419d88]{background-color:var(--brand-color)}.switchToggle[data-v-ea419d88]:active:after{width:26px}input:checked+.switchToggle[data-v-ea419d88]:after{left:calc(100% - 2px);transform:translate(-100%)}.tool-container.image-editor[data-v-68f1f015]{display:flex;flex-direction:column;height:100%}.main-layout[data-v-68f1f015]{display:grid;grid-template-columns:1fr 340px;gap:20px;flex:1;min-height:0}.canvas-section[data-v-68f1f015]{background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative}.upload-area[data-v-68f1f015]{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.upload-area[data-v-68f1f015]:hover{background:var(--surface-1)}.upload-content[data-v-68f1f015]{text-align:center}.upload-icon[data-v-68f1f015]{font-size:4rem;color:var(--brand-color);margin-bottom:1rem}.hidden-input[data-v-68f1f015]{display:none}.error-hint[data-v-68f1f015]{color:#ff6868;font-weight:700;margin-top:10px}.preview-viewport[data-v-68f1f015]{flex:1;display:flex;flex-direction:column;min-height:0}.canvas-container[data-v-68f1f015]{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative;background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px);background-size:20px 20px}canvas[data-v-68f1f015]{max-width:100%;box-shadow:var(--shadow-lg);background:#fff}.reset-fab[data-v-68f1f015]{position:absolute;top:20px;right:20px;background:#fb7a99;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md)}.thumbnail-strip[data-v-68f1f015]{height:140px;background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:10px}.strip-header[data-v-68f1f015]{font-size:.8rem;margin-bottom:8px;font-weight:700;color:var(--text-secondary)}.thumb-list[data-v-68f1f015]{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.thumb-box[data-v-68f1f015]{height:80px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;flex-shrink:0}.thumb-box.active[data-v-68f1f015]{border-color:var(--brand-color)}.thumb-box img[data-v-68f1f015]{width:100%;height:100%;object-fit:cover}.quick-tools[data-v-68f1f015]{padding:15px;display:flex;justify-content:center;gap:15px;background:var(--surface-1);border-top:1px solid var(--border-subtle)}.tool-btn[data-v-68f1f015]{padding:8px 16px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-secondary)}.sidebar-panel[data-v-68f1f015]{display:flex;flex-direction:column;gap:15px}.card[data-v-68f1f015]{background:var(--surface-1);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.card-title[data-v-68f1f015]{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.info-row[data-v-68f1f015]{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:5px}.setting-group[data-v-68f1f015]{margin-bottom:15px}.group-header[data-v-68f1f015]{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.group-content[data-v-68f1f015]{padding-left:24px;display:flex;flex-direction:column;gap:10px}.input-pair[data-v-68f1f015]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field[data-v-68f1f015]{font-size:.8rem;color:var(--text-secondary)}.field input[data-v-68f1f015]{width:100%;padding:5px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary)}.full-input[data-v-68f1f015]{padding:8px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary)}.type-selector[data-v-68f1f015]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.radio-label[data-v-68f1f015]{flex:1;min-width:60px;text-align:center;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--surface-2);border-radius:4px;border:1px solid var(--border-subtle);font-size:.75rem;cursor:pointer}.radio-label.active[data-v-68f1f015]{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.radio-label input[data-v-68f1f015]{display:none}.download-btn[data-v-68f1f015]{width:100%;padding:12px;border:none;border-radius:8px;background:var(--brand-color);color:#fff;font-weight:700;cursor:pointer}.download-btn[data-v-68f1f015]:disabled{background:var(--border-subtle);cursor:not-allowed}input[disabled][data-v-68f1f015]{opacity:.6;pointer-events:none}@media (max-width: 1024px){.main-layout[data-v-68f1f015]{grid-template-columns:1fr}.canvas-section[data-v-68f1f015]{height:500px}}ul[data-v-32cc36d2]{list-style-type:none;padding:0 0 0 20px}.string[data-v-32cc36d2]{color:#ce9178}.number[data-v-32cc36d2]{color:#569cd6}.boolean[data-v-32cc36d2]{color:#e69809}.null[data-v-32cc36d2]{color:#bf7dbf;font-style:italic}.array-bracket[data-v-32cc36d2],.object-key[data-v-32cc36d2],.object-bracket[data-v-32cc36d2]{cursor:pointer}.array-bracket~ul[data-v-32cc36d2],.object-bracket~ul[data-v-32cc36d2]{border-left:var(--border-subtle) 1.5px solid}.array-bracket:hover~ul[data-v-32cc36d2],.object-key:hover~ul[data-v-32cc36d2],.object-bracket:hover~ul[data-v-32cc36d2]{border-left:var(--brand-color) 1.5px solid}.close[data-v-32cc36d2]:after{content:" ... ";color:#918888}.count[data-v-32cc36d2]:after{content:var(--dbc3cb5a);background-color:var(--brand-color-soft);color:var(--brand-color);border-radius:4px;padding:0 6px;margin:auto 5px;font-size:95%}.tool-container[data-v-6371ccbd]{display:flex;flex-direction:column;gap:20px;height:100%}.control-panel[data-v-6371ccbd]{background:var(--surface-1);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-shrink:0}.control-flex-wrapper[data-v-6371ccbd]{display:flex;gap:30px;flex-wrap:wrap}.control-main-area[data-v-6371ccbd]{flex:2}.control-row-group[data-v-6371ccbd]{display:flex;gap:24px;flex-wrap:wrap}.group-label[data-v-6371ccbd]{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.custom-select[data-v-6371ccbd]{padding:8px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-primary);width:100%}.btn-group[data-v-6371ccbd]{display:flex;gap:8px}.icon-btn[data-v-6371ccbd]{padding:8px 12px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:.2s}.icon-btn[data-v-6371ccbd]:hover:not(:disabled){border-color:var(--brand-color);color:var(--brand-color)}.icon-btn[data-v-6371ccbd]:disabled{opacity:.5;cursor:not-allowed}.control-side-area[data-v-6371ccbd]{flex:1;min-width:200px}.settings-grid[data-v-6371ccbd]{display:flex;flex-direction:column;gap:12px;background:var(--surface-2);padding:12px 16px;border-radius:var(--radius-md)}.setting-row[data-v-6371ccbd]{display:flex;justify-content:space-between;align-items:center}.setting-label[data-v-6371ccbd]{font-size:.85rem;color:var(--text-secondary)}.workspace[data-v-6371ccbd]{display:flex;flex:1;min-height:500px;gap:0;overflow:hidden}.editor-pane[data-v-6371ccbd]{display:flex;flex-direction:column;gap:8px;min-width:200px}.editor-pane[data-v-6371ccbd]:first-child{width:45%}.editor-pane[data-v-6371ccbd]:last-child{flex:1}.pane-header[data-v-6371ccbd]{display:flex;justify-content:space-between;align-items:center}.pane-title[data-v-6371ccbd]{font-size:.85rem;font-weight:700;color:var(--text-secondary)}.clear-btn[data-v-6371ccbd]{background:transparent;border:none;color:var(--brand-color);font-size:.75rem;font-weight:600;cursor:pointer}.custom-textarea[data-v-6371ccbd]{flex:1;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;color:var(--text-primary);resize:none;outline:none}.custom-textarea[data-v-6371ccbd]:focus{border-color:var(--brand-color)}.drag-handle[data-v-6371ccbd]{display:flex;align-items:center;justify-content:center;cursor:col-resize;width:12px;background:var(--surface-2);color:var(--text-secondary)}.drag-handle[data-v-6371ccbd]:hover{color:var(--brand-color)}.result-wrapper[data-v-6371ccbd]{flex:1;min-height:0}.error-text[data-v-6371ccbd]{color:#ef4444;line-height:1.6;font-weight:600;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.workspace[data-v-6371ccbd]{flex-direction:column;gap:12px}.drag-handle[data-v-6371ccbd]{display:none}.editor-pane[data-v-6371ccbd]{width:100%!important;height:400px}.control-flex-wrapper[data-v-6371ccbd]{flex-direction:column}}:root{--brand-color: #60b699;--brand-color-soft: rgba(96, 182, 153, .1);--surface-1: #ffffff;--surface-2: #f4f4f5;--text-primary: #18181b;--text-secondary: #71717a;--border-subtle: #e4e4e7;--radius-lg: 12px;--radius-md: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1)}.dark{--surface-1: #18181b;--surface-2: #09090b;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--border-subtle: #27272a;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,system-ui,sans-serif;background-color:var(--surface-2);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow:hidden}input[type=radio].radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--color-block-text1);border-radius:50%;outline:none;cursor:pointer;display:inline-block;margin:0;position:relative}input[type=radio].radio:checked{border-color:var(--color-main-theme)}input[type=radio].radio:after{content:"";width:8px;height:8px;background-color:var(--color-main-theme);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}input[type=radio].radio:checked:after{opacity:1}input[type=checkbox].checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--color-block-text1);border-radius:4px;outline:none;cursor:pointer;position:relative;margin:0;display:inline-block}input[type=checkbox].checkbox:checked{border-color:var(--color-main-theme);background-color:var(--color-main-theme)}input[type=checkbox].checkbox:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox].checkbox:checked:after{opacity:1}