.sp-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:var(--space-4) 0 6px;display:block}.sp-label:first-child{margin-top:0}.rc-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);width:100%}.rc-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.rc-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);border:none}.rc-btn:hover{background:var(--color-primary-hover)}.rc-btn:disabled{opacity:.55;cursor:default}.fv-wrap{gap:var(--space-8);max-width:1080px;margin:var(--space-10) auto 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.fv-controls{flex-direction:column;display:flex}.fv-panel{margin-top:var(--space-2);flex-direction:column;display:flex}.fv-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.fv-field{flex-direction:column;min-width:0;display:flex}.fv-field[hidden]{display:none}.fv-colorin{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;width:100%;height:42px;box-shadow:var(--shadow-sm);padding:4px}.fv-fineprint{color:var(--color-text-muted);margin:var(--space-2) 0 0;font-size:12px;line-height:1.55}.fv-slider-val{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.fv-tool input[type=range]{width:100%;accent-color:var(--color-primary)}.fv-check{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.fv-check input[type=color]{border:1px solid var(--color-border-strong);background:var(--color-bg);cursor:pointer;border-radius:6px;width:30px;height:24px;padding:1px}.fv-imgbg-row{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.fv-maskbox{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:12px}.fv-maskbox .sp-label:first-child{margin-top:0}.fv-warn{margin-top:var(--space-3);font-size:13px;font-weight:var(--weight-semibold);color:#b45309;line-height:1.5}.fv-seg{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.fv-seg-wrap{border-radius:18px;flex-wrap:wrap}.fv-seg-btn{border-radius:var(--radius-full);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:7px 18px}.fv-seg-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-seg-active{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0f172a1f}.fv-bgrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fv-solid{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);cursor:pointer;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden}.fv-solid input{cursor:pointer;border:none;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}.fv-grad{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;flex-shrink:0;width:34px;height:34px}.fv-grad:focus-visible,.fv-solid:focus-within{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-solid-active,.fv-grad-active{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.fv-drop{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);background:var(--color-bg);border:2px dashed var(--color-border-strong);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:16px;flex-direction:column;display:flex}.fv-drop:hover,.fv-drop:focus-visible{border-color:var(--color-primary)}.fv-drop:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-drop-over{border-color:var(--color-primary);background:#2563eb0d}.fv-drop-icon{width:34px;height:34px;color:var(--color-primary)}.fv-drop-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.fv-browse{color:var(--color-primary);text-decoration:underline}.fv-drop-sub{color:var(--color-text-muted);margin:0;font-size:12.5px}.fv-status{margin-top:var(--space-3);font-size:13px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);min-height:1.3em}.fv-srcinfo{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;display:flex}.fv-srcthumb{border-radius:var(--radius-md);background-color:var(--color-bg-raised);background-image:conic-gradient(var(--color-bg-surface) 25%, transparent 0 50%, var(--color-bg-surface) 0 75%, transparent 0);background-size:12px 12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.fv-srcthumb canvas{width:100%;height:100%;display:block}.fv-srcmeta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fv-srcname{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fv-srcdims{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.fv-remove{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.fv-remove:hover{color:#b91c1c;background:#dc262614}.fv-remove:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-compose{margin-top:var(--space-4)}.fv-compose[hidden]{display:none}.fv-out{position:sticky;top:88px}.fv-previews{flex-direction:column;gap:10px;display:flex}.fv-pv{background:var(--color-bg-raised);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:12px;min-width:0}.fv-pv-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fv-pv-label{font-size:10.5px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:8px;display:block}.fv-chrome{background:linear-gradient(#dde3ec,#cdd5e0);border-radius:10px 10px 0 0;align-items:flex-end;gap:6px;padding:8px 10px 0;display:flex}.fv-tab{color:#334155;background:#fff;border-radius:8px 8px 0 0;flex:0 190px;align-items:center;gap:8px;min-width:0;padding:7px 12px;font-size:12.5px;display:flex}.fv-tab canvas{flex-shrink:0;width:16px;height:16px}.fv-tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fv-tab-x{color:#94a3b8;margin-left:auto;font-size:14px}.fv-tab-ghost{background:#ffffff73;flex:0 110px;height:30px;padding:0}.fv-ios{background:linear-gradient(160deg,#3b4a6b,#171f38);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;display:flex}.fv-ios-icon{background:#000;border-radius:13px;width:54px;height:54px;display:block;overflow:hidden;box-shadow:0 4px 10px #00000059}.fv-ios-icon canvas{width:100%;height:100%;display:block}.fv-ios-name{color:#fff;text-align:center;font-size:11px}.fv-mask-pv{flex-direction:column;align-items:center;gap:6px;padding:8px 0 2px;display:flex}.fv-mask-circle{border-radius:50%;width:54px;height:54px;display:block;overflow:hidden;box-shadow:0 2px 8px #0f172a40}.fv-mask-circle canvas{width:100%;height:100%;display:block}.fv-pixel-pv{justify-content:center;align-items:center;gap:12px;padding:8px 0 2px;display:flex}.fv-cv-16{width:16px;height:16px}.fv-cv-16zoom{width:96px;height:96px;image-rendering:pixelated;border:1px solid var(--color-border);background-image:conic-gradient(var(--color-bg-surface) 25%, transparent 0 50%, var(--color-bg-surface) 0 75%, transparent 0);background-size:12px 12px;border-radius:6px}.fv-empty{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:13px}.fv-ico-btn{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.fv-ico-sub{font-size:11.5px;font-weight:var(--weight-normal);opacity:.85}.fv-ico-single{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);transition:border-color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;margin-top:8px;padding:9px;display:flex}.fv-ico-single:hover{border-color:var(--color-primary)}.fv-ico-single:disabled{opacity:.55;cursor:default}.fv-ico-sub2{font-size:11px;font-weight:var(--weight-normal);color:var(--color-text-muted)}.fv-dl-grid{margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fv-dl{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition-fast);flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:9px 11px;font-family:inherit;display:flex}.fv-dl b{font-size:13px;font-weight:var(--weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.fv-dl span{color:var(--color-text-muted);font-size:10.5px;font-family:var(--font-mono,monospace);word-break:break-all}.fv-dl:hover{border-color:var(--color-primary)}.fv-dl:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-dl:disabled{opacity:.5;cursor:not-allowed}.fv-dl-done{border-color:#059669;box-shadow:0 0 0 3px #05966929}.fv-code-wrap{max-width:1080px;margin:var(--space-8) auto 0;gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.fv-code-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;min-width:0;overflow:hidden}.fv-code-top{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-bg-raised);border-bottom:1px solid var(--color-border-subtle);padding:8px 8px 8px 14px;display:flex}.fv-code-top .sp-label{margin:0}.fv-copy{font-family:inherit;font-size:12px;font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);padding:5px 14px}.fv-copy:hover{border-color:var(--color-primary)}.fv-copy:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.fv-pre{font-size:12px;line-height:1.65;font-family:var(--font-mono,monospace);color:var(--color-text-secondary);margin:0;padding:12px 14px;overflow-x:auto}.fv-wp{max-width:1080px;margin:var(--space-4) auto 0;padding:var(--space-4) var(--space-5);color:var(--color-text-secondary);background:#2563eb0f;border:1px solid #2563eb40;border-radius:12px;font-size:13.5px;line-height:1.6}.fv-wp strong{color:var(--color-text)}@media (width<=900px){.fv-wrap{grid-template-columns:1fr}.fv-out{position:static}.fv-code-wrap{grid-template-columns:1fr}}@media (width<=640px){.fv-row{grid-template-columns:1fr}.fv-dl-grid{grid-template-columns:repeat(2,1fr)}.fv-pv-row{grid-template-columns:1fr 1fr}.fv-seg-btn{padding:7px 13px}}.rc-hero{background:linear-gradient(180deg, var(--color-bg-raised), var(--color-bg));padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border-subtle);isolation:isolate;position:relative;overflow:hidden}.rc-orb{border-radius:var(--radius-full);filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;position:absolute}.rc-orb-1{background:radial-gradient(circle,#2563eb6b,#0000 70%);width:460px;height:460px;top:-160px;left:-120px}.rc-orb-2{background:radial-gradient(circle,#05966942,#0000 70%);width:400px;height:400px;top:-80px;right:-120px}.rc-hero .container{z-index:1;position:relative}.rc-hero-inner{text-align:center;max-width:720px;margin-inline:auto}.rc-hero h1{font-size:3rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.05}.rc-lead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:620px;margin-inline:auto}.ua-table-wrap{border:1px solid var(--color-border);margin-top:var(--space-4);border-radius:12px;overflow-x:auto}.ua-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:560px}.ua-table th{text-align:left;background:var(--color-bg-raised);color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding:10px 14px}.ua-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:top;color:var(--color-text-secondary);padding:10px 14px}.ua-table tr:last-child td{border-bottom:none}.ua-td-name{font-family:var(--font-mono,monospace);font-weight:var(--weight-semibold);color:var(--color-text);white-space:nowrap}.ua-td-ua{font-family:var(--font-mono,monospace);font-size:12.5px}.rc-about{max-width:720px;margin:var(--space-12) auto var(--space-8)}.rc-about h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.rc-about p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.rc-about p+p{margin-top:var(--space-3)}.rc-cta-row{margin-top:var(--space-4)}.rc-cta-link{font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none}.rc-cta-link:hover{text-decoration:underline}.rc-faq{border:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-bg);border-radius:14px}.rc-faq-item{border-bottom:1px solid var(--color-border-subtle)}.rc-faq-item:last-child{border-bottom:none}.rc-faq-item summary{padding:var(--space-4) 0;cursor:pointer;font-size:15px;font-weight:var(--weight-semibold);color:var(--color-text);list-style:none}.rc-faq-item summary::-webkit-details-marker{display:none}.rc-faq-item summary:hover{color:var(--color-primary)}.rc-faq-item p{padding:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.rc-tools-links{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.rc-tools-links a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.rc-tools-links a:hover{text-decoration:underline}@media (width<=640px){.rc-hero h1{font-size:var(--text-3xl)}}