.tlc-root{width:100%;max-width:64rem;margin:0 auto}.tlc-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:1.5rem;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 25px 50px -12px #00000026}.theme-dark .tlc-grid{border-color:#334155;box-shadow:0 25px 50px -12px #00000080}@media(max-width:768px){.tlc-grid{grid-template-columns:1fr}}.tlc-inputs-panel{padding:2rem 3rem;background:#f8fafc;display:flex;flex-direction:column;gap:2rem}.theme-dark .tlc-inputs-panel{background:#0f172a80}@media(max-width:768px){.tlc-inputs-panel{padding:2rem}}.tlc-panel-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;color:#1e293b;margin:0}.theme-dark .tlc-panel-title{color:#f8fafc}.tlc-panel-icon{width:1.25rem;height:1.25rem;color:#6366f1}.tlc-fields{display:flex;flex-direction:column;gap:1.5rem}.tlc-field-group{display:flex;flex-direction:column;gap:.75rem}.tlc-group-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.tlc-row{display:flex;gap:1rem}.tlc-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.tlc-sub-label{font-size:.7rem;color:#94a3b8;margin-left:.25rem}.tlc-input{width:100%;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font-size:1.5rem;font-weight:700;color:#334155;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.theme-dark .tlc-input{background:#1e293b;border-color:#334155;color:#f8fafc}.tlc-input-indigo:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.theme-dark .tlc-input-indigo:focus{box-shadow:0 0 0 3px #6366f140}.tlc-input-pink:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926}.theme-dark .tlc-input-pink:focus{box-shadow:0 0 0 3px #ec489940}.tlc-select-wrapper{position:relative}.tlc-select{appearance:none;cursor:pointer;width:100%}.tlc-select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#94a3b8;pointer-events:none}.tlc-results-panel{padding:2rem 3rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media(max-width:768px){.tlc-results-panel{padding:2rem}}.tlc-results-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;color:#c7d2fe;margin:0}.tlc-results-icon{width:1.25rem;height:1.25rem;color:#a5b4fc}.tlc-interval-section{display:flex;flex-direction:column;gap:.5rem}.tlc-interval-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c7d2fe;margin:0}.tlc-interval-value{display:flex;align-items:baseline;gap:.5rem}.tlc-big-number{font-size:clamp(3.5rem,8vw,5rem);font-weight:900;letter-spacing:-.03em;line-height:1}.tlc-big-unit{font-size:1.5rem;font-weight:700;color:#a5b4fc}.tlc-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem}.tlc-stat{display:flex;flex-direction:column;gap:.25rem}.tlc-stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c7d2fe;margin:0}.tlc-stat-value{font-size:1.875rem;font-weight:700;font-variant-numeric:tabular-nums;margin:0;line-height:1.1}.tlc-stat-value-sm{font-size:1.25rem;color:#e0e7ff}.tlc-rule-info{display:flex;align-items:flex-start;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(165,180,252,.3)}.tlc-info-icon{width:1.5rem;height:1.5rem;color:#a5b4fc;flex-shrink:0;margin-top:.1rem}.tlc-info-text{font-size:.8rem;line-height:1.5;color:#c7d2fe;margin:0}.ec-root{--ec-bg: #fff;--ec-bg-elevated: #f8fafc;--ec-border: #e2e8f0;--ec-text: #0f172a;--ec-text-muted: #64748b;--ec-accent: #6366f1;--ec-accent-alpha: rgba(99, 102, 241, .08);--ec-accent-alpha-hover: rgba(99, 102, 241, .02);--ec-shadow: rgba(0, 0, 0, .15);padding:2.5rem 1.5rem;max-width:1000px;margin:0 auto}.theme-dark .ec-root{--ec-bg: #18181b;--ec-bg-elevated: #27272a;--ec-border: #3f3f46;--ec-text: #f4f4f5;--ec-text-muted: #71717a;--ec-accent: #818cf8;--ec-accent-alpha: rgba(129, 140, 248, .12);--ec-accent-alpha-hover: rgba(129, 140, 248, .02);--ec-shadow: rgba(0, 0, 0, .3)}.ec-card{background:var(--ec-bg);border:1px solid var(--ec-border);border-radius:3rem;padding:1.5rem;box-shadow:0 45px 120px -30px var(--ec-shadow);position:relative;overflow:hidden}.ec-drop{padding:4rem 2rem;border:3px dashed var(--ec-border);border-radius:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;gap:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.ec-drop:hover,.ec-drop-active{border-color:var(--ec-accent);background:var(--ec-accent-alpha-hover)}.ec-drop-icon{width:6rem;height:6rem;background:var(--ec-accent-alpha);border-radius:2rem;display:flex;align-items:center;justify-content:center;color:var(--ec-accent)}.ec-drop-icon svg{width:3rem;height:3rem}.ec-title{font-size:2.5rem;font-weight:950;color:var(--ec-text);margin:0}.ec-subtitle{font-size:1.15rem;color:var(--ec-text-muted);max-width:500px;margin:0;font-weight:700}.ec-badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.ec-badge{padding:.6rem 1.25rem;background:var(--ec-bg-elevated);border-radius:2rem;font-size:.8rem;font-weight:800;color:var(--ec-text-muted);display:flex;align-items:center;gap:.5rem}.ec-badge svg{width:1rem;height:1rem;flex-shrink:0}.ec-processing{padding:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.ec-spinner{width:4rem;height:4rem;border:4px solid var(--ec-accent-alpha);border-top-color:var(--ec-accent);border-radius:50%;animation:ec-spin .8s linear infinite}.ec-processing-text{font-weight:800;color:var(--ec-text);margin:0}.ec-result{padding:2.5rem;display:flex;flex-direction:column;animation:ec-slide-up .6s cubic-bezier(.34,1.56,.64,1)}.ec-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width:800px){.ec-result-layout{grid-template-columns:1fr}}.ec-preview-col{display:flex;flex-direction:column;gap:1.5rem}.ec-preview-img{width:100%;border-radius:1.5rem;box-shadow:0 20px 50px var(--ec-shadow);display:block}.ec-metadata{background:var(--ec-bg-elevated);border:1px solid var(--ec-border);border-radius:1.25rem;padding:1.5rem;min-height:150px;display:flex;flex-direction:column;justify-content:center}.ec-no-metadata{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ec-text-muted);text-align:center}.ec-metadata-title{color:var(--ec-accent);font-weight:700;margin-bottom:1rem;font-size:.9rem}.ec-metadata-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.ec-metadata-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;font-weight:600;color:var(--ec-text)}.ec-metadata-list li span:first-child{font-weight:700}.ec-metadata-list li span:last-child{color:var(--ec-text-muted)}.ec-actions-col{display:flex;flex-direction:column;gap:1.5rem}.ec-btn{padding:1.25rem;border-radius:1.5rem;font-weight:950;font-size:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.ec-btn svg{width:1.25rem;height:1.25rem}.ec-btn-primary{background:var(--ec-accent);color:#fff;box-shadow:0 15px 35px -10px var(--ec-accent)}.ec-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 45px -10px var(--ec-accent)}.ec-btn-secondary{background:var(--ec-bg-elevated);border:1px solid var(--ec-border);color:var(--ec-text)}.ec-btn-secondary:hover{border-color:var(--ec-accent);color:var(--ec-accent)}.ec-hidden{display:none}@keyframes ec-spin{to{transform:rotate(360deg)}}@keyframes ec-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ss-root{--ss-bg: #fff;--ss-bg-elevated: #f8fafc;--ss-border: #e2e8f0;--ss-text: #0f172a;--ss-text-muted: #64748b;--ss-accent: #6366f1;--ss-accent-alpha: rgba(99, 102, 241, .1);--ss-accent-alpha-hover: rgba(99, 102, 241, .03);--ss-shadow: rgba(0, 0, 0, .1);padding:2.5rem 1.5rem;max-width:900px;margin:0 auto}.theme-dark .ss-root{--ss-bg: #18181b;--ss-bg-elevated: #27272a;--ss-border: #3f3f46;--ss-text: #f4f4f5;--ss-text-muted: #71717a;--ss-accent: #818cf8;--ss-accent-alpha: rgba(129, 140, 248, .12);--ss-accent-alpha-hover: rgba(129, 140, 248, .04);--ss-shadow: rgba(0, 0, 0, .3)}.ss-card{background:var(--ss-bg);border:1px solid var(--ss-border);border-radius:2.5rem;padding:3rem;box-shadow:0 45px 110px -30px var(--ss-shadow);display:flex;flex-direction:column;gap:3rem}.ss-drop{border:3px dashed var(--ss-border);padding:3.5rem 2.5rem;border-radius:2.25rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;cursor:pointer;background:var(--ss-accent-alpha-hover);transition:all .2s ease;text-align:center}.ss-drop:hover,.ss-drop-active{border-color:var(--ss-accent);background:var(--ss-accent-alpha)}.ss-drop-icon{width:4.5rem;height:4.5rem;background:var(--ss-accent-alpha);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--ss-accent)}.ss-drop-icon svg{width:2.25rem;height:2.25rem}.ss-drop-title{font-size:1.75rem;font-weight:950;color:var(--ss-text);margin:0}.ss-drop-sub{font-size:1rem;color:var(--ss-text-muted);max-width:320px;margin:0;font-weight:700}.ss-controls{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:800px){.ss-controls{grid-template-columns:1fr}}.ss-control-group{display:flex;flex-direction:column;gap:1.5rem}.ss-control-label{font-size:.8rem;font-weight:900;text-transform:uppercase;color:var(--ss-text-muted);letter-spacing:.1em}.ss-offset-wrap{display:flex;align-items:center;gap:1rem;background:var(--ss-bg-elevated);border:1px solid var(--ss-border);border-radius:1.5rem;padding:.75rem 1.25rem}.ss-offset-btn{width:2.5rem;height:2.5rem;background:none;border:none;color:var(--ss-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.ss-offset-btn:hover{color:var(--ss-accent)}.ss-offset-btn svg{width:1.5rem;height:1.5rem}.ss-offset-input{flex:1;background:transparent;border:none;font-size:1.75rem;font-weight:950;color:var(--ss-text);outline:none;width:100px;text-align:center}.ss-stats{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.ss-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ss-stat-value{display:block;font-weight:900;color:var(--ss-accent);font-size:1.25rem}.ss-stat-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--ss-text-muted);letter-spacing:.05em}.ss-status-card{display:flex;flex-direction:column;gap:1.5rem}.ss-file-row{display:flex;align-items:center;gap:1.5rem}.ss-file-icon{width:3rem;height:3rem;color:var(--ss-accent);flex-shrink:0}.ss-file-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.ss-file-name{font-weight:950;color:var(--ss-text);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-file-times{font-size:.8rem;font-weight:700;color:var(--ss-text-muted)}.ss-btn-primary{width:100%;padding:1.25rem;background:var(--ss-accent);color:#fff;border-radius:1.5rem;font-weight:950;font-size:1.15rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.ss-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px -10px var(--ss-accent)}.ss-btn-primary svg{width:1.25rem;height:1.25rem}.ss-previews{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:800px){.ss-previews{grid-column:auto;grid-template-columns:1fr}}.ss-preview-box{background:var(--ss-bg-elevated);padding:1.5rem;border-radius:1.75rem;border:1px solid var(--ss-border);display:flex;flex-direction:column;gap:1rem}.ss-preview-label{font-size:.75rem;font-weight:950;text-transform:uppercase;color:var(--ss-text-muted);margin:0;letter-spacing:.05em}.ss-preview-label-modified{color:var(--ss-accent)}.ss-preview-scroll{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ss-preview-item{font-size:.85rem;line-height:1.5}.ss-preview-time{font-weight:950;color:var(--ss-accent);font-size:.75rem;margin:0 0 .25rem}.ss-preview-text{font-weight:700;color:var(--ss-text);margin:0}.ss-hidden{display:none}.cl-root{--cl-bg: #fff;--cl-bg-elevated: #f8fafc;--cl-border: #e2e8f0;--cl-text: #0f172a;--cl-text-muted: #64748b;--cl-accent: #6366f1;--cl-accent-alpha: rgba(99, 102, 241, .08);--cl-accent-alpha-hover: rgba(99, 102, 241, .04);--cl-emerald: #10b981;--cl-emerald-alpha: rgba(16, 185, 129, .06);--cl-shadow: rgba(0, 0, 0, .15);padding:2.5rem 1.5rem;max-width:1000px;margin:0 auto}.theme-dark .cl-root{--cl-bg: #18181b;--cl-bg-elevated: #27272a;--cl-border: #3f3f46;--cl-text: #f4f4f5;--cl-text-muted: #71717a;--cl-accent: #818cf8;--cl-accent-alpha: rgba(129, 140, 248, .12);--cl-accent-alpha-hover: rgba(129, 140, 248, .06);--cl-emerald: #34d399;--cl-emerald-alpha: rgba(52, 211, 153, .08);--cl-shadow: rgba(0, 0, 0, .5)}.cl-card{background:var(--cl-bg);border:1px solid var(--cl-border);border-radius:3rem;padding:1.5rem;box-shadow:0 45px 120px -30px var(--cl-shadow);position:relative;overflow:hidden}.cl-drop{padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;border:3px dashed var(--cl-border);border-radius:2.5rem;cursor:pointer;transition:all .2s ease;text-align:center;gap:.5rem}.cl-drop:hover,.cl-drop-active{background:var(--cl-accent-alpha-hover);border-color:var(--cl-accent)}.cl-drop-icon{width:5rem;height:5rem;background:var(--cl-accent-alpha);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--cl-accent)}.cl-drop-icon svg{width:2.5rem;height:2.5rem}.cl-drop-title{font-size:2rem;font-weight:950;color:var(--cl-text);margin:0}.cl-drop-sub{font-size:1.1rem;color:var(--cl-text-muted);margin:0;font-weight:600}.cl-workspace{padding:1.5rem}.cl-mini-drop{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--cl-bg-elevated);border:1px solid var(--cl-border);border-radius:1rem;font-size:.75rem;font-weight:800;color:var(--cl-text-muted);cursor:pointer;margin-bottom:2rem;transition:border-color .2s,color .2s}.cl-mini-drop:hover{border-color:var(--cl-accent);color:var(--cl-accent)}.cl-mini-drop svg{width:1.1rem;height:1.1rem}.cl-config-bar{padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid var(--cl-border);display:flex;justify-content:flex-end}.cl-config-item{display:flex;align-items:center;gap:1rem}.cl-config-label{font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--cl-text-muted);letter-spacing:.1em}.cl-count-select{padding:.5rem 1rem;border-radius:.75rem;background:var(--cl-bg-elevated);border:1px solid var(--cl-border);color:var(--cl-text);font-weight:800;cursor:pointer}.cl-result-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:3rem}@media(max-width:800px){.cl-result-layout{grid-template-columns:1fr}}.cl-preview-col{display:flex;flex-direction:column;gap:1rem}.cl-preview-img{width:100%;border-radius:1.5rem;box-shadow:0 20px 40px var(--cl-shadow);display:block}.cl-palette-col{display:flex;flex-direction:column;gap:1.5rem}.cl-palette-header{display:flex;align-items:center;gap:1rem;color:var(--cl-accent)}.cl-palette-header svg{width:1.25rem;height:1.25rem;flex-shrink:0}.cl-palette-header h4{font-size:1.25rem;font-weight:950;color:var(--cl-text);margin:0}.cl-loader{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.cl-spinner{width:3rem;height:3rem;border:3px solid var(--cl-accent-alpha);border-top-color:var(--cl-accent);border-radius:50%;animation:cl-spin .8s linear infinite}.cl-loader-text{font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--cl-text-muted);letter-spacing:.1em;margin:0}.cl-swatches{display:flex;flex-direction:column;gap:.75rem;animation:cl-fade-up .5s ease}.cl-swatch{display:flex;align-items:center;gap:1.25rem;background:var(--cl-bg-elevated);border-radius:1.25rem;padding:1rem;border:1px solid var(--cl-border);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s}.cl-swatch:hover{transform:scale(1.02);border-color:var(--cl-accent)}.cl-swatch-copied{background:var(--cl-emerald-alpha);border-color:var(--cl-emerald)}.cl-swatch-color{width:3.5rem;height:3.5rem;border-radius:.75rem;box-shadow:inset 0 0 0 1px #0000000d;flex-shrink:0}.cl-swatch-info{display:flex;flex-direction:column;gap:.2rem}.cl-swatch-hex{font-weight:950;color:var(--cl-text);font-size:1.25rem}.cl-swatch-action{font-size:.7rem;font-weight:900;color:var(--cl-text-muted);text-transform:uppercase;letter-spacing:.05em}.cl-hidden{display:none}@keyframes cl-spin{to{transform:rotate(360deg)}}@keyframes cl-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--pq-bg: #fff;--pq-border: #cbd5e1;--pq-primary: #6366f1;--pq-primary-light: #e0e7ff;--pq-accent: #4f46e5}.theme-dark{--pq-bg: #0f172a;--pq-border: #334155;--pq-primary: #6366f1;--pq-primary-light: rgba(99, 102, 241, .2);--pq-accent: #818cf8}.pq-wrapper{width:100%;max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:1rem}.pq-hidden{display:none}.pq-drop-zone{position:relative;cursor:pointer;border:2px dashed var(--pq-border);border-radius:1rem;padding:3rem;transition:border-color .3s,background .3s}.theme-dark .pq-drop-zone{border-color:var(--pq-border)}.pq-drop-zone:hover,.pq-drop-zone.pq-drop-active{border-color:var(--pq-primary);background:#6366f10a}.pq-drop-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.pq-upload-icon-wrap{width:5rem;height:5rem;background:var(--pq-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--pq-accent);transition:transform .3s}.theme-dark .pq-upload-icon-wrap{background:#6366f133;color:#818cf8}.pq-drop-zone:hover .pq-upload-icon-wrap{transform:scale(1.1)}.pq-drop-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.theme-dark .pq-drop-title{color:#f1f5f9}.pq-drop-sub{color:#64748b;margin:.25rem 0 0;font-size:.95rem}.pq-drop-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#6366f10a,#a855f70a);border-radius:1rem;opacity:0;pointer-events:none;transition:opacity .3s}.pq-drop-zone:hover .pq-drop-overlay{opacity:1}.pq-results{display:flex;flex-direction:column;gap:2rem;animation:pq-fade-up .5s ease-out}@keyframes pq-fade-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.pq-file-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 24px -8px #0000001a;padding:1.5rem}.theme-dark .pq-file-card{background:#0f172a;border-color:#1e293b}.pq-file-left{display:flex;align-items:center;gap:1.5rem}.pq-preview-wrap{position:relative;width:8rem;height:8rem;flex-shrink:0}.pq-preview-img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;box-shadow:0 2px 8px #00000026}.pq-file-name{font-weight:700;color:#0f172a;font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20rem}.theme-dark .pq-file-name{color:#f1f5f9}.pq-file-meta{display:flex;flex-wrap:wrap;gap:1rem}.pq-meta-item{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#64748b}.pq-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:640px){.pq-main-grid{grid-template-columns:1fr}}.pq-config-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.theme-dark .pq-config-panel{background:#1e293b80;border-color:var(--pq-border)}.pq-config-label{display:block;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:1rem}.theme-dark .pq-config-label{color:#94a3b8}.pq-slider{width:100%;height:.5rem;background:#e2e8f0;border-radius:.5rem;appearance:none;cursor:pointer;accent-color:#6366f1;margin-bottom:1rem}.theme-dark .pq-slider{background:#334155}.pq-dpi-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pq-dpi-number{width:6rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#0f172a;font-size:1rem;font-weight:700;text-align:center;padding:.4rem .5rem;outline:none}.pq-dpi-number:focus{border-color:var(--pq-primary)}.theme-dark .pq-dpi-number{background:#0f172a;border-color:var(--pq-border);color:#f1f5f9}.pq-dpi-label{font-size:.875rem;color:#64748b}.pq-presets{display:flex;flex-wrap:wrap;gap:.5rem}.pq-preset-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:999px;background:#e2e8f0;color:#475569;border:none;cursor:pointer;transition:background .15s,color .15s}.pq-preset-btn:hover{background:#cbd5e1}.theme-dark .pq-preset-btn{background:#334155;color:#94a3b8}.theme-dark .pq-preset-btn:hover{background:#475569}.pq-preset-active{background:var(--pq-primary-light);color:#4338ca;box-shadow:0 0 0 1px #6366f133}.theme-dark .pq-preset-active{background:#6366f14d;color:#a5b4fc}.pq-output-panel{display:flex}.pq-output-gradient{flex:1;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:.75rem;padding:1.5rem;color:#fff;box-shadow:0 10px 40px -10px #6366f166;position:relative;overflow:hidden}.pq-output-blur-bg{position:absolute;top:0;right:0;width:8rem;height:8rem;background:#ffffff1a;border-radius:50%;filter:blur(2rem);transform:translate(2rem,-2rem);pointer-events:none}.pq-output-subtitle{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#e0e7ffe6;margin:0 0 .5rem;position:relative}.pq-output-size{display:flex;align-items:baseline;gap:.5rem;font-size:2.5rem;font-weight:900;margin-bottom:.25rem;position:relative}.pq-size-sep{font-size:1.5rem;opacity:.5}.pq-size-unit{font-size:1.5rem}.pq-output-inches{color:#c7d2fecc;font-size:.875rem;margin-bottom:1.5rem;position:relative}.pq-quality-section{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);position:relative}.pq-quality-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:700;background:#fff3;backdrop-filter:blur(4px);margin-bottom:.5rem}.pq-badge-green{background:#10b98140;box-shadow:0 0 0 1px #34d3994d}.pq-badge-yellow{background:#eab30840;box-shadow:0 0 0 1px #fde0474d}.pq-badge-red{background:#ef444440;box-shadow:0 0 0 1px #fca5a54d}.pq-badge-slate{background:#64748b40;box-shadow:0 0 0 1px #94a3b84d}.pq-quality-desc{font-size:.875rem;color:#c7d2fee6;line-height:1.4;margin:0}.pq-formats-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.theme-dark .pq-formats-card{background:#0f172a;border-color:#1e293b}.pq-formats-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:#0f172a;margin:0 0 1rem}.theme-dark .pq-formats-title{color:#f1f5f9}.pq-formats-scroll{overflow-x:auto}.pq-formats-table{width:100%;border-collapse:collapse;font-size:.875rem}.pq-formats-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f8fafc}.theme-dark .pq-formats-table th{background:#1e293b;color:#94a3b8}.pq-formats-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.pq-formats-row:hover{background:#f8fafc}.theme-dark .pq-formats-row{border-color:#1e293b}.theme-dark .pq-formats-row:hover{background:#1e293b}.pq-td{padding:.75rem 1rem;color:#475569}.theme-dark .pq-td{color:#94a3b8}.pq-td-name{font-weight:600;color:#0f172a}.theme-dark .pq-td-name{color:#f1f5f9}.pq-status{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.8rem}.pq-status-ok{color:#16a34a}.pq-status-no{color:#d97706}.theme-dark .pq-status-ok{color:#4ade80}.theme-dark .pq-status-no{color:#fbbf24}.tvd-root{--tvd-bg: #fff;--tvd-bg-muted: #f8fafc;--tvd-bg-sim: #f1f5f9;--tvd-border: #e2e8f0;--tvd-text: #0f172a;--tvd-text-muted: #94a3b8;--tvd-primary: #2563eb;--tvd-primary-light: rgba(59,130,246,.06);--tvd-primary-border: rgba(59,130,246,.12);--tvd-shadow: rgba(0,0,0,.06);--tvd-radius: 1.5rem;max-width:1000px;margin:0 auto;padding:1rem}.theme-dark .tvd-root{--tvd-bg: #09090b;--tvd-bg-muted: #18181b;--tvd-bg-sim: #09090b;--tvd-border: #27272a;--tvd-text: #fafafa;--tvd-text-muted: #71717a;--tvd-primary: #60a5fa;--tvd-primary-light: rgba(96,165,250,.08);--tvd-primary-border: rgba(96,165,250,.15);--tvd-shadow: rgba(0,0,0,.4)}.tvd-card{background:var(--tvd-bg);border:1px solid var(--tvd-border);border-radius:var(--tvd-radius);box-shadow:0 4px 32px var(--tvd-shadow);overflow:hidden}.tvd-body{display:grid;grid-template-columns:320px 1fr}@media(max-width:720px){.tvd-body{grid-template-columns:1fr}}.tvd-left{padding:1.75rem;border-right:1px solid var(--tvd-border);display:flex;flex-direction:column;gap:1.25rem}@media(max-width:720px){.tvd-left{border-right:none;border-bottom:1px solid var(--tvd-border)}}.tvd-specs-block{background:var(--tvd-bg);display:flex;flex-direction:column;gap:1.5rem}.tvd-specs-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;color:var(--tvd-text);margin:0 0 .25rem}.tvd-tv-icon{width:1.25rem;height:1.25rem;fill:var(--tvd-primary);flex-shrink:0}.tvd-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--tvd-text-muted)}.tvd-field{display:flex;flex-direction:column;gap:.625rem}.tvd-field-row{display:flex;justify-content:space-between;align-items:center}.tvd-diagonal-val{font-size:.85rem;font-weight:800;color:var(--tvd-primary)}.tvd-slider{width:100%;height:6px;accent-color:var(--tvd-primary);cursor:pointer;border-radius:9999px}.tvd-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.tvd-res-btn{padding:.625rem .25rem;border-radius:.75rem;border:1px solid var(--tvd-border);background:var(--tvd-bg);color:var(--tvd-text-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.tvd-res-btn:hover:not(.tvd-res-btn-active){border-color:var(--tvd-primary);opacity:.7}.tvd-res-btn-active{background:var(--tvd-primary);color:#fff;border-color:var(--tvd-primary);box-shadow:0 4px 12px #2563eb40}.tvd-thx-block{background:var(--tvd-primary-light);border:1px solid var(--tvd-primary-border);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.tvd-thx-header{display:flex;align-items:center;gap:.5rem}.tvd-thx-icon{width:1.125rem;height:1.125rem;fill:var(--tvd-primary);flex-shrink:0}.tvd-thx-title{font-size:.8rem;font-weight:800;color:var(--tvd-primary)}.tvd-thx-desc{font-size:.75rem;line-height:1.6;color:var(--tvd-primary);opacity:.8;margin:0}.tvd-right{display:flex;flex-direction:column;background:var(--tvd-bg)}.tvd-sim-badge{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem 0}.tvd-sim-dot{width:8px;height:8px;border-radius:50%;background:var(--tvd-primary);animation:tvd-pulse 2s infinite}@keyframes tvd-pulse{0%,to{opacity:1}50%{opacity:.4}}.tvd-sim-badge-text{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:var(--tvd-text-muted)}.tvd-sim-area{flex:1;background:var(--tvd-bg-sim);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem 1.5rem;position:relative;min-height:400px}.tvd-tv-visual{position:relative;display:flex;flex-direction:column;align-items:center;transition:width .5s ease}.tvd-tv-screen{background:#0a0a0f;border:3px solid #27272a;border-radius:.5rem;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.tvd-screen-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 60%)}.tvd-screen-ghost{width:30%;height:30%;fill:#60a5fa33;position:relative;z-index:1}.tvd-screen-inset{position:absolute;inset:0;box-shadow:inset 0 0 40px #3b82f614}.tvd-stand-neck{width:16px;height:16px;background:#27272a;margin-top:-1px}.tvd-stand-base{width:70px;height:6px;background:#27272a;border-radius:3px}.tvd-tv-tooltip{position:absolute;top:-2.25rem;left:50%;transform:translate(-50%);background:var(--tvd-text);color:var(--tvd-bg);font-size:.65rem;font-weight:800;padding:.3rem .75rem;border-radius:9999px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}.tvd-tv-visual:hover .tvd-tv-tooltip{opacity:1}.tvd-distance-line{width:1px;position:relative;transition:height .5s ease;margin:.25rem 0}.tvd-line-dashed{width:100%;height:100%;border-left:1px dashed rgba(59,130,246,.4)}.tvd-person{display:flex;flex-direction:column;align-items:center;gap:1rem}.tvd-person-inner{display:flex;flex-direction:column;align-items:center}.tvd-person-head{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--tvd-border);border:2px solid var(--tvd-text-muted);opacity:.7;margin-bottom:.25rem}.tvd-person-body{width:4rem;height:2rem;background:var(--tvd-primary);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 4px 16px #2563eb4d}.tvd-location-card{background:var(--tvd-bg);border:1px solid var(--tvd-border);border-radius:1rem;padding:.625rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;box-shadow:0 4px 16px var(--tvd-shadow)}.tvd-location-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--tvd-text-muted)}.tvd-location-val{font-size:1.25rem;font-weight:900;color:var(--tvd-primary);line-height:1}.tvd-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;background:var(--tvd-bg-muted);border-top:1px solid var(--tvd-border)}.tvd-stat{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .5rem;border-radius:1rem;transition:background .2s}.tvd-stat:hover{background:var(--tvd-bg)}.tvd-stat-opt{background:var(--tvd-bg);border:1px solid var(--tvd-border);box-shadow:0 2px 8px var(--tvd-shadow)}.tvd-stat-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--tvd-text-muted)}.tvd-stat-opt .tvd-stat-label{color:var(--tvd-primary)}.tvd-stat-val{font-size:1.2rem;font-weight:900;color:var(--tvd-text)}.tvd-stat-opt .tvd-stat-val{font-size:1.75rem;color:var(--tvd-primary)}.ic-dashboard{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}:root{--ic-bg: #fff;--ic-bg-muted: #f8fafc;--ic-border: #e2e8f0;--ic-text: #111827;--ic-text-muted: #6b7280;--ic-accent: #10b981;--ic-accent-dark: #059669;--ic-accent-light: #f0fdf4;--ic-success: #10b981;--ic-error: #ef4444;--ic-error-dark: #dc2626;--ic-warning: #f59e0b;--ic-shadow: rgba(0, 0, 0, .03)}.theme-dark{--ic-bg: #0f172a;--ic-bg-muted: #1e293b;--ic-border: #334155;--ic-text: #f1f5f9;--ic-text-muted: #cbd5e1;--ic-accent: #10b981;--ic-accent-dark: #059669;--ic-accent-light: rgba(16, 185, 129, .1);--ic-shadow: rgba(0, 0, 0, .4)}.ic-global-settings{display:flex;justify-content:flex-end;gap:1.5rem;background:#ffffff80;backdrop-filter:blur(8px);padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.35);color:#374151;flex-wrap:wrap}.theme-dark .ic-global-settings{background:#1e293b99;border-color:#47556980;color:var(--ic-text-muted)}.ic-toggle-group{display:flex;align-items:center;gap:.5rem}.ic-webp-switch{position:relative;display:inline-block;width:44px;height:24px}.ic-webp-switch input{opacity:0;width:0;height:0}.ic-webp-slider{position:absolute;cursor:pointer;inset:0;background:var(--ic-border);border-radius:24px;transition:.3s}.ic-webp-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:var(--ic-bg);border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}.ic-webp-switch input:checked+.ic-webp-slider{background:var(--ic-accent)}.ic-webp-switch input:checked+.ic-webp-slider:before{transform:translate(20px)}.ic-toggle-label{font-size:.9rem;font-weight:600}.ic-settings-group{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600}.ic-mini-slider{width:100px;accent-color:var(--ic-accent)}.ic-drop-zone{position:relative;background:linear-gradient(180deg,#ffffffd9,#ffffff73);border:3px dashed var(--ic-accent);border-radius:1.5rem;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(12px);box-shadow:0 10px 40px #0000000a}.theme-dark .ic-drop-zone{background:linear-gradient(180deg,#1e293bd9,#0f172a99)}.ic-drop-zone.ic-dragover,.ic-drop-zone:hover{transform:scale(1.01);border-color:var(--ic-accent-dark);background:linear-gradient(180deg,var(--ic-accent-light) 0%,rgba(255,255,255,.6) 100%)}.theme-dark .ic-drop-zone.ic-dragover,.theme-dark .ic-drop-zone:hover{background:linear-gradient(180deg,#064e3b66,#0f172a99)}.ic-file-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;pointer-events:none}.ic-upload-icon{color:var(--ic-accent);margin-bottom:.5rem}.ic-upload-text{font-size:1.5rem;font-weight:700;color:var(--ic-text)}.ic-upload-subtext{color:var(--ic-text-muted);font-size:1rem;margin-bottom:1rem}.ic-upload-btn{background:var(--ic-text);color:var(--ic-bg);padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:.95rem;pointer-events:auto;transition:background .2s}.ic-upload-btn:hover{background:var(--ic-text-muted)}.ic-drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ic-file-list-container{margin-top:1.5rem}.ic-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.ic-list-header h3{font-size:1.25rem;font-weight:700;color:var(--ic-text);margin:0}.ic-total-savings{font-weight:700;font-size:1rem}.ic-file-list{list-style:none;padding:1rem;margin:0;display:flex;flex-direction:column;gap:.75rem;background:var(--ic-bg-muted);border-radius:1rem;border:1px solid var(--ic-border)}.ic-file-item{background:var(--ic-bg);border-radius:.75rem;padding:.75rem 1.25rem;display:grid;grid-template-columns:2fr 2.5rem 2fr;align-items:center;gap:1rem;box-shadow:0 2px 4px #00000008;transition:box-shadow .2s}.ic-file-item:hover{box-shadow:0 4px 12px #0000000f}.ic-preview-col{display:flex;align-items:center;gap:1rem;overflow:hidden}.ic-preview-wrapper{width:48px;height:48px;border-radius:.5rem;overflow:hidden;background:var(--ic-bg-muted);flex-shrink:0}.ic-preview-img{width:100%;height:100%;object-fit:cover}.ic-file-info{display:flex;flex-direction:column;overflow:hidden}.ic-filename{font-weight:600;color:var(--ic-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.ic-orig-size{color:var(--ic-text-muted);font-size:.8rem}.ic-arrow-col{display:flex;justify-content:center}.ic-arrow-circle{background:var(--ic-accent-light);color:var(--ic-accent);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ic-result-col{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.ic-savings-pill{display:flex;flex-direction:column;align-items:center}.ic-new-size{font-weight:700;color:var(--ic-text);font-size:.95rem}.ic-savings-pct{color:var(--ic-accent);font-weight:800;font-size:.85rem}.ic-savings-pill-negative .ic-savings-pct{color:var(--ic-error)}.ic-item-actions{display:flex;gap:.4rem}.ic-icon-btn{background:var(--ic-bg-muted);border:none;color:var(--ic-text-muted);width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;text-decoration:none;flex-shrink:0}.ic-icon-btn:hover{background:var(--ic-border);color:var(--ic-text)}.ic-download-btn{background:var(--ic-accent);color:var(--ic-bg)}.ic-download-btn:hover{background:var(--ic-accent-dark);color:var(--ic-bg)}.ic-inline-editor{grid-column:1 / -1;background:var(--ic-bg-muted);border-radius:.75rem;padding:1rem 1.25rem;margin-top:.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--ic-border);animation:ic-slide-down .2s ease-out}@keyframes ic-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ic-editor-controls{display:flex;gap:1.5rem;flex-wrap:wrap}.ic-editor-group{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--ic-text-muted)}.ic-editor-group input[type=range]{accent-color:var(--ic-accent)}.ic-editor-group input[type=number]{padding:.25rem .5rem;border:1px solid var(--ic-border);border-radius:.375rem;font-size:.85rem;background:var(--ic-bg);color:var(--ic-text)}.ic-editor-close{background:var(--ic-border);border:none;padding:.4rem .875rem;border-radius:.375rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s;color:var(--ic-text-muted);white-space:nowrap}.ic-editor-close:hover{background:var(--ic-border)}.ic-global-actions{margin-top:1.5rem;display:flex;justify-content:center}.ic-primary-btn{background:var(--ic-text);color:var(--ic-bg);border:none;padding:1rem 3rem;border-radius:9999px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .2s,transform .1s}.ic-primary-btn:hover{background:var(--ic-text-muted)}.ic-primary-btn:active{transform:scale(.98)}@media(max-width:600px){.ic-file-item{grid-template-columns:1fr;justify-items:center;text-align:center}.ic-preview-col{flex-direction:column}.ic-arrow-col{transform:rotate(90deg)}.ic-result-col{width:100%;justify-content:space-around}.ic-global-settings{flex-direction:column;align-items:flex-start}}.cm-root{--cm-bg: #fff;--cm-bg-muted: #f8fafc;--cm-border: #e2e8f0;--cm-text: #0f172a;--cm-text-muted: #64748b;--cm-primary: #6366f1;--cm-primary-light: #eef2ff;--cm-shadow: rgba(0,0,0,.07);--cm-radius: 1rem;max-width:1100px;margin:0 auto;padding:1rem}.theme-dark .cm-root{--cm-bg: #1e293b;--cm-bg-muted: #0f172a;--cm-border: #334155;--cm-text: #f1f5f9;--cm-text-muted: #94a3b8;--cm-primary: #818cf8;--cm-primary-light: #1e1b4b;--cm-shadow: rgba(0,0,0,.4)}.cm-card{background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:var(--cm-radius);box-shadow:0 4px 24px var(--cm-shadow);overflow:hidden}.cm-top-row{display:grid;grid-template-columns:300px 1fr;gap:0}@media(max-width:700px){.cm-top-row{grid-template-columns:1fr}}.cm-left-col{padding:1.25rem;border-right:1px solid var(--cm-border);display:flex;flex-direction:column;gap:1rem}@media(max-width:700px){.cm-left-col{border-right:none;border-bottom:1px solid var(--cm-border)}}.cm-drop-zone{position:relative;background:var(--cm-bg-muted);border:2px dashed var(--cm-border);border-radius:.75rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--cm-primary)}.cm-drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.cm-drop-zone:hover,.cm-drop-zone-over{border-color:var(--cm-primary);background:var(--cm-primary-light)}.cm-drop-title{font-size:.9rem;font-weight:700;color:var(--cm-text);margin:0}.cm-drop-sub{font-size:.75rem;color:var(--cm-text-muted);margin:0}.cm-drop-link{color:var(--cm-primary);font-weight:600;cursor:pointer}.cm-section-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cm-text-muted)}.cm-section-header{display:flex;justify-content:space-between;align-items:center}.cm-badge{background:var(--cm-primary-light);color:var(--cm-primary);font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:9999px}.cm-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.35rem;margin-top:.5rem}.cm-thumb{position:relative;aspect-ratio:1;border-radius:.4rem;overflow:hidden;border:2px solid transparent;transition:border-color .15s}.cm-thumb:hover{border-color:var(--cm-primary)}.cm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cm-thumb-num{position:absolute;bottom:2px;left:3px;font-size:.55rem;font-weight:800;color:var(--cm-bg);text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1}.cm-thumb-del{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#ef4444e6;color:var(--cm-bg);border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;transition:background .15s}.cm-thumb:hover .cm-thumb-del{display:flex}.cm-thumb-del:hover{background:#dc2626}.cm-preview-col{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;min-height:260px}.cm-preview-placeholder{flex:1;background:var(--cm-bg-muted);border:2px dashed var(--cm-border);border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--cm-text-muted)}.cm-preview-placeholder p{font-size:.8rem;margin:0}.cm-canvas{width:100%;height:auto;border-radius:.75rem;border:1px solid var(--cm-border);display:block}.cm-dims-badge{font-size:.65rem;font-weight:600;color:var(--cm-text-muted);background:var(--cm-bg-muted);border:1px solid var(--cm-border);border-radius:9999px;padding:.15rem .5rem}.cm-section-divider{border-top:1px solid var(--cm-border);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.cm-layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.4rem}.cm-layout-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;background:var(--cm-bg-muted);border:2px solid var(--cm-border);border-radius:.625rem;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s;color:var(--cm-text-muted);position:relative}.cm-layout-btn span{font-size:.55rem;font-weight:600;text-align:center;line-height:1.2}.cm-layout-btn:hover:not(:disabled){border-color:var(--cm-primary);color:var(--cm-primary);background:var(--cm-primary-light)}.cm-layout-btn-active{border-color:var(--cm-primary);background:var(--cm-primary-light);color:var(--cm-primary)}.cm-layout-btn-disabled{opacity:.45;cursor:not-allowed}.cm-layout-need{position:absolute;top:2px;right:4px;font-size:.55rem;font-weight:800;color:var(--cm-text-muted);background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:9999px;padding:0 3px;line-height:1.4}.cm-settings-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.cm-setting{display:flex;flex-direction:column;gap:.3rem}.cm-setting-label{font-size:.7rem;font-weight:600;color:var(--cm-text-muted)}.cm-slider{accent-color:var(--cm-primary);width:120px}.cm-color-row{display:flex;align-items:center;gap:.5rem}.cm-color-swatch{width:32px;height:32px;border:2px solid var(--cm-border);border-radius:.4rem;cursor:pointer;padding:2px;background:transparent}.cm-color-code{font-size:.7rem;font-weight:600;color:var(--cm-text-muted);font-variant-numeric:tabular-nums}.cm-download-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--cm-primary),#8b5cf6);color:var(--cm-bg);border:none;border-radius:.625rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px #6366f14d;white-space:nowrap;margin-left:auto}.cm-download-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.cm-download-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.vfe-root{--vfe-bg: #fff;--vfe-bg-muted: #f8fafc;--vfe-bg-glass: #fff;--vfe-glass-border: #e2e8f0;--vfe-glass-text: #6366f1;--vfe-glass-muted: #94a3b8;--vfe-glass-btn-bg: #f8fafc;--vfe-glass-btn-border: #e2e8f0;--vfe-glass-btn-text: #1e293b;--vfe-batch-bg: #f1f5f9;--vfe-border: #e2e8f0;--vfe-text: #1e293b;--vfe-text-muted: #94a3b8;--vfe-primary: #6366f1;--vfe-primary-light: rgba(99, 102, 241, .1);--vfe-shadow: 0 25px 60px rgba(0,0,0,.08);max-width:860px;margin:0 auto;padding:1rem}.theme-dark .vfe-root{--vfe-bg: #18181b;--vfe-bg-muted: #09090b;--vfe-bg-glass: #27272a;--vfe-glass-border: #3f3f46;--vfe-glass-text: #818cf8;--vfe-glass-muted: #71717a;--vfe-glass-btn-bg: #3f3f46;--vfe-glass-btn-border: #52525b;--vfe-glass-btn-text: #f4f4f5;--vfe-batch-bg: #1c1c1f;--vfe-border: #27272a;--vfe-text: #f4f4f5;--vfe-text-muted: #71717a;--vfe-primary: #818cf8;--vfe-primary-light: rgba(129, 140, 248, .12);--vfe-shadow: 0 25px 60px rgba(0,0,0,.4)}.vfe-premium-card{background:var(--vfe-bg);border:1px solid var(--vfe-border);border-radius:1.5rem;box-shadow:var(--vfe-shadow);overflow:hidden}.vfe-uploader-box{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.625rem;cursor:pointer;border:3px dashed var(--vfe-border);border-radius:1.5rem;margin:1rem;transition:border-color .2s,background .2s}.vfe-uploader-box:hover,.vfe-dragover{border-color:var(--vfe-primary);background:var(--vfe-primary-light)}.vfe-uploader-icon{width:5rem;height:5rem;background:var(--vfe-primary-light);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--vfe-primary);margin-bottom:.5rem}.vfe-uploader-icon svg{width:2.5rem;height:2.5rem}.vfe-uploader-text h3{font-size:1.5rem;font-weight:800;color:var(--vfe-text);margin:0 0 .25rem}.vfe-uploader-text p{color:var(--vfe-text-muted);font-size:.95rem;margin:0}.vfe-privacy-note{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vfe-text-muted);margin-top:.5rem}.vfe-player-container{display:flex;flex-direction:column}.vfe-video-wrapper video{width:100%;display:block;max-height:65vh;background:#000}.vfe-controls-glass{background:var(--vfe-bg-glass);border:1px solid var(--vfe-glass-border);border-radius:1rem;margin:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.vfe-time-row{display:flex;justify-content:space-between;font-size:.875rem;font-weight:700;color:var(--vfe-glass-text)}.vfe-scrubber{width:100%;height:4px;accent-color:var(--vfe-primary);cursor:pointer;border-radius:9999px}.vfe-actions-row{display:flex;align-items:center;gap:.625rem}.vfe-btn-main{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem;border:none;border-radius:.625rem;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none}.vfe-btn-control{padding:.5rem .875rem;background:var(--vfe-glass-btn-bg);color:var(--vfe-glass-btn-text);border:1px solid var(--vfe-glass-btn-border);flex:1;justify-content:center}.vfe-btn-control:hover{border-color:var(--vfe-primary);color:var(--vfe-primary)}.vfe-btn-icon-only{flex:none;width:50px;justify-content:center}.vfe-btn-capture{padding:.625rem 1.25rem;background:var(--vfe-primary);color:#fff;flex:1;justify-content:center;box-shadow:0 4px 14px #6366f159}.vfe-btn-capture:hover{filter:brightness(1.1)}.vfe-btn-capture:disabled{opacity:.5;cursor:not-allowed}.vfe-btn-batch{padding:.45rem 1rem;font-size:.8rem;flex:none}.vfe-btn-main svg{width:1.1rem;height:1.1rem;flex-shrink:0}.vfe-batch-panel{background:var(--vfe-batch-bg);border-radius:.875rem;padding:.875rem 1rem;border:1px solid var(--vfe-glass-btn-border);display:flex;flex-direction:column;gap:.75rem}.vfe-batch-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--vfe-primary)}.vfe-batch-header svg{width:1rem;height:1rem}.vfe-batch-controls{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.vfe-batch-input-group{display:flex;align-items:center;gap:.375rem;color:var(--vfe-glass-btn-text);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--vfe-bg);border:1px solid var(--vfe-glass-btn-border);border-radius:.5rem;padding:.4rem .75rem}.vfe-batch-input-group input{width:48px;background:transparent;border:none;color:var(--vfe-glass-btn-text);font-size:.95rem;font-weight:800;text-align:center;outline:none}.vfe-gallery-minimal{background:var(--vfe-bg);border-top:1px solid var(--vfe-border)}.vfe-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem}.vfe-gallery-header h4{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--vfe-text-muted);margin:0}.vfe-gallery-minimal .vfe-btn-control{background:var(--vfe-bg-muted);color:var(--vfe-text);border-color:var(--vfe-border);flex:none}.vfe-gallery-minimal .vfe-btn-control:hover{border-color:var(--vfe-primary);color:var(--vfe-primary)}.vfe-frame-footer .vfe-btn-control{background:var(--vfe-bg-muted);color:var(--vfe-text-muted);border-color:var(--vfe-border);flex:none;padding:.25rem .4rem}.vfe-btn-sm{padding:.35rem .625rem;font-size:.75rem}.vfe-frames-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:0 1.25rem 1.25rem;scrollbar-width:thin}.vfe-gallery-empty-text{padding:1.5rem;text-align:center;color:var(--vfe-text-muted);font-size:.85rem;width:100%;margin:0}.vfe-frame-card{flex-shrink:0;width:160px;background:var(--vfe-bg-muted);border:1px solid var(--vfe-border);border-radius:.75rem;overflow:hidden;transition:border-color .15s}.vfe-frame-card:hover{border-color:var(--vfe-primary)}.vfe-frame-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;cursor:zoom-in}.vfe-frame-footer{display:flex;justify-content:space-between;align-items:center;padding:.4rem .625rem}.vfe-frame-time{font-size:.7rem;font-weight:800;color:var(--vfe-primary)}.vfe-lightbox{position:fixed;inset:0;z-index:9999;background:#000000f2;backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center}.vfe-lightbox-open{display:flex}.vfe-lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:90vw}.vfe-lightbox-close{position:absolute;top:-3rem;right:0;font-size:2.5rem;color:#fff9;cursor:pointer;line-height:1}.vfe-lightbox-close:hover{color:#fff}.vfe-lightbox-img{max-width:100%;max-height:70vh;border-radius:.75rem;box-shadow:0 32px 80px #000}.vfe-lightbox .vfe-btn-capture{padding:.875rem 2rem;font-size:.95rem}.vfe-hidden{display:none}.pb-root{--pb-bg: #fff;--pb-bg-muted: #f8fafc;--pb-border: #e2e8f0;--pb-text: #0f172a;--pb-text-muted: #64748b;--pb-primary: #6366f1;--pb-primary-light: rgba(99,102,241,.1);--pb-shadow: rgba(0,0,0,.06);--pb-toolbar-bg: rgba(255,255,255,.92);--pb-radius: 1.25rem;width:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem;height:90vh;min-height:600px}.theme-dark .pb-root{--pb-bg: #09090b;--pb-bg-muted: #18181b;--pb-border: #27272a;--pb-text: #fafafa;--pb-text-muted: #71717a;--pb-primary: #818cf8;--pb-primary-light: rgba(129,140,248,.12);--pb-shadow: rgba(0,0,0,.4);--pb-toolbar-bg: rgba(9,9,11,.92)}.pb-toolbar{position:sticky;top:.5rem;z-index:100;max-width:1200px;margin:0 auto;width:100%;background:var(--pb-toolbar-bg);backdrop-filter:blur(20px);border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:.5rem 1rem;box-shadow:0 8px 32px var(--pb-shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.pb-tool-selector{display:flex;gap:.25rem;background:var(--pb-bg-muted);border-radius:.75rem;padding:.25rem}.pb-tool-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border-radius:.625rem;font-size:.8rem;font-weight:700;color:var(--pb-text-muted);border:none;background:transparent;cursor:pointer;transition:all .15s}.pb-tool-btn-active{background:var(--pb-bg);color:var(--pb-text);box-shadow:0 2px 8px var(--pb-shadow)}.pb-settings-row{display:flex;align-items:center;gap:.875rem}.pb-intensity-wrap{display:flex;align-items:center;gap:.5rem;color:var(--pb-text-muted)}.pb-slider{width:90px;accent-color:var(--pb-primary)}.pb-auto-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .875rem;background:var(--pb-primary-light);color:var(--pb-primary);border:none;border-radius:.75rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .15s}.pb-auto-btn:hover{opacity:.8}.pb-action-group{display:flex;align-items:center;gap:.625rem}.pb-undo-btn{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--pb-bg-muted);border:1px solid var(--pb-border);color:var(--pb-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pb-undo-btn:hover:not(:disabled){border-color:var(--pb-primary);color:var(--pb-primary)}.pb-undo-btn:disabled{opacity:.35;cursor:not-allowed}.pb-download-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:var(--pb-primary);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .2s}.pb-download-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.pb-download-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pb-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.pb-workspace{flex:1;position:relative;background:var(--pb-bg-muted);border:2px dashed var(--pb-border);border-radius:var(--pb-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s}.pb-dragging .pb-workspace{border-color:var(--pb-primary);background:var(--pb-primary-light)}.pb-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:2rem;gap:.75rem}.pb-upload-icon{width:5rem;height:5rem;background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--pb-primary);box-shadow:0 8px 24px var(--pb-shadow);margin-bottom:.5rem}.pb-icon-lg{width:2.5rem;height:2.5rem}.pb-empty-title{font-size:1.75rem;font-weight:900;color:var(--pb-text);margin:0}.pb-empty-sub{font-size:1rem;color:var(--pb-text-muted);margin:0}.pb-badges{display:flex;gap:.75rem;margin-top:.5rem}.pb-badge{display:flex;align-items:center;gap:.35rem;background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;color:var(--pb-text-muted)}.pb-badge-icon{width:.875rem;height:.875rem}.pb-loader{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.pb-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:pb-spin .7s linear infinite}@keyframes pb-spin{to{transform:rotate(360deg)}}.pb-loader-text{color:#fff;font-weight:800;font-size:.9rem;margin:0}.pb-canvas-wrap{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center}.pb-canvas-wrap canvas{width:100%;height:100%;object-fit:contain;cursor:crosshair}.pb-hidden{display:none}@media(max-width:640px){.pb-root{padding:.5rem;height:auto;min-height:500px}.pb-empty-title{font-size:1.25rem}}