@font-face{font-family:Vazirmatn;src:url(/fonts/vazirmatn-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:optional}:root{--bg:#08090c;--bg-soft:#0c0e13;--surface:#101218;--surface-2:#151820;--surface-3:#1a1d26;--text:#f5f4ef;--text-soft:#d9d7d1;--muted:#92959e;--muted-2:#656873;--border:#ffffff17;--border-strong:#ffffff26;--accent:#a78bfa;--accent-strong:#9b7cf4;--shadow:#0000006b;--header-height:84px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--wave-x:50%;--wave-y:50%;--wave-color:#08090c}html.light{--bg:#f5f0e7;--bg-soft:#eee8dd;--surface:#fffdf8;--surface-2:#f1ebe1;--surface-3:#e9e1d5;--text:#171615;--text-soft:#38342e;--muted:#777269;--muted-2:#969087;--border:#231c121a;--border-strong:#231c1229;--accent:#a66d38;--accent-strong:#915b2b;--shadow:#4b371e21;--wave-color:#f5f0e7}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-height:100%;transition:background .7s,color .7s}body{background:radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 30%), radial-gradient(circle at 85% 45%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 30%), var(--bg);min-height:100vh;color:var(--text);direction:rtl;margin:0;font-family:Vazirmatn,Tahoma,sans-serif;transition:background .7s,color .7s}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.klymb-page{width:min(1180px,100% - 40px);margin:0 auto;padding-bottom:100px;position:relative}.ambient{pointer-events:none;filter:blur(100px);opacity:.055;z-index:-1;border-radius:50%;width:360px;height:360px;transition:background .7s,opacity .7s;position:fixed}.ambient-one{background:var(--accent);animation:12s ease-in-out infinite ambient-float-one;top:10%;left:-180px}.ambient-two{background:var(--accent);opacity:.035;animation:15s ease-in-out infinite ambient-float-two;bottom:10%;right:-180px}@keyframes ambient-float-one{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.12)}}@keyframes ambient-float-two{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-50px)scale(1.08)}}.header{height:var(--header-height);z-index:20;justify-content:space-between;align-items:center;display:flex;position:relative}.logo{letter-spacing:.24em;white-space:nowrap;direction:ltr;align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.logo-mark{flex-shrink:0;width:23px;height:23px;position:relative}.logo-mark:before,.logo-mark:after{content:"";border-style:solid;border-width:0 8px 14px;border-color:transparent transparent var(--text) transparent;transition:border-color .5s;position:absolute;bottom:0}.logo-mark:before{right:0}.logo-mark:after{opacity:.5;right:9px}.nav{align-items:center;gap:30px;display:flex}.nav a{color:var(--muted);font-size:13px;transition:color .25s;position:relative}.nav a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;right:0}.nav a:hover{color:var(--text)}.nav a:hover:after{width:100%}.header-actions{align-items:center;gap:10px;display:flex}.sign-in{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:9px 18px;font-size:12px;font-weight:600;transition:transform .25s,background .3s,border-color .3s}.sign-in:hover{background:var(--surface);border-color:var(--border-strong);transform:translateY(-1px)}.sign-in:active{transform:scale(.96)}.theme-toggle{--toggle-width:66px;--toggle-height:36px;--knob-size:28px;width:var(--toggle-width);height:var(--toggle-height);appearance:none;cursor:pointer;background:linear-gradient(135deg,#171923,#0d0f14);border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;align-items:center;padding:0;transition:background .45s,border-color .45s,box-shadow .45s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 6px 22px #00000038}.theme-toggle:hover{border-color:#ffffff40;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 9px 28px #00000047}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent), 0 8px 25px var(--shadow);outline:none}.theme-toggle:disabled{cursor:wait}.theme-toggle-track{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.theme-toggle-track:before{content:"☾";width:18px;height:18px;color:var(--accent);opacity:.8;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.theme-toggle-track:after{content:"☀";color:#e6ad50;opacity:.28;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.theme-toggle-icon{width:var(--knob-size);height:var(--knob-size);z-index:3;color:#19171d;background:#f5f1e8;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .55s cubic-bezier(.22,1,.36,1),background .45s,color .45s,box-shadow .45s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 3px 10px #00000052,inset 0 1px 1px #ffffffe6}.theme-toggle-icon:after{content:"";background:color-mix(in srgb, var(--accent) 9%, transparent);filter:blur(8px);z-index:-1;pointer-events:none;border-radius:50%;transition:background .4s;position:absolute;inset:-5px}html.dark .theme-toggle{background:linear-gradient(135deg,#171923,#0d0f14);border-color:#ffffff26}html.dark .theme-toggle .theme-toggle-icon{color:#19171d;background:#f5f1e8;transform:translate(0)}html.dark .theme-toggle .theme-toggle-icon:after{background:color-mix(in srgb, var(--accent) 10%, transparent)}html.dark .theme-toggle .theme-toggle-track:before{opacity:.12;transform:translateY(-50%)scale(.78)}html.dark .theme-toggle .theme-toggle-track:after{opacity:.58}html.light .theme-toggle{background:linear-gradient(135deg,#f8f3ea,#e9e1d5);border-color:#2d231921;box-shadow:inset 0 1px #ffffffe6,0 7px 22px #46321e21}html.light .theme-toggle .theme-toggle-icon{transform:translateX(calc(var(--toggle-width) - var(--knob-size) - 6px));color:#d99b3d;background:#fffaf1;box-shadow:0 3px 10px #3223142e,inset 0 1px 1px #fff}html.light .theme-toggle .theme-toggle-icon:after{background:#e6af5021}html.light .theme-toggle .theme-toggle-track:before{opacity:.4;transform:translateY(-50%)scale(.82)}html.light .theme-toggle .theme-toggle-track:after{opacity:.15;transform:translateY(-50%)scale(.82)}.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:70px;min-height:540px;padding-top:58px;display:grid}.hero-copy{text-align:right;animation:.8s cubic-bezier(.22,1,.36,1) both klymb-fade-right}.eyebrow{color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:500}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(58px,6vw,92px);font-weight:800;line-height:1.08;animation:.9s cubic-bezier(.22,1,.36,1) 80ms both klymb-fade-up}.hero h1 span{color:var(--accent);text-shadow:0 0 45px color-mix(in srgb, var(--accent) 18%, transparent);transition:color .6s,text-shadow .6s;display:block}.hero-description{max-width:530px;color:var(--muted);margin:28px 0 0;font-size:15px;line-height:2;animation:.8s cubic-bezier(.22,1,.36,1) .18s both klymb-fade-up}.hero-meta{color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px;font-size:11px;animation:.8s cubic-bezier(.22,1,.36,1) .28s both klymb-fade-up;display:flex}.meta-item{align-items:center;gap:6px;display:inline-flex}.workspace{width:100%;animation:.9s cubic-bezier(.22,1,.36,1) .12s both klymb-scale}.upload-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);min-height:420px;box-shadow:0 35px 100px var(--shadow);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));padding:22px;transition:transform .45s cubic-bezier(.22,1,.36,1),background .6s,border-color .5s,box-shadow .6s;position:relative;overflow:hidden}.upload-card:before{content:"";background:var(--accent);opacity:.08;filter:blur(70px);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;left:-100px}.upload-card:after{content:"";background:var(--accent);filter:blur(90px);opacity:.045;pointer-events:none;border-radius:50%;width:340px;height:340px;animation:7s ease-in-out infinite klymb-glow;position:absolute;top:-140px;left:-120px}.upload-card:hover{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:0 42px 120px var(--shadow), 0 0 0 1px color-mix(in srgb, var(--accent) 5%, transparent)}.drop-zone{z-index:2;border:1px dashed var(--border);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:375px;transition:border-color .35s,background .35s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.drop-zone:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.drop-zone.dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 50px color-mix(in srgb, var(--accent) 5%, transparent);transform:scale(.985)}.upload-orbit{margin-bottom:22px;position:relative}.upload-icon{border:1px solid var(--border);background:var(--surface-2);width:68px;height:68px;box-shadow:0 15px 45px var(--shadow);border-radius:20px;place-items:center;font-size:28px;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:grid}.drop-zone:hover .upload-icon{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:0 18px 45px var(--shadow), 0 0 35px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-6px)scale(1.04)}.drop-zone.dragging .upload-icon{animation:1.1s ease-in-out infinite klymb-float}.drop-title{color:var(--text);margin:0;font-size:21px;font-weight:700}.drop-subtitle{color:var(--muted);margin:10px 0 22px;font-size:13px}.choose-button{background:var(--text);color:var(--bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:11px 22px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.choose-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:35%;position:absolute;inset:0;transform:translate(160%)}.choose-button:hover{box-shadow:0 12px 30px var(--shadow);transform:translateY(-2px)}.choose-button:hover:after{animation:.7s klymb-shimmer}.file-types{color:var(--muted);letter-spacing:.01em;margin-top:20px;font-size:10px}.file-mode{padding:26px}.selected-file{width:100%}.file-preview{isolation:isolate;border:1px solid var(--border);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), var(--surface-2);border-radius:18px;justify-content:center;align-items:center;width:100%;height:230px;display:flex;position:relative;overflow:hidden}.file-preview img{z-index:2;object-fit:contain;object-position:center;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s;display:block;position:relative}.file-preview:hover img:not(.crop-editor-image){filter:brightness(1.04);transform:scale(1.025)}.preview-shine{z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ffffff0f 48%,#0000 70%);transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}.file-preview:hover .preview-shine{transform:translate(120%)}.file-info{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.file-details{text-align:right;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:330px;color:var(--text);font-size:15px;font-weight:700;overflow:hidden}.file-size{color:var(--muted);margin-top:5px;font-size:12px}.ghost-button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 80%, transparent);color:var(--text);flex-shrink:0;transition:transform .25s,background .25s,border-color .25s}.ghost-button:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-2px)}.compress-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;width:100%;box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 13%, transparent);border:0;border-radius:14px;padding:15px;font-weight:700;transition:transform .25s,filter .25s,box-shadow .25s;position:relative;overflow:hidden}.compress-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:35%;position:absolute;inset:0;transform:translate(160%)}.compress-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 14px 35px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-2px)}.compress-button:hover:not(:disabled):after{animation:.8s klymb-shimmer}.compress-button:active:not(:disabled){transform:scale(.98)}.compress-button:disabled{opacity:.65}.button-arrow{margin-right:6px;transition:transform .3s;display:inline-block}.compress-button:hover .button-arrow{transform:translate(-3px,-3px)}.compress-button.processing{cursor:wait}.processing-dot{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-left:7px;animation:.7s linear infinite klymb-spin;display:inline-block}.result{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;margin-top:16px;padding:17px;animation:.55s cubic-bezier(.22,1,.36,1) both klymb-success}.result-success{justify-content:space-between;align-items:center;gap:20px;animation:.45s 50ms both klymb-fade-up;display:flex}.result-icon{background:color-mix(in srgb, var(--accent) 15%, transparent);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.result-copy{flex:1}.result-label{color:var(--muted);font-size:10px}.result-value{color:var(--text);margin-top:5px;font-size:14px;font-weight:600}.download-button{background:var(--text);color:var(--bg);border:0;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:12px;font-weight:700;transition:transform .25s,opacity .25s}.download-button:hover{opacity:.9;transform:translateY(-2px)}.tools-section{padding-top:55px;scroll-margin-top:40px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.section-eyebrow{color:var(--accent);letter-spacing:.15em;margin-bottom:9px;font-size:10px;font-weight:700}.section-heading h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.5}.section-heading>p{max-width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.8}.tools-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tool-card{text-align:right;cursor:pointer;border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, white 6%), var(--surface));min-height:170px;color:var(--text);direction:rtl;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,background .35s,box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 14px 45px #0000001f}.tool-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);opacity:0;border-radius:50%;width:180px;height:180px;transition:opacity .45s;position:absolute;top:-100px;left:-80px}.tool-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 13%, transparent), transparent);pointer-events:none;width:35%;position:absolute;inset:0;transform:translate(150%)}.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 88%, white 12%), var(--surface));box-shadow:inset 0 1px 0 #ffffff0e, 0 22px 55px #00000040, 0 0 35px color-mix(in srgb, var(--accent) 6%, transparent);transform:translateY(-7px)}.tool-card:hover:before{opacity:1}.tool-card:hover:after{animation:.8s klymb-shimmer}.tool-number{letter-spacing:.08em;color:var(--muted-2);z-index:2;font-family:Arial,sans-serif;font-size:11px;position:absolute;top:20px;right:22px}.tool-card-icon{width:34px;height:34px;color:var(--text-soft);background:color-mix(in srgb, var(--surface-3) 70%, transparent);border:1px solid var(--border);z-index:2;border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s,color .35s,border-color .35s;display:flex;position:absolute;top:19px;left:20px;box-shadow:inset 0 1px #ffffff0a}.tool-card:hover .tool-card-icon{color:var(--text);background:color-mix(in srgb, var(--accent) 13%, var(--surface-3));border-color:color-mix(in srgb, var(--accent) 25%, var(--border));transform:translateY(-2px)rotate(-5deg)}.tool-content{z-index:2;flex-direction:column;gap:7px;width:100%;display:flex;position:relative}.tool-name{color:var(--text);text-shadow:0 1px 8px color-mix(in srgb, var(--text) 8%, transparent);font-size:17px;font-weight:750;line-height:1.5;transition:color .35s,text-shadow .35s;display:block}.tool-description{color:var(--muted);font-size:12px;line-height:1.7;transition:color .35s;display:block}.tool-card:hover .tool-name{color:var(--text);text-shadow:0 0 18px color-mix(in srgb, var(--text) 12%, transparent)}.tool-card:hover .tool-description{color:var(--text-soft)}.tool-card-arrow{color:var(--muted-2);z-index:2;font-size:15px;transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s;position:absolute;bottom:20px;left:22px}.tool-card:hover .tool-card-arrow{color:var(--accent);transform:translate(3px,-3px)}.tool-accent{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface))}.trust-strip{color:var(--muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:18px;margin-top:65px;padding:22px 0;font-size:11px;display:flex}.trust-strip i{background:var(--muted-2);border-radius:50%;width:3px;height:3px}.about-section,.pricing-section{padding-top:80px;scroll-margin-top:40px}.about-section h2,.pricing-section h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.3}.about-section h2 span,.pricing-section h2 span{color:var(--accent)}.footer{border-top:none;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:70px;padding-top:30px;display:flex}.footer-note{color:var(--muted-2);font-size:10px}.footer:before,.footer:after{display:none!important}.theme-wave{z-index:9999;left:var(--wave-x);top:var(--wave-y);pointer-events:none;background:var(--wave-color);will-change:transform;border-radius:50%;width:20px;height:20px;position:fixed;transform:translate(-50%,-50%)scale(0)}.theme-wave.active{animation:.8s cubic-bezier(.65,0,.2,1) forwards theme-wave}@keyframes theme-wave{to{transform:translate(-50%,-50%)scale(180)}}@keyframes klymb-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes klymb-fade-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes klymb-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes klymb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes klymb-glow{0%{opacity:.05;transform:translate(-10%,-10%)scale(.9)}50%{opacity:.11;transform:translate(15%,10%)scale(1.1)}to{opacity:.05;transform:translate(-10%,-10%)scale(.9)}}@keyframes klymb-shimmer{0%{transform:translate(130%)}to{transform:translate(-130%)}}@keyframes klymb-spin{to{transform:rotate(360deg)}}@keyframes klymb-success{0%{opacity:0;transform:scale(.88)translateY(8px)}70%{transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.light .upload-card{box-shadow:0 30px 80px #4b371e1a}.light .tool-card{box-shadow:inset 0 1px #ffffffd9,0 15px 40px #281e1412}.light .tool-card:hover{box-shadow:inset 0 1px #ffffffe6,0 20px 50px #281e141c}.light .file-preview{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%), #1e191409}.light .file-name{color:#17161a}.light .file-size{color:#1414147a}@media (max-width:1000px){.hero{grid-template-columns:1fr;gap:45px;padding-top:45px}.hero-copy{text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-meta{justify-content:center}.workspace{max-width:700px;margin:0 auto}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.klymb-page{width:calc(100% - 28px)}.header{height:72px}.nav{display:none}.hero{padding-top:35px}.hero h1{font-size:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.section-heading>p{max-width:100%}.trust-strip{flex-wrap:wrap}}@media (max-width:600px){.klymb-page{width:calc(100% - 24px)}.header{height:68px}.logo{font-size:13px}.logo-mark{width:20px;height:20px}.logo-mark:before,.logo-mark:after{border-width:0 7px 12px}.logo-mark:after{right:8px}.sign-in{display:none}.theme-toggle{--toggle-width:62px;--toggle-height:34px;--knob-size:26px}.theme-toggle-icon{top:3px;left:3px}.theme-toggle-track:before,.theme-toggle-track:after{font-size:12px}.hero{gap:35px;min-height:auto;padding-top:42px}.hero h1{font-size:52px}.hero-description{font-size:13px;line-height:1.9}.hero-meta{gap:12px;font-size:10px}.upload-card{border-radius:24px;min-height:400px;padding:14px}.drop-zone{border-radius:18px;min-height:365px}.file-mode{padding:15px}.file-preview{height:200px}.file-preview.image-editor-preview{height:auto;min-height:0}.file-info{align-items:flex-start}.file-name{max-width:210px;font-size:13px}.file-size{font-size:11px}.download-button{padding:9px 13px;font-size:11px}.result-success{flex-wrap:wrap}.result-copy{min-width:0}.result-value{font-size:12px;line-height:1.8}.tools-section{padding-top:42px}.section-heading h2{font-size:23px}.tools-grid{grid-template-columns:1fr;gap:11px}.tool-card{min-height:150px;padding:21px}.tool-name{font-size:15px}.tool-description{font-size:11px}.about-section,.pricing-section{padding-top:60px}.about-section h2,.pricing-section h2{font-size:30px}.footer{flex-direction:column;align-items:flex-start;margin-top:50px}}@media (max-width:380px){.hero h1{font-size:45px}.theme-toggle{--toggle-width:58px;--toggle-height:33px;--knob-size:25px}.upload-card{padding:10px}.file-info{gap:8px}.file-name{max-width:170px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.theme-wave{display:none}}.header{isolation:isolate;border:1px solid color-mix(in srgb, var(--border-strong) 80%, transparent);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(24px)saturate(135%);height:auto;min-height:76px;box-shadow:0 18px 55px color-mix(in srgb, var(--shadow) 55%, transparent), inset 0 1px 0 #ffffff12;border-radius:999px;margin-top:18px;padding:9px 10px;transition:background .5s,border-color .5s,box-shadow .5s,transform .3s;animation:.8s cubic-bezier(.22,1,.36,1) both header-arrive;position:sticky;top:16px}.header:before{content:"";border-radius:inherit;background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%, transparent 70%, color-mix(in srgb, var(--accent) 7%, transparent));opacity:.8;pointer-events:none;z-index:-1;position:absolute;inset:1px}.header:after{content:"";background:var(--accent);filter:blur(45px);opacity:.07;pointer-events:none;z-index:-1;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.header-orbit{border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);opacity:.55;pointer-events:none;border-radius:50%;width:38px;height:38px;animation:7s linear infinite header-orbit;position:absolute;top:50%;left:25px;transform:translateY(-50%)}.header-orbit:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.header .logo{z-index:2;background:color-mix(in srgb, var(--surface-2) 70%, transparent);border:1px solid #0000;border-radius:999px;padding:8px 15px 8px 10px;transition:transform .3s,background .3s,border-color .3s;position:relative}.header .logo:hover{background:color-mix(in srgb, var(--surface-3) 85%, transparent);border-color:var(--border);transform:translateY(-1px)}.header .logo-mark{width:26px;height:26px}.header .logo-mark:before,.header .logo-mark:after{border-width:0 9px 16px}.header .logo-mark:after{right:10px}.nav{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 24%, transparent);border-radius:999px;gap:4px;padding:4px}.nav a{color:var(--muted);border-radius:999px;padding:9px 15px;transition:color .25s,background .3s,transform .25s}.nav a:after{display:none}.nav a:hover{color:var(--text);background:color-mix(in srgb, var(--surface-3) 75%, transparent);transform:translateY(-1px)}.header-actions{z-index:2;padding-left:3px;position:relative}.sign-in{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 5px 18px color-mix(in srgb, var(--shadow) 65%, transparent);padding:10px 17px}.sign-in:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 20%, transparent)}@keyframes header-arrive{0%{opacity:0;filter:blur(7px);transform:translateY(-18px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes header-orbit{to{transform:translateY(-50%)rotate(360deg)}}.about-section,.pricing-section{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface) 78%, transparent);min-height:230px;box-shadow:0 25px 80px var(--shadow);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:35px;margin-top:95px;padding:38px;display:grid;position:relative;overflow:hidden}.about-section:before,.pricing-section:before{content:"";background:var(--accent);filter:blur(100px);opacity:.07;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;left:-100px}.about-section h2,.pricing-section h2{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(25px,3vw,40px)}.about-section p,.pricing-section p{max-width:680px;color:var(--muted);margin:0;font-size:13px;line-height:2}.about-orb{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 24%, transparent), var(--surface-2) 58%, var(--surface));width:120px;height:120px;box-shadow:inset 0 0 30px color-mix(in srgb, var(--accent) 8%, transparent), 0 15px 50px var(--shadow);border-radius:50%;place-items:center;animation:5s ease-in-out infinite klymb-float;display:grid;position:relative}.about-orb:before,.about-orb:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;position:absolute;inset:10px}.about-orb:after{opacity:.45;inset:-8px}.about-orb span{letter-spacing:-.08em;color:var(--accent);font-size:32px;font-weight:800}.pricing-section{grid-template-columns:minmax(0,1fr) auto}.pricing-pill{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, var(--surface)), var(--surface));width:150px;height:150px;box-shadow:0 20px 60px color-mix(in srgb, var(--accent) 8%, var(--shadow));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.pricing-pill span{color:var(--accent);letter-spacing:.2em;font-size:10px;font-weight:800}.pricing-pill strong{font-size:17px}.footer{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 25px 80px var(--shadow);border-radius:34px;margin-top:85px;padding:32px 30px 22px;position:relative;overflow:hidden}.footer:before{content:"";background:var(--accent);filter:blur(70px);opacity:.09;pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-150px;right:-90px}.footer-brand .logo{font-size:15px}.footer-brand p{color:var(--muted);margin:10px 0 0;font-size:11px}.footer-links{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.footer-links a{color:var(--muted);border-radius:999px;padding:9px 13px;font-size:11px;transition:color .25s,background .3s,transform .25s}.footer-links a:hover{color:var(--text);background:var(--surface-2);transform:translateY(-1px)}.footer-cta{color:var(--muted);justify-self:end;align-items:center;gap:12px;font-size:11px;display:flex}.footer-cta a{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:10px 14px;transition:transform .25s,border-color .3s,background .3s;display:inline-flex}.footer-cta a:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));transform:translateY(-2px)}.footer-cta b{color:var(--accent);font-size:14px}.footer-bottom{border-top:1px solid var(--border);color:var(--muted-2);justify-content:space-between;gap:20px;margin-top:28px;padding-top:17px;font-size:10px;display:flex}@media (max-width:760px){.header{min-height:64px;margin-top:10px;padding:7px 8px;top:10px}.header-orbit{width:32px;height:32px;left:18px}.header .logo{padding-left:8px;padding-right:10px}.nav{display:none}.header-actions{gap:6px}.sign-in{display:none}.about-section,.pricing-section{text-align:center;grid-template-columns:1fr;justify-items:center;padding:30px 22px}.about-section p,.pricing-section p{margin-inline:auto}.pricing-section{margin-top:60px}.footer{padding:26px 20px 18px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-links{justify-self:start}.footer-cta{flex-wrap:wrap;justify-self:start}.footer-bottom{flex-direction:column;gap:8px}}@media (max-width:380px){.header{border-radius:25px}.header .logo{font-size:12px}.theme-toggle{--toggle-width:60px;--toggle-height:33px;--knob-size:25px}html.light .theme-toggle .theme-toggle-icon{transform:translateX(calc(var(--toggle-width) - var(--knob-size) - 6px))}.about-orb{width:100px;height:100px}.pricing-pill{width:125px;height:125px}}@media (prefers-reduced-motion:reduce){.header,.header-orbit,.about-orb{animation:none!important}}.klymb-page{flex-direction:column;min-height:100dvh;padding-bottom:0;display:flex}.klymb-page>.footer{margin-top:auto}@media (max-width:760px){.klymb-page>.footer{margin-top:auto}}.klymb-page{flex-direction:column;width:min(1180px,100% - 40px);min-height:100dvh;margin:0 auto;padding-bottom:0;display:flex}.klymb-page>.footer{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), var(--surface));width:100vw;box-shadow:0 -20px 70px color-mix(in srgb, var(--shadow) 45%, transparent);border-bottom:0;border-left:0;border-right:0;border-radius:0;margin-top:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;position:relative;overflow:hidden}.klymb-page>.footer:before{content:"";background:var(--accent);filter:blur(120px);opacity:.08;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-280px;right:-160px}.klymb-page>.footer:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 45%, transparent), transparent);opacity:.7;height:1px;position:absolute;top:0;left:0;right:0}.footer-inner{z-index:1;width:min(1180px,100% - 48px);margin:0 auto;padding:65px 0 25px;position:relative}.footer-main{grid-template-columns:minmax(250px,1.5fr) minmax(130px,.7fr) minmax(160px,.9fr) minmax(220px,1fr);align-items:start;gap:55px;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;display:flex}.footer-brand .logo{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:800;display:inline-flex}.footer-brand .logo-mark{width:32px;height:32px}.footer-brand p{color:var(--text);margin:16px 0 7px;font-size:14px;font-weight:600}.footer-description{max-width:270px;color:var(--muted);font-size:11px;line-height:2}.footer-column{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-heading{color:var(--text);letter-spacing:.03em;margin-bottom:7px;font-size:11px;font-weight:800}.footer-column a{color:var(--muted);font-size:11px;text-decoration:none;transition:color .25s,transform .25s}.footer-column a:hover{color:var(--text);transform:translate(-3px)}.footer-action{flex-direction:column;align-items:flex-start;display:flex}.footer-action p{max-width:220px;color:var(--muted);margin:3px 0 18px;font-size:11px;line-height:1.9}.footer-start{background:var(--text);min-width:125px;color:var(--bg);border:1px solid var(--text);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:11px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.footer-start span{font-size:15px;transition:transform .25s}.footer-start:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-2px)}.footer-start:hover span{transform:translate(2px,-2px)}.klymb-page .footer-bottom{border-top:1px solid var(--border);color:var(--muted-2);justify-content:space-between;align-items:center;gap:20px;margin-top:55px;padding-top:20px;font-size:10px;display:flex}.footer-status{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 75%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:inline-flex}.footer-status-dot{background:#68d391;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite footer-status-pulse;box-shadow:0 0 10px #68d391a6}@keyframes footer-status-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}html.light .klymb-page>.footer{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), var(--surface))}@media (max-width:900px){.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-action{border-top:1px solid var(--border);grid-column:1/-1;padding-top:10px}}@media (max-width:650px){.klymb-page{width:calc(100% - 28px)}.klymb-page>.footer{width:100vw;margin-left:calc(50% - 50vw)}.footer-inner{width:calc(100% - 36px);padding:45px 0 20px}.footer-main{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-brand{grid-column:1/-1}.footer-action{grid-column:1/-1;padding-top:25px}.klymb-page .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:40px}}@media (max-width:420px){.footer-main{grid-template-columns:1fr}.footer-brand,.footer-column,.footer-action{grid-column:auto}.footer-column{gap:10px}.footer-inner{padding-top:38px}}.klymb-signature{border-top:1px solid var(--border);background:radial-gradient(circle at 68% 50%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 27%), var(--bg);isolation:isolate;border-bottom:0;width:100vw;min-height:590px;margin-top:95px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.signature-bg{pointer-events:none;opacity:.8;background:linear-gradient(90deg,#0000 0%,#ffffff04 50%,#0000 100%);position:absolute;inset:0}.signature-content{z-index:2;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;width:min(1180px,100% - 80px);min-height:530px;margin:0 auto;display:grid;position:relative}.signature-copy{direction:rtl}.signature-label{color:var(--accent);letter-spacing:.2em;margin-bottom:22px;font-size:9px;font-weight:800;display:block}.signature-copy h2{color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(48px,5vw,72px);font-weight:850;line-height:1.05}.signature-copy h2 span{background:linear-gradient(90deg, var(--accent), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.signature-copy p{max-width:390px;color:var(--muted);margin:26px 0 30px;font-size:12px;line-height:2}.signature-button{color:var(--button-text,#111);background:var(--button-bg,#f7f5f1);border:1px solid var(--button-bg,#f7f5f1);border-radius:999px;align-items:center;gap:14px;padding:13px 20px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s;display:inline-flex}.signature-button span{font-size:16px}.signature-button:hover{box-shadow:0 18px 40px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-3px)}.signature-stage{height:470px;transform:translate3d(var(--signature-mx,0px), var(--signature-my,0px), 0) rotateX(var(--signature-rx,0deg)) rotateY(var(--signature-ry,0deg));justify-content:center;align-items:center;transition:transform .25s ease-out;display:flex;position:relative}.signature-core{z-index:5;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--accent) 18%, transparent), var(--signature-core-bg,#0a0a10f5) 68%);width:170px;height:170px;box-shadow:0 0 70px color-mix(in srgb, var(--accent) 16%, transparent), inset 0 0 45px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:4s ease-in-out infinite core-breathe;display:flex;position:relative}.signature-logo{align-items:flex-end;gap:3px;height:22px;display:flex}.signature-logo i{background:var(--signature-logo,#fff);border-radius:2px;width:7px;height:21px;display:block;transform:skew(-25deg)}.signature-logo i:last-child{opacity:.45;height:14px}.signature-core strong{color:var(--text);letter-spacing:.2em;font-size:15px}.signature-core>span{color:var(--muted-2);letter-spacing:.18em;font-size:6px}.core-aura{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 65%);filter:blur(10px);border-radius:50%;animation:4s ease-in-out infinite aura-breathe;position:absolute;inset:-35px}.signature-orbit{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-a{width:330px;height:170px;animation:14s linear infinite orbit-a;transform:translate(-50%,-50%)rotate(-24deg)}.orbit-b{border-color:color-mix(in srgb, var(--accent) 7%, transparent);width:430px;height:240px;animation:20s linear infinite orbit-b;transform:translate(-50%,-50%)rotate(35deg)}.orbit-c{border-color:color-mix(in srgb, var(--accent) 3.5%, transparent);width:520px;height:300px;animation:28s linear infinite orbit-c;transform:translate(-50%,-50%)rotate(-12deg)}.signature-particle{background:var(--accent);width:3px;height:3px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:50%;animation:4s ease-in-out infinite particle-float;position:absolute}.particle-a{top:22%;left:25%}.particle-b{animation-delay:-1.4s;bottom:24%;right:18%}.particle-c{animation-delay:-2.5s;bottom:15%;left:42%}.particle-d{animation-delay:-3.2s;top:18%;right:31%}.signature-flow{z-index:8;pointer-events:none;position:absolute;inset:0}.flow-file{border:1px solid var(--flow-border,#ffffff17);background:linear-gradient(145deg, var(--flow-bg-1,#1c1b28eb), var(--flow-bg-2,#0c0c12b8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:126px;height:92px;box-shadow:0 25px 70px var(--flow-shadow,#00000047), inset 0 1px 0 var(--flow-highlight,#ffffff0a);direction:ltr;border-radius:16px;flex-direction:column;justify-content:space-between;padding:13px;display:flex;position:absolute}.flow-input{animation:6s cubic-bezier(.65,0,.35,1) infinite input-file;top:18%;left:5%}.flow-output{opacity:.35;animation:6s cubic-bezier(.65,0,.35,1) infinite output-file;bottom:16%;right:4%;transform:scale(.88)}.flow-file-top{justify-content:space-between;align-items:center;display:flex}.flow-file-type{color:var(--accent);letter-spacing:.16em;font-size:8px;font-weight:900}.flow-file-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 90%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite file-dot}.flow-file strong{color:var(--flow-title,var(--text));letter-spacing:.08em;font-size:10px}.flow-file>span:last-child{color:var(--flow-meta,var(--muted-2));font-size:7px}.flow-line{background:color-mix(in srgb, var(--accent) 8%, transparent);width:105px;height:1px;position:absolute;top:37%;left:22%;overflow:hidden;transform:rotate(17deg)}.flow-line span{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:35px;height:1px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);animation:2s linear infinite energy-flow;position:absolute;left:-35px}.flow-line-out{inset:auto 20% 37% auto;transform:rotate(17deg)}.flow-transform{background:color-mix(in srgb, var(--accent) 6%, transparent);width:64px;height:64px;box-shadow:0 0 35px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transform-ring{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-top-color:color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;animation:3s linear infinite transform-spin;position:absolute;inset:-9px}.transform-ring.ring-two{border-top-color:color-mix(in srgb, var(--accent) 25%, transparent);animation-duration:5s;animation-direction:reverse;inset:-15px}.transform-symbol{z-index:2;color:var(--accent);font-size:20px;font-weight:300;animation:2s ease-in-out infinite transform-pulse;position:relative}.signature-scan{z-index:6;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 80%, transparent), transparent);width:250px;height:1px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 60%, transparent));animation:3.5s ease-in-out infinite scan;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-bottom{z-index:3;border-top:1px solid var(--signature-line,#ffffff0e);width:100%;height:60px;color:var(--muted-2);letter-spacing:.22em;justify-content:center;align-items:center;gap:20px;font-size:7px;display:flex;position:relative}.signature-bottom i{color:var(--accent);font-style:normal}.klymb-signature+.footer{border-top:0!important;border-radius:0!important;margin-top:0!important}html.dark .klymb-signature,html:not(.light) .klymb-signature{--signature-core-bg:#0a0a10f5;--signature-logo:#fff;--flow-border:#ffffff17;--flow-bg-1:#1c1b28eb;--flow-bg-2:#0c0c12b8;--flow-shadow:#00000047;--flow-highlight:#ffffff0a;--flow-title:#e9e5ef;--flow-meta:#666371;--signature-line:#ffffff0e}html.light .klymb-signature{background:radial-gradient(circle at 68% 50%, color-mix(in srgb, var(--accent) 7.5%, transparent), transparent 27%), var(--bg);--signature-core-bg:#fffffff0;--signature-logo:#17151d;--flow-border:#1e192d1a;--flow-bg-1:#fffffff0;--flow-bg-2:#f5f3f9e0;--flow-shadow:#3228501f;--flow-highlight:#ffffffe6;--flow-title:#27232e;--flow-meta:#817b8c;--signature-line:#1e192d14}html.light .signature-bg{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 2.5%, transparent) 50%, transparent 100%);opacity:1}html.light .signature-core{border-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 0 70px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 4%, transparent), inset 0 0 45px color-mix(in srgb, var(--accent) 4.5%, transparent)}html.light .signature-core>span{color:#88818f}html.light .signature-orbit{border-color:color-mix(in srgb, var(--accent) 12%, transparent)}html.light .orbit-b{border-color:color-mix(in srgb, var(--accent) 7%, transparent)}html.light .orbit-c{border-color:color-mix(in srgb, var(--accent) 4%, transparent)}html.light .flow-file{box-shadow:0 25px 70px #3228501a,inset 0 1px #fffffff2}html.light .signature-bottom{border-top-color:#1e192d12}html.light .signature-button{--button-bg:#17151d;--button-text:#fff}html.light .signature-button:hover{box-shadow:0 18px 40px #281e4629}@keyframes core-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.025)}}@keyframes aura-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbit-a{0%{transform:translate(-50%,-50%)rotate(-24deg)}to{transform:translate(-50%,-50%)rotate(336deg)}}@keyframes orbit-b{0%{transform:translate(-50%,-50%)rotate(35deg)}to{transform:translate(-50%,-50%)rotate(-325deg)}}@keyframes orbit-c{0%{transform:translate(-50%,-50%)rotate(-12deg)}to{transform:translate(-50%,-50%)rotate(348deg)}}@keyframes input-file{0%{opacity:.85;transform:translate(0)rotate(-4deg)scale(.95)}28%{opacity:1;transform:translate(55px,45px)rotate(2deg)scale(.98)}48%{opacity:0;transform:translate(130px,105px)rotate(8deg)scale(.72)}52%{opacity:0;transform:translate(130px,105px)scale(.7)}75%{opacity:.3;transform:translate(55px,45px)scale(.88)}to{opacity:.85;transform:translate(0)rotate(-4deg)scale(.95)}}@keyframes output-file{0%,42%{opacity:0;transform:translate(-70px,-55px)scale(.65)}55%{opacity:.2}68%{opacity:.85;transform:translate(-10px,-5px)scale(1)}86%{opacity:.6;transform:translate(0)scale(.96)}to{opacity:0;transform:translate(20px,10px)scale(.9)}}@keyframes energy-flow{0%{left:-35px}to{left:105px}}@keyframes transform-spin{to{transform:rotate(360deg)}}@keyframes transform-pulse{0%,to{opacity:.5;transform:scale(.9)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(90deg)}}@keyframes file-dot{0%,to{opacity:.35}50%{opacity:1}}@keyframes scan{0%,to{opacity:0;transform:translate(-50%,-50%)scaleX(.2)}40%{opacity:.8}70%{opacity:.15}to{transform:translate(-50%,-50%)scaleX(1.3)}}@keyframes particle-float{0%,to{opacity:.25;transform:translate(0)scale(.7)}50%{opacity:1;transform:translate(12px,-16px)scale(1.3)}}@media (max-width:850px){.klymb-signature{min-height:auto}.signature-content{grid-template-columns:1fr;gap:20px;width:min(100% - 40px,600px);padding:70px 0 30px}.signature-copy{text-align:right}.signature-stage{order:-1;height:390px}.signature-copy h2{font-size:48px}.flow-file{transform-origin:50%}}@media (max-width:520px){.signature-content{width:calc(100% - 32px)}.signature-copy h2{font-size:42px}.signature-stage{height:390px;transform:scale(.82) translate3d(var(--signature-mx,0px), var(--signature-my,0px), 0);margin:-30px 0}.signature-bottom{gap:10px;font-size:6px}.flow-file{width:116px;height:86px}}@media (prefers-reduced-motion:reduce){.signature-stage{transform:none!important}.signature-core,.core-aura,.signature-orbit,.signature-particle,.flow-file,.signature-scan,.transform-ring,.transform-symbol,.flow-file-dot{animation:none!important}}html,body{overflow-x:hidden}.workspace-error{color:#ff8c8c;text-align:right;background:#ff464612;border:1px solid #ff5c5c38;border-radius:14px;align-items:center;gap:10px;width:min(100%,520px);margin-top:20px;padding:13px 16px;font-size:13px;line-height:1.7;display:flex}.workspace-error-icon{background:#ff505024;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.compress-status{border:1px solid var(--border);background:var(--surface);text-align:right;border-radius:16px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:14px 16px;animation:.25s both status-in;display:flex}.status-indicator{background:var(--surface-strong);width:28px;height:28px;color:var(--text);border-radius:50%;flex:0 0 28px;place-items:center;font-size:12px;font-weight:900;display:grid}.status-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.status-content strong{color:var(--text);font-size:13px;font-weight:800}.status-content span{color:var(--muted);font-size:11px;line-height:1.7}.status-loader{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.75s linear infinite status-spin}.status-ready .status-indicator{color:#62d98d;background:#64dc961f}.status-error{border-color:#ff5c5c33}.status-error .status-indicator{color:#f77;background:#ff50501f}.result-actions{gap:8px;width:100%;margin-top:10px;display:flex}.result-secondary-button{border:1px solid var(--border);min-height:40px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:flex}.result-secondary-button:hover{background:var(--surface);border-color:var(--text-muted);transform:translateY(-1px)}.result-secondary-button span{opacity:.7;font-size:15px}.result-secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes status-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes status-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.compress-status{padding:12px}.result-actions{flex-direction:column}.result-secondary-button{width:100%}}.resize-panel{width:100%;margin-top:24px}.resize-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.resize-field{text-align:right;flex-direction:column;gap:8px;display:flex}.resize-field>span{opacity:.65;font-size:12px}.resize-input-wrap{position:relative}.resize-input-wrap input{width:100%;height:52px;color:inherit;font:inherit;background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:0 48px 0 16px;transition:border-color .2s,background .2s}.resize-input-wrap input:focus{background:#ffffff0e;border-color:#ffffff47}.resize-input-wrap>span{opacity:.45;pointer-events:none;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.resize-aspect{cursor:pointer;text-align:right;align-items:center;gap:12px;margin-top:16px;display:flex}.resize-aspect input{opacity:0;pointer-events:none;position:absolute}.resize-check{border:1px solid #ffffff2e;border-radius:6px;flex:0 0 20px;width:20px;height:20px;position:relative}.resize-aspect input:checked+.resize-check:after{content:"✓";place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.resize-aspect-copy small{opacity:.48;font-size:11px}.tool-active{transform:translateY(-2px)}.tool-card{transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.tool-card.tool-active{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, transparent), #ffffff09);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent), 0 18px 45px #0000002e;transform:translateY(-2px)}.tool-card.tool-active .tool-card-icon{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.tool-card.tool-active .tool-card-arrow{opacity:1;transform:translate(2px,-2px)}.tool-card:not(.tool-active){opacity:.82}.tool-card:not(.tool-active):hover{opacity:1;transform:translateY(-2px)}.resize-original-size{opacity:.55;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.resize-original-size strong{opacity:1;font-weight:600}.resize-presets{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.resize-presets-label{opacity:.62;flex:none;font-size:12px;font-weight:600}.resize-presets-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.resize-preset{min-width:52px;height:34px;color:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:10px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,opacity .2s}.resize-preset:hover{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.resize-preset:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.resize-preset:disabled{cursor:not-allowed;opacity:.45}.light .resize-preset{background:#14141809;border-color:#1414181a}.light .resize-preset:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}@media (max-width:560px){.resize-presets{flex-direction:column;align-items:flex-start}.resize-presets-list{justify-content:stretch;width:100%}.resize-preset{flex:1}}.resize-input-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.resize-input-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resize-panel{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 88%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));border-radius:18px;margin-top:18px;padding:18px;animation:.4s cubic-bezier(.22,1,.36,1) both klymb-fade-up}.resize-original-size{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.resize-original-size span{color:var(--muted);font-size:11px}.resize-original-size strong{color:var(--text);font-size:11px;font-weight:700}.resize-live-preview{margin-bottom:18px}.resize-preview-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.resize-preview-heading>span{color:var(--muted);font-size:11px;font-weight:600}.resize-preview-scale{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--accent);direction:ltr;border-radius:999px;padding:5px 9px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.resize-preview-grid{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;display:grid}.resize-preview-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:14px;min-width:0;padding:10px}.resize-preview-card.output{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.resize-preview-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:9px;font-weight:600;display:flex}.resize-preview-label strong{color:var(--text);white-space:nowrap;direction:ltr;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.resize-preview-stage{background:repeating-conic-gradient(color-mix(in srgb, var(--muted-2) 12%, transparent) 0% 25%, transparent 0% 50%) 50% / 14px 14px;border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:100%;height:92px;display:flex;position:relative;overflow:hidden}.resize-preview-image{object-fit:contain;border-radius:5px;max-width:100%;max-height:100%;transition:width .25s,height .25s,transform .25s;display:block}.resize-preview-image.original{width:100%;height:100%}.resize-preview-output-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.resize-preview-output-box .resize-preview-image{width:var(--preview-width,80%);height:var(--preview-height,80%)}.resize-preview-arrow{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--accent);box-shadow:0 6px 18px var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.resize-presets{margin-bottom:15px}.resize-presets-label{color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.resize-presets-list{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.resize-preset{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--muted);border-radius:9px;font-size:11px;font-weight:600;transition:transform .2s,background .25s,border-color .25s,color .25s}.resize-preset:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--text);transform:translateY(-1px)}.resize-preset:active{transform:scale(.96)}.resize-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.resize-field{min-width:0;display:block}.resize-field>span{color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.resize-input-wrap{width:100%;position:relative}.resize-input-wrap input[type=number]{border:1px solid var(--border);background:var(--surface);width:100%;height:43px;color:var(--text);text-align:left;direction:ltr;border-radius:11px;outline:none;padding:0 52px 0 13px;font-family:Arial,Tahoma,sans-serif;font-size:12px;font-weight:600;transition:border-color .25s,box-shadow .25s,background .25s}.resize-input-wrap input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.resize-input-wrap input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.resize-input-wrap input[type=number]{appearance:textfield}.resize-input-wrap input[type=number]:hover{border-color:color-mix(in srgb, var(--accent) 24%, var(--border))}.resize-input-wrap input[type=number]:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.resize-input-unit{color:var(--muted-2);pointer-events:none;font-family:Arial,sans-serif;font-size:9px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.resize-stepper{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:7px;flex-direction:column;width:29px;display:flex;position:absolute;top:5px;bottom:5px;right:5px;overflow:hidden}.resize-stepper-button{min-height:0;color:var(--muted);background:0 0;border:0;flex:1;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:13px;font-weight:700;line-height:1;transition:background .18s,color .18s;display:flex}.resize-stepper-button+.resize-stepper-button{border-top:1px solid var(--border)}.resize-stepper-button:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.resize-stepper-button:active:not(:disabled){background:color-mix(in srgb, var(--accent) 20%, transparent)}.resize-stepper-button:disabled{opacity:.28;cursor:not-allowed}.resize-aspect{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;transition:background .25s,border-color .25s,transform .2s;display:flex;position:relative}.resize-aspect:hover{border-color:color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.resize-aspect:active{transform:scale(.995)}.resize-aspect input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.resize-check{border:1.5px solid color-mix(in srgb, var(--muted) 75%, var(--border));background:var(--surface);border-radius:6px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;transition:background .22s,border-color .22s,box-shadow .22s,transform .18s;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000014}.resize-check:after{content:"";opacity:0;border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;margin-top:-2px;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .15s;transform:rotate(-45deg)scale(0)}.resize-aspect input[type=checkbox]:checked+.resize-check{border-color:var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 22%, transparent)}.resize-aspect input[type=checkbox]:checked+.resize-check:after{opacity:1;transform:rotate(-45deg)scale(1)}.resize-aspect input[type=checkbox]:focus-visible+.resize-check{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.resize-aspect:hover .resize-check{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}html.light .resize-check{background:#fffdf8;border-color:#372d2347;box-shadow:inset 0 1px 2px #3228190f}html.light .resize-aspect input[type=checkbox]:checked+.resize-check{border-color:var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 4px 12px #915b2b2e}html.light .resize-aspect:hover .resize-check{border-color:var(--accent-strong)}html.light .resize-preview-stage{background:repeating-conic-gradient(#3c2d1e0e 0% 25%,#0000 0% 50%) 50%/14px 14px}@media (max-width:600px){.resize-panel{border-radius:15px;padding:13px}.resize-original-size{flex-direction:column;align-items:flex-start;gap:5px}.resize-preview-grid{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px}.resize-preview-stage{height:78px}.resize-preview-arrow{width:26px;height:26px;font-size:10px}.resize-preview-label{flex-direction:column;align-items:flex-start;gap:3px}.resize-fields{grid-template-columns:1fr}.resize-presets-list{gap:5px}}@media (max-width:380px){.resize-preview-grid{grid-template-columns:1fr}.resize-preview-arrow{margin:-2px auto;transform:rotate(90deg)}.resize-preview-stage{height:90px}.resize-aspect-copy small{display:none}}.custom-number-input{width:100%;align-items:center!important;display:flex!important;position:relative!important}.custom-number-input input[type=number]{width:100%;appearance:textfield!important;padding-left:82px!important;padding-right:48px!important}.custom-number-input input[type=number]::-webkit-inner-spin-button{appearance:none!important;margin:0!important}.custom-number-input input[type=number]::-webkit-outer-spin-button{appearance:none!important;margin:0!important}.resize-stepper{z-index:20!important;cursor:pointer!important;border:1px solid #0000!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:18px!important;font-weight:500!important;line-height:1!important;transition:background .16s,border-color .16s,opacity .16s,transform .16s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}html.dark .resize-stepper{color:#ffffffe6!important;background:#ffffff12!important;border-color:#ffffff17!important}html.light .resize-stepper{color:#252329!important;background:#1414190e!important;border-color:#1414191f!important}.workspace-error{background:linear-gradient(135deg,#ef444414,#ef444409);border:1px solid #ef44442e;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:14px;padding:14px 16px;animation:.22s workspaceErrorIn;display:flex}.workspace-error-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.workspace-error-icon{color:#f87171;background:#ef44441f;border:1px solid #ef444433;border-radius:10px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.workspace-error-content{flex-direction:column;gap:4px;min-width:0;display:flex}.workspace-error-content strong{color:#fca5a5;font-size:13px;font-weight:750}.workspace-error-content span{color:#ffffff9e;word-break:break-word;font-size:12px;line-height:1.8}.workspace-error-retry{color:#ffffffd1;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.workspace-error-retry:hover:not(:disabled){background:#ffffff14;border-color:#ffffff24;transform:translateY(-1px)}.workspace-error-retry:disabled{opacity:.45;cursor:not-allowed}.workspace-error-retry span{font-size:15px;line-height:1}@keyframes workspaceErrorIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.workspace-error{flex-direction:column;align-items:stretch}.workspace-error-retry{width:100%}}.file-preview{position:relative;overflow:hidden}.crop-editor{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.crop-editor-image{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block}.crop-selection{box-sizing:border-box;cursor:move;touch-action:none;pointer-events:auto;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-size{z-index:10;color:#fff;white-space:nowrap;pointer-events:none;direction:ltr;background:#000c;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%)}.crop-grid{pointer-events:none;position:absolute;inset:0}.crop-grid:before{content:"";background:#ffffff47;width:1px;height:100%;position:absolute;top:0;left:33.333%}.crop-grid:after{content:"";background:#ffffff47;width:100%;height:1px;position:absolute;top:33.333%;left:0}.crop-handle{z-index:20;touch-action:none;border-style:solid;border-color:#fff;width:20px;height:20px;position:absolute}.crop-handle-nw{cursor:nwse-resize;border-width:3px 0 0 3px;top:-2px;left:-2px}.crop-handle-ne{cursor:nesw-resize;border-width:3px 3px 0 0;top:-2px;right:-2px}.crop-handle-sw{cursor:nesw-resize;border-width:0 0 3px 3px;bottom:-2px;left:-2px}.crop-handle-se{cursor:nwse-resize;border-width:0 3px 3px 0;bottom:-2px;right:-2px}.crop-action-panel{background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;display:flex}.crop-action-info{flex-direction:column;gap:4px;display:flex}.crop-action-info span{color:#ffffff73;font-size:11px}.crop-action-info strong{color:#fff;font-size:14px}.crop-apply-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:700;transition:transform .2s,opacity .2s}.crop-apply-button:hover{transform:translateY(-1px)}.crop-apply-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-preview:has(.crop-editor){height:auto;min-height:0}.file-preview:has(.crop-editor:not(.image-editor-mode)) .crop-editor{width:100%;height:auto}.file-preview:has(.crop-editor:not(.image-editor-mode)) .crop-editor-image{width:100%;max-width:100%;height:auto;max-height:none}.pdf-panel{width:100%;padding:8px 0 4px}.pdf-panel-head{text-align:right;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.pdf-panel-head>div:first-child{flex:1}.pdf-eyebrow{letter-spacing:.16em;opacity:.55;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.pdf-panel-head h2{margin:0 0 8px;font-size:24px;line-height:1.4}.pdf-panel-head p{opacity:.65;margin:0;font-size:14px;line-height:1.8}.pdf-count{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;min-width:76px;padding:12px 14px}.pdf-count strong{margin-bottom:6px;font-size:24px;line-height:1;display:block}.pdf-count span{opacity:.55;font-size:11px}.pdf-add-button{margin-bottom:18px}.pdf-selected-count{opacity:.6;text-align:right;margin-bottom:14px;font-size:13px}.pdf-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.pdf-preview-item{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;min-width:0;overflow:hidden}.pdf-preview-image{aspect-ratio:1;background:#0000002e;width:100%;position:relative;overflow:hidden}.pdf-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.pdf-preview-meta{align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.pdf-preview-number{opacity:.45;flex:none;font-size:10px;font-weight:700}.pdf-preview-name{text-overflow:ellipsis;white-space:nowrap;opacity:.7;min-width:0;font-size:11px;overflow:hidden}.pdf-panel-footer{opacity:.65;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:13px 0;font-size:12px;display:flex}.pdf-panel-footer strong{opacity:.9;font-size:12px}.pdf-panel .workspace-error{margin-bottom:16px}@media (max-width:720px){.pdf-panel-head{gap:14px}.pdf-panel-head h2{font-size:20px}.pdf-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-count{min-width:62px}}@media (max-width:480px){.pdf-panel-head{flex-direction:column}.pdf-count{align-self:flex-start}.pdf-panel-footer{flex-direction:column;align-items:flex-start;gap:6px}}.workspace.image-pdf-workspace{min-width:0}.image-pdf-workspace .file-details{flex:1}.image-pdf-workspace .crop-editor{touch-action:pan-y}.image-pdf-workspace .pdf-file-thumb img{object-fit:contain}.image-pdf-workspace .pdf-file-list,.image-pdf-workspace .pdf-file-item{background:var(--surface-2);border-color:var(--border)}.image-pdf-workspace .pdf-file-list-title,.image-pdf-workspace .pdf-file-name{color:var(--text)}.image-pdf-workspace .pdf-file-list-title span,.image-pdf-workspace .pdf-file-size{color:var(--muted)}.image-pdf-workspace .pdf-file-number,.image-pdf-workspace .pdf-file-thumb{background:var(--surface-3);color:var(--text-soft);border-color:var(--border)}.image-pdf-workspace :is(.pdf-file-move,.pdf-file-remove){background:var(--surface);color:var(--text-soft);border-color:var(--border)}.image-pdf-workspace :is(.pdf-file-move,.pdf-file-remove):hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.image-pdf-workspace :is(.pdf-file-move,.pdf-file-remove):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:760px){.klymb-page .image-pdf-workspace .upload-card{transform:none}.image-pdf-workspace .file-info{flex-wrap:wrap}.image-pdf-workspace .file-details{flex-basis:100%}.image-pdf-workspace .file-name{max-width:100%}.klymb-page .workspace.image-pdf-workspace :is(.ghost-button,.pdf-add-more){width:100%;min-height:44px}.image-pdf-workspace .pdf-file-list{padding:10px}.image-pdf-workspace .pdf-file-list-title{flex-wrap:wrap;gap:6px 12px}.image-pdf-workspace .pdf-file-item{grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-areas:"thumb name name remove""number size previous next";gap:6px;padding:8px;display:grid}.image-pdf-workspace .pdf-file-thumb{grid-area:thumb;width:44px;height:44px}.image-pdf-workspace .pdf-file-number{grid-area:number;justify-self:center}.image-pdf-workspace .pdf-file-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:name;line-height:1.6;display:-webkit-box}.image-pdf-workspace .pdf-file-size{white-space:normal;overflow-wrap:anywhere;grid-area:size;line-height:1.6}.image-pdf-workspace .pdf-file-order{display:contents}.image-pdf-workspace .pdf-file-move:first-child{grid-area:previous}.image-pdf-workspace .pdf-file-move:last-child{grid-area:next}.image-pdf-workspace .pdf-file-remove{grid-area:remove}.image-pdf-workspace :is(.pdf-file-move,.pdf-file-remove){width:44px;height:44px;font-size:18px}.image-pdf-workspace .result-success{grid-template-columns:34px minmax(0,1fr);gap:12px;display:grid}.klymb-page .workspace.image-pdf-workspace .result-success .download-button{grid-column:1/-1;width:100%;min-height:44px}}.pdf-file-list{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;width:100%;margin-top:18px;padding:16px}.pdf-file-list-title{color:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.pdf-file-list-title span{color:#ffffff73;font-size:12px;font-weight:600}.pdf-file-items{flex-direction:column;gap:8px;display:flex}.pdf-file-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;min-height:64px;padding:8px 10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.pdf-file-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.pdf-file-thumb{background:#08090c;border:1px solid #ffffff14;border-radius:10px;flex:0 0 48px;width:48px;height:48px;overflow:hidden}.pdf-file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pdf-file-number{color:#ffffffb3;background:#ffffff0f;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.pdf-file-name{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.pdf-file-size{color:#fff6;white-space:nowrap;direction:ltr;flex:none;font-size:11px}.pdf-file-remove{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:color .2s,background .2s,border-color .2s;display:grid}.pdf-file-remove:hover:not(:disabled){color:#ffffffe6;background:#ffffff0f;border-color:#ffffff24}.pdf-file-remove:disabled{cursor:not-allowed;opacity:.4}.pdf-add-more{color:#ffffffb8;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.pdf-add-more span{font-size:18px;line-height:1}.pdf-add-more:hover{background:#ffffff0f;border-color:#ffffff24;transform:translateY(-1px)}.pdf-file-order{flex:none;align-items:center;gap:4px;display:flex}.pdf-file-move{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.pdf-file-move:hover:not(:disabled){color:#ffffffe6;background:#ffffff0f;border-color:#ffffff24;transform:translateY(-1px)}.pdf-file-move:disabled{cursor:not-allowed;opacity:.2}html.light .pdf-file-list{border-color:var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent)}html.light .pdf-file-list-title{color:var(--text)}html.light .pdf-file-list-title span{color:var(--muted)}html.light .pdf-file-item{border-color:var(--border);background:var(--surface)}html.light .pdf-file-item:hover{border-color:var(--border-strong);background:var(--surface-2)}html.light .pdf-file-thumb{border-color:var(--border);background:var(--surface-2)}html.light .pdf-file-number{background:var(--surface-3);color:var(--text-soft)}html.light .pdf-file-name{color:var(--text)}html.light .pdf-file-size{color:var(--muted)}html.light .pdf-file-remove{border-color:var(--border);color:var(--muted);background:0 0}html.light .pdf-file-remove:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}html.light .pdf-file-move{border-color:var(--border);color:var(--muted);background:0 0}html.light .pdf-file-move:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}html.light .pdf-add-more{border-color:var(--border);background:var(--surface);color:var(--text-soft)}html.light .pdf-add-more:hover{border-color:var(--border-strong);background:var(--surface-2)}.file-preview:has(.image-editor-rotated){box-sizing:border-box;height:auto;min-height:0;padding:10px;overflow:hidden}.image-editor-rotated{isolation:isolate;background:var(--surface-3);width:min(100%,860px);max-width:100%;box-shadow:0 18px 50px color-mix(in srgb, var(--shadow) 45%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:16px;flex:0 auto;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.image-editor-rotated.rotated-quarter .image-editor-image{object-fit:contain;width:auto;max-width:none;height:100%;max-height:none}.file-preview.image-editor-preview{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;max-height:720px;padding:10px;display:flex;overflow:hidden}.file-preview:has(.image-editor-rotated){box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:auto;min-height:0;max-height:720px;padding:10px;display:flex;overflow:hidden}.file-preview.image-editor-preview .crop-editor.image-editor-mode{justify-content:center;align-items:center;width:100%;height:auto;min-height:0;display:flex;overflow:visible}.image-editor-rotated{isolation:isolate;background:var(--surface-3);width:min(100%,860px);max-width:100%;height:auto;max-height:700px;box-shadow:0 18px 50px color-mix(in srgb, var(--shadow) 45%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:16px;flex:0 auto;position:relative;overflow:hidden}.image-editor-rotated .image-editor-image{z-index:1;object-fit:contain;object-position:center;border-radius:inherit;transform-origin:50%;width:100%;max-width:none;height:100%;max-height:none;transition:filter .25s,transform .35s cubic-bezier(.22,1,.36,1);display:block;position:relative}.image-editor-overlay{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.image-editor-overlay.drawing{pointer-events:auto;cursor:crosshair}.image-editor-panel{border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%), color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 24px 70px color-mix(in srgb, var(--shadow) 35%, transparent), inset 0 1px 0 #ffffff0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;margin-top:18px;padding:22px;position:relative}.image-editor-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.image-editor-head>div:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.image-editor-eyebrow{color:var(--accent);letter-spacing:.19em;font-size:9px;font-weight:900}.image-editor-head strong{color:var(--text);letter-spacing:-.035em;font-size:21px}.image-editor-head>div:first-child>span:last-child{color:var(--muted);font-size:11px}.image-editor-history{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 75%, transparent);border-radius:14px;flex-shrink:0;gap:7px;padding:5px;display:flex}.image-editor-history button{width:38px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;font-size:19px;transition:transform .2s,background .2s,border-color .2s,opacity .2s}.image-editor-history button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border);transform:translateY(-1px)}.image-editor-history button:disabled{opacity:.3;cursor:not-allowed}.image-editor-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.image-editor-action{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-3) 85%, transparent), color-mix(in srgb, var(--surface-2) 75%, transparent));min-height:68px;color:var(--muted);cursor:pointer;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 7px;transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s,border-color .22s,background .22s,box-shadow .22s;display:flex;box-shadow:inset 0 1px #ffffff09}.image-editor-action span{color:var(--text);font-size:23px;line-height:1}.image-editor-action small{white-space:nowrap;font-size:9px;font-weight:700}.image-editor-action:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-3));box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-2px)}.image-editor-action:active{transform:translateY(0)scale(.97)}.image-editor-action.active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 15%, var(--surface-3)), var(--surface-2));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 1px 0 #ffffff0d}.image-editor-action.active span{color:var(--accent)}.image-editor-subsection,.image-editor-adjustments{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 72%, transparent);border-radius:17px;margin-top:12px;padding:15px}.image-editor-section-title{color:var(--text);margin-bottom:12px;font-size:12px;font-weight:800}.image-editor-slider-row{grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:12px;display:grid}.image-editor-slider-row strong{border:1px solid var(--border);background:var(--surface-3);color:var(--accent);text-align:center;border-radius:10px;padding:8px 10px;font-size:11px}.image-editor-preset-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.image-editor-preset-grid button,.image-editor-filter-grid button,.image-editor-clear-size,.image-editor-draw-toolbar button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:11px;transition:transform .2s,color .2s,border-color .2s,background .2s}.image-editor-preset-grid button{min-height:35px;font-size:10px;font-weight:700}.image-editor-preset-grid button:hover,.image-editor-preset-grid button.active,.image-editor-filter-grid button:hover,.image-editor-filter-grid button.active,.image-editor-clear-size:hover,.image-editor-draw-toolbar button:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));transform:translateY(-1px)}.image-editor-preset-grid button.active,.image-editor-filter-grid button.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 5px 18px color-mix(in srgb, var(--accent) 8%, transparent)}.image-editor-range{margin-top:12px;display:block}.image-editor-range:first-of-type{margin-top:0}.image-editor-range>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.image-editor-range span{color:var(--muted);font-size:10px}.image-editor-range strong{color:var(--text-soft);font-size:10px}.image-editor-range input[type=range],.image-editor-mini-controls input[type=range],.image-editor-draw-toolbar input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.image-editor-filter-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.image-editor-filter-grid button{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:62px;font-size:9px;font-weight:700;display:flex}.filter-swatch{background:linear-gradient(135deg, var(--accent), var(--surface-3) 52%, var(--text));border-radius:9px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff1f}.filter-grayscale{filter:grayscale()}.filter-sepia{filter:sepia(.75)}.filter-vintage{filter:sepia(.25)saturate(.8)}.filter-warm{filter:sepia(.2)saturate(1.15)}.filter-cool{filter:hue-rotate(180deg)}.filter-dramatic{filter:contrast(1.35)saturate(1.15)}.filter-bw{filter:grayscale()contrast(1.2)}.image-editor-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-editor-size-grid label,.image-editor-mini-controls label{color:var(--muted);flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.image-editor-size-grid input,.image-editor-text-row input[type=text],.image-editor-text-row input:not([type]),.image-editor-mini-controls input[type=number]{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:11px;outline:none;padding:0 11px;transition:border-color .2s,box-shadow .2s,background .2s}.image-editor-size-grid input:focus,.image-editor-text-row input:focus,.image-editor-mini-controls input:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.image-editor-clear-size{min-height:34px;margin-top:10px;padding:0 12px;font-size:10px}.image-editor-text-row{grid-template-columns:minmax(0,1fr) 48px;gap:8px;display:grid}.image-editor-text-row input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;width:48px;height:40px;padding:4px}.image-editor-mini-controls{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;display:grid}.image-editor-draw-toolbar{grid-template-columns:auto 48px minmax(120px,1fr) auto;align-items:center;gap:8px;display:grid}.image-editor-draw-toolbar button{min-height:36px;padding:0 12px;font-size:10px;font-weight:700}.image-editor-draw-toolbar button.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.image-editor-draw-toolbar>input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:48px;height:36px;padding:4px}.image-editor-draw-toolbar label{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.image-editor-footer{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.image-editor-footer .download-button{width:100%;min-height:50px;box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 13%, transparent);border-radius:14px;font-size:12px;font-weight:800}@media (max-width:760px){.image-editor-panel{border-radius:20px;padding:15px}.image-editor-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.image-editor-preset-grid,.image-editor-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.image-editor-mini-controls{grid-template-columns:1fr 1fr}.image-editor-mini-controls label:first-child{grid-column:1/-1}.image-editor-draw-toolbar{grid-template-columns:1fr 48px}.image-editor-draw-toolbar label,.image-editor-draw-toolbar button:last-child{grid-column:1/-1}}@media (max-width:480px){.image-editor-head{align-items:flex-start}.image-editor-head strong{font-size:17px}.image-editor-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.image-editor-size-grid,.image-editor-text-row{grid-template-columns:1fr}.image-editor-text-row input[type=color]{width:100%}}.image-editor-range input[type=range],.image-editor-slider-row input[type=range],.image-editor-mini-controls input[type=range],.image-editor-draw-toolbar input[type=range]{appearance:none;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 78%, white 4%), color-mix(in srgb, var(--accent) 22%, var(--surface-3)));height:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 75%, transparent);border-radius:999px;outline:none;margin:8px 0 4px}.image-editor-range input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);cursor:grab;border-radius:50%}.image-editor-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);cursor:grab;border-radius:50%}.image-editor-mini-controls input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);cursor:grab;border-radius:50%}.image-editor-draw-toolbar input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);cursor:grab;border-radius:50%}.image-editor-range input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--accent);width:14px;height:14px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);cursor:grab;border-radius:50%}.image-editor-slider-row input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--accent);width:14px;height:14px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);cursor:grab;border-radius:50%}.image-editor-mini-controls input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--accent);width:14px;height:14px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);cursor:grab;border-radius:50%}.image-editor-draw-toolbar input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--accent);width:14px;height:14px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent);cursor:grab;border-radius:50%}.editor-number-control{border:1px solid var(--border);background:var(--surface);min-height:40px;box-shadow:inset 0 1px 0 #ffffff09, 0 4px 18px color-mix(in srgb, var(--shadow) 10%, transparent);border-radius:12px;grid-template-columns:32px minmax(0,1fr) 32px;align-items:stretch;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden}.editor-number-control:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent), 0 8px 24px color-mix(in srgb, var(--shadow) 12%, transparent)}.editor-number-control button{background:color-mix(in srgb, var(--surface-3) 72%, transparent);color:var(--text);cursor:pointer;border:0;border-radius:0;font-size:17px;font-weight:800;transition:background .18s,color .18s}.editor-number-control button:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface-3));color:var(--accent)}.editor-number-control input{text-align:center;border:0!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;min-width:0!important;min-height:40px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 5px!important}.editor-number-control input::-webkit-inner-spin-button{appearance:none;margin:0}.editor-number-control input::-webkit-outer-spin-button{appearance:none;margin:0}.editor-number-control input[type=number]{appearance:textfield}.editor-number-control.compact{grid-template-columns:28px minmax(0,1fr) 28px;min-height:34px}.editor-number-control.compact input{min-height:34px!important}.editor-color-picker{border:1px solid var(--border);background:conic-gradient(#ddd 25%, #fff 0 50%, #ddd 0 75%, #fff 0) 0 0 / 10px 10px;width:48px;height:40px;box-shadow:inset 0 0 0 1px #ffffff0d, 0 6px 18px color-mix(in srgb, var(--shadow) 12%, transparent);cursor:pointer;border-radius:12px;flex:0 0 48px;padding:3px;display:block;position:relative;overflow:hidden}.editor-color-picker input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.image-editor-draw-toolbar{grid-template-columns:auto 48px minmax(120px,1fr) auto auto}.image-editor-draw-toolbar .editor-color-picker{width:48px}.editor-color-picker-wrap{flex:none;width:48px;height:40px;position:relative;overflow:visible!important}.editor-color-picker-wrap .editor-color-picker{z-index:1;position:absolute;inset:0}.editor-color-native-input{z-index:2;opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.editor-color-picker{border:1px solid var(--border);background:conic-gradient(#ddd 25%, #fff 0 50%, #ddd 0 75%, #fff 0) 0 0 / 10px 10px;width:48px;height:40px;box-shadow:inset 0 0 0 1px #ffffff0d, 0 6px 18px color-mix(in srgb, var(--shadow) 12%, transparent);cursor:pointer;appearance:none;border-radius:12px;flex:0 0 48px;padding:3px;display:block;position:relative;overflow:hidden}.editor-color-picker:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));transform:translateY(-1px)}.editor-color-popover{z-index:80;border:1px solid color-mix(in srgb, var(--border-strong) 80%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--surface-3));width:236px;box-shadow:0 18px 50px color-mix(in srgb, var(--shadow) 42%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:14px;position:absolute;top:calc(100% + 10px);right:0}.editor-color-popover-title{color:var(--text);margin-bottom:10px;font-size:12px;font-weight:800}.editor-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:9px;width:27px;height:27px;padding:0;transition:transform .18s,border-color .18s;box-shadow:inset 0 0 0 1px #ffffff3d,0 3px 10px #0000001f}.editor-color-custom input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;border:1px solid var(--border)!important;background:var(--surface-3)!important;min-width:0!important;min-height:34px!important;color:var(--text)!important;box-shadow:none!important;border-radius:9px!important;padding:0 9px!important}.image-editor-overlay text{pointer-events:auto;-webkit-user-select:none;user-select:none}.image-editor-overlay.drawing text{cursor:grab}.image-editor-overlay.drawing:has(text:active) text{cursor:grabbing}.image-editor-overlay{cursor:crosshair}.image-editor-overlay circle{vector-effect:non-scaling-stroke}.editor-color-popover-fixed{box-sizing:border-box;width:250px;max-width:calc(100vw - 24px);top:auto;left:auto;right:auto;z-index:9999!important;position:fixed!important}.editor-color-picker-wrap{overflow:visible!important}.image-editor-overlay{pointer-events:auto}.image-editor-overlay:not(.drawing){cursor:default}.image-editor-overlay.drawing{cursor:crosshair}.image-editor-overlay.eraser-active{cursor:none}.image-editor-text-layer{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.image-editor-text-layer.dragging{cursor:grabbing}.editor-text-controls{grid-template-columns:repeat(5,minmax(110px,1fr))}.editor-text-controls select,.editor-text-style-grid select{border:1px solid var(--border);background:var(--surface-3);width:100%;min-height:38px;color:var(--text);border-radius:10px;margin-top:6px;padding:0 10px}.editor-text-style-grid>label:not(.editor-inline-toggle){color:var(--text-soft);flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.editor-inline-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-3) 88%, transparent);min-height:38px;color:var(--text-soft);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.editor-inline-toggle input{accent-color:var(--accent);width:16px!important;height:16px!important;min-height:16px!important}.image-editor-hint{color:var(--muted);margin-top:9px;font-size:10px}@media (max-width:900px){.editor-text-controls,.editor-text-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.editor-text-controls,.editor-text-style-grid{grid-template-columns:1fr}.editor-color-popover-fixed{width:min(250px,100vw - 24px)}}.editor-text-background-control{align-items:center;gap:7px;min-width:0;display:flex}.editor-text-background-control .editor-inline-toggle{flex:auto;min-width:0}.editor-color-picker-small{flex-basis:38px;width:38px;height:38px;padding:3px}.image-editor-panel,.image-editor-subsection,.image-editor-text-subsection,.image-editor-text-row,.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid,.image-editor-draw-toolbar{box-sizing:border-box;min-width:0;max-width:100%}.image-editor-panel{width:100%;overflow:visible}.image-editor-subsection{width:100%;position:relative;overflow:visible}.image-editor-text-row{grid-template-columns:minmax(0,1fr) 48px;align-items:center;width:100%}.image-editor-text-row>input,.editor-control-field,.editor-control-field select,.editor-control-field input,.editor-range-field,.editor-range-field input,.editor-control-toggle,.editor-number-control,.editor-number-control input{box-sizing:border-box;min-width:0;max-width:100%}.editor-text-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:10px;display:grid}.editor-control-field{width:100%;color:var(--muted);flex-direction:column;justify-content:flex-start;gap:6px;font-size:10px;font-weight:700;display:flex}.editor-control-field>span,.editor-range-field>span{min-height:13px;line-height:1.25;display:block}.editor-control-field select{border:1px solid var(--border);background:var(--surface-3);width:100%;height:40px;min-height:40px;color:var(--text);border-radius:11px;outline:none;margin:0;padding:0 10px}.editor-control-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-3) 88%, transparent);width:100%;min-height:40px;color:var(--text-soft);cursor:pointer;box-sizing:border-box;border-radius:11px;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:0 11px;font-size:11px;font-weight:700;transition:border-color .2s,background .2s,transform .2s;display:flex}.editor-control-toggle:hover,.editor-control-toggle.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-3))}.editor-control-toggle input{accent-color:var(--accent);flex:0 0 16px;margin:0;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important}.editor-control-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-size-field .editor-number-control{width:100%}.editor-text-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:10px;display:grid}.editor-text-background-control{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:7px;min-width:0;display:grid}.editor-text-background-control .editor-control-toggle{width:100%}.editor-range-field{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-3) 72%, transparent);width:100%;min-height:58px;color:var(--muted);border-radius:11px;flex-direction:column;justify-content:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.editor-range-field input[type=range]{width:100%;min-width:0;accent-color:var(--accent);margin:0;display:block}.editor-text-position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:10px;display:grid}.editor-color-picker-wrap{z-index:20;flex:0 0 48px;width:48px;min-width:48px;height:40px;display:block;position:relative;overflow:visible!important}.editor-color-picker-wrap-small{flex-basis:38px;width:38px;min-width:38px;height:38px}.editor-color-picker-wrap .editor-color-picker{z-index:21;width:100%;height:100%;position:relative;inset:auto}.editor-color-picker{border:1px solid var(--border);background:repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 50% / 10px 10px;width:48px;height:40px;color:var(--text);cursor:pointer;appearance:none;box-sizing:border-box;border-radius:12px;padding:3px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;overflow:hidden}.editor-color-picker span{border-radius:8px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff3d,0 0 0 1px #00000024}.editor-color-popover,.editor-color-popover-fixed{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border-strong) 82%, transparent);background:color-mix(in srgb, var(--surface) 97%, var(--surface-3));width:250px;max-width:min(250px,100vw - 32px);max-height:min(320px,100vh - 32px);box-shadow:0 18px 48px color-mix(in srgb, var(--shadow) 44%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(18px);border-radius:16px;padding:14px;overflow-y:auto;z-index:200!important;position:absolute!important;inset:calc(100% + 9px) 0 auto auto!important}.editor-color-popover-align-left{left:0!important;right:auto!important}.editor-color-popover-align-right{left:auto!important;right:0!important}.editor-color-popover-title{color:var(--text);text-align:right;margin-bottom:10px;font-size:12px;font-weight:800}.editor-color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:9px;width:100%;min-width:0;min-height:28px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:inset 0 0 0 1px #ffffff3d,0 3px 10px #0000001f}.editor-color-swatch:hover{transform:scale(1.06)}.editor-color-custom{grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:7px;margin-top:12px;display:grid}.editor-color-custom>span{color:var(--muted);font-size:10px;font-weight:800}.editor-color-custom input{box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;border:1px solid var(--border)!important;background:var(--surface-3)!important;width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;color:var(--text)!important;box-shadow:none!important;border-radius:9px!important;padding:0 9px!important}.editor-color-custom button{border:1px solid var(--border);background:var(--surface-3);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;padding:0}.editor-color-custom button:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));color:var(--accent)}.image-editor-draw-toolbar{grid-template-columns:minmax(0,1.35fr) 48px minmax(100px,1fr) minmax(86px,auto) minmax(86px,auto);align-items:center;gap:8px;width:100%;display:grid}.image-editor-draw-toolbar>*{min-width:0;max-width:100%}.editor-draw-width-field{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.editor-draw-width-field span{flex:none}.editor-draw-width-field input[type=range]{width:100%;min-width:0}@media (max-width:900px){.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-editor-draw-toolbar{grid-template-columns:minmax(0,1fr) 48px}.image-editor-draw-toolbar .editor-draw-width-field,.image-editor-draw-toolbar>button:last-child,.image-editor-draw-toolbar>button:nth-last-child(2){grid-column:span 2}}@media (max-width:560px){.image-editor-panel{padding:14px}.image-editor-subsection{padding:12px}.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid{grid-template-columns:1fr}.editor-color-popover,.editor-color-popover-fixed{width:236px;max-width:calc(100vw - 28px)}}.image-editor-text-subsection,.image-editor-subsection{isolation:isolate;position:relative}.editor-color-picker-wrap{z-index:50;position:relative!important;overflow:visible!important}.editor-color-popover,.editor-color-popover-fixed{animation:.18s cubic-bezier(.22,1,.36,1) both klymb-color-pop;z-index:300!important;top:var(--editor-color-top)!important;left:var(--editor-color-left)!important;box-sizing:border-box!important;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border-strong))!important;background:linear-gradient(145deg, color-mix(in srgb, var(--surface-3) 96%, transparent), color-mix(in srgb, var(--surface) 98%, transparent))!important;width:250px!important;max-width:calc(100vw - 20px)!important;max-height:min(330px,100vh - 20px)!important;box-shadow:0 22px 55px #00000061, 0 8px 24px color-mix(in srgb, var(--shadow) 28%, transparent), inset 0 1px 0 #ffffff14!important;-webkit-backdrop-filter:blur(22px)saturate(135%)!important;border-radius:17px!important;margin:0!important;padding:13px!important;position:fixed!important;bottom:auto!important;right:auto!important;overflow:hidden!important}@keyframes klymb-color-pop{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.editor-color-popover-fixed{top:calc(100% + 9px)!important;bottom:auto!important}.editor-color-popover-title{min-height:28px;color:var(--text);letter-spacing:.01em;justify-content:space-between;align-items:center;margin:0 0 11px;padding:0 2px;font-size:11px;font-weight:800;display:flex}.editor-color-swatches{width:100%;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.editor-color-swatch{aspect-ratio:1;position:relative;border:2px solid #0000!important;border-radius:10px!important;width:100%!important;min-width:0!important;min-height:31px!important;padding:0!important;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s!important;box-shadow:inset 0 0 0 1px #ffffff38,0 4px 12px #0000002e!important}.editor-color-swatch:hover{filter:brightness(1.08)saturate(1.08);transform:translateY(-2px)scale(1.06)!important;box-shadow:inset 0 0 0 1px #ffffff5c,0 8px 18px #00000040!important}.editor-color-swatch.selected{box-shadow:0 0 0 2px var(--accent), 0 7px 18px #00000040, inset 0 0 0 1px #ffffff8c!important;border-color:#fff!important}.editor-color-custom{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);align-items:center;gap:7px;padding-top:11px;grid-template-columns:auto minmax(0,1fr) 36px!important;margin-top:12px!important;display:grid!important}.editor-color-custom>span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:800}.editor-color-custom input{direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface-2) 82%, transparent)!important;width:100%!important;height:35px!important;min-height:35px!important;color:var(--text)!important;border-radius:10px!important;outline:none!important;padding:0 10px!important;box-shadow:inset 0 1px 2px #0000001f!important}.editor-color-custom button{color:var(--text);font-size:14px;font-weight:900;transition:all .18s;border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface-3) 90%, transparent)!important;border-radius:10px!important;width:36px!important;height:35px!important;padding:0!important}.editor-color-custom button:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface-3));color:var(--accent);transform:translateY(-1px)}.image-editor-text-subsection{box-shadow:inset 0 1px #ffffff09,0 10px 30px #00000014;background:linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 94%, transparent), color-mix(in srgb, var(--surface-3) 70%, transparent))!important;border:1px solid color-mix(in srgb, var(--border) 92%, transparent)!important;border-radius:18px!important;padding:16px!important}.image-editor-text-subsection .image-editor-section-title{align-items:center;gap:9px;display:flex;color:var(--text)!important;margin-bottom:12px!important;font-size:12px!important;font-weight:900!important}.image-editor-text-subsection .image-editor-section-title:before{content:"";background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 45%, transparent));width:4px;height:17px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;flex:0 0 4px}.image-editor-text-row{align-items:center;width:100%;grid-template-columns:minmax(0,1fr) 48px!important;gap:9px!important;display:grid!important}.image-editor-text-row>input{border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface-3) 72%, transparent)!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;color:var(--text)!important;border-radius:13px!important;outline:none!important;padding:0 13px!important;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s!important}.editor-color-picker{border-color:color-mix(in srgb, var(--border) 90%, transparent)!important;background:color-mix(in srgb, var(--surface-3) 92%, transparent)!important;border-radius:13px!important;width:100%!important;height:100%!important;padding:3px!important}.editor-color-picker span{box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #0000002e;border-radius:9px!important}.editor-control-field,.editor-control-toggle,.editor-range-field{width:100%!important;min-width:0!important}.editor-control-field>span,.editor-range-field>span{padding-inline:2px;color:var(--muted)!important;font-size:9px!important;font-weight:800!important}.editor-control-field select{outline:none;transition:all .2s;box-shadow:inset 0 1px #ffffff06;border-color:var(--border)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 94%, transparent), color-mix(in srgb, var(--surface-2) 94%, transparent))!important;border-radius:12px!important;height:42px!important;min-height:42px!important;padding:0 11px!important}.editor-control-field select:hover,.editor-control-field select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent), inset 0 1px 0 #ffffff09;border-color:color-mix(in srgb, var(--accent) 45%, var(--border))!important}.editor-control-toggle{height:42px;border-color:var(--border)!important;background:color-mix(in srgb, var(--surface-3) 78%, transparent)!important;border-radius:12px!important;min-height:42px!important;padding:0 11px!important;transition:transform .18s,border-color .2s,background .2s,box-shadow .2s!important}.editor-control-toggle:hover{transform:translateY(-1px)}.editor-control-toggle.active{box-shadow:inset 0 1px 0 #ffffff0d, 0 7px 18px color-mix(in srgb, var(--accent) 7%, transparent);border-color:color-mix(in srgb, var(--accent) 50%, var(--border))!important;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, var(--surface-3)), color-mix(in srgb, var(--surface-3) 92%, transparent))!important}.editor-control-toggle input{accent-color:var(--accent)!important}.editor-text-style-grid,.editor-text-position-grid{gap:9px!important;margin-top:9px!important}.editor-range-field{box-shadow:inset 0 1px #ffffff06;border-color:var(--border)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 80%, transparent), color-mix(in srgb, var(--surface-2) 72%, transparent))!important;border-radius:12px!important;min-height:62px!important;padding:9px 11px!important}.editor-range-field input[type=range]{height:18px;accent-color:var(--accent);cursor:pointer}.editor-text-position-grid{padding-top:2px}.editor-text-position-grid .editor-range-field:before{content:"موقعیت";color:color-mix(in srgb, var(--accent) 72%, var(--muted));letter-spacing:.05em;margin-bottom:-2px;font-size:8px;font-weight:800;display:block}.image-editor-draw-toolbar{grid-template-columns:minmax(0,1fr) 48px minmax(90px,1fr)!important;gap:9px!important}.image-editor-draw-toolbar>button{border-radius:12px;min-height:42px}@media (max-width:900px){.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:560px){.image-editor-text-subsection{padding:13px!important}.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid{grid-template-columns:1fr!important}.image-editor-text-row{grid-template-columns:minmax(0,1fr) 46px!important}.editor-color-popover,.editor-color-popover-fixed{width:236px!important;max-width:calc(100vw - 28px)!important}}.editor-color-popover{top:var(--editor-color-top)!important;left:var(--editor-color-left)!important;z-index:10000!important;box-sizing:border-box!important;border:1px solid color-mix(in srgb, var(--border-strong) 72%, transparent)!important;background:color-mix(in srgb, var(--surface) 96%, var(--surface-3))!important;-webkit-backdrop-filter:blur(14px)!important;border-radius:14px!important;width:236px!important;max-width:min(236px,100vw - 20px)!important;max-height:min(300px,100vh - 20px)!important;padding:11px!important;position:fixed!important;bottom:auto!important;right:auto!important;overflow:hidden!important;box-shadow:0 14px 34px #0000004d,inset 0 1px #ffffff0b!important}.editor-color-popover-title{color:var(--text)!important;text-align:right!important;margin:0 2px 9px!important;font-size:11px!important;font-weight:750!important;line-height:1.4!important}.editor-color-swatches{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;display:grid!important}.editor-color-swatch{border:1px solid #ffffff1f!important;border-radius:8px!important;width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;padding:0!important;transition:transform .14s,border-color .14s,box-shadow .14s!important;box-shadow:inset 0 0 0 1px #ffffff1f!important}.editor-color-swatch:hover{border-color:#ffffff8c!important;transform:translateY(-1px)!important}.editor-color-swatch.selected{border-color:var(--text)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 48%, transparent), inset 0 0 0 1px #ffffff73!important}.editor-color-custom{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent)!important;grid-template-columns:30px minmax(0,1fr) 32px!important;align-items:center!important;gap:6px!important;margin-top:10px!important;padding-top:9px!important;display:grid!important}.editor-color-custom>span{color:var(--muted)!important;text-align:center!important;font-size:9px!important;font-weight:750!important}.editor-color-custom input{border:1px solid var(--border)!important;background:var(--surface-3)!important;width:100%!important;height:32px!important;min-height:32px!important;color:var(--text)!important;border-radius:8px!important;outline:none!important;padding:0 8px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important}.editor-color-custom input:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border))!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 9%, transparent)!important}.editor-color-custom button{border:1px solid var(--border)!important;background:var(--surface-3)!important;width:32px!important;height:32px!important;color:var(--text)!important;cursor:pointer!important;border-radius:8px!important;padding:0!important;font-size:13px!important;transition:border-color .14s,background .14s!important}.editor-color-custom button:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))!important;background:color-mix(in srgb, var(--accent) 8%, var(--surface-3))!important}.image-editor-text-subsection{background:color-mix(in srgb, var(--surface) 97%, var(--surface-3))!important;border:1px solid color-mix(in srgb, var(--border) 82%, transparent)!important;box-shadow:none!important;border-radius:15px!important;padding:15px!important}.image-editor-text-subsection .image-editor-section-title{color:var(--text)!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;margin:0 0 12px!important;font-size:12px!important;font-weight:800!important;display:flex!important}.image-editor-text-subsection .image-editor-section-title:before{content:""!important;background:var(--accent)!important;width:3px!important;height:16px!important;box-shadow:none!important;border-radius:99px!important}.image-editor-text-row{grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;margin:0!important;display:grid!important}.image-editor-text-row>input{border:1px solid var(--border)!important;background:var(--surface-3)!important;width:100%!important;height:42px!important;min-height:42px!important;color:var(--text)!important;box-shadow:none!important;border-radius:10px!important;outline:none!important;padding:0 12px!important;font-size:12px!important;transition:border-color .16s,background .16s!important}.image-editor-text-row>input::placeholder{color:var(--muted)!important}.image-editor-text-row>input:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border))!important;background:color-mix(in srgb, var(--surface-3) 92%, var(--accent))!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent)!important}.editor-color-picker-wrap{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:42px!important}.editor-color-picker{width:44px!important;height:42px!important;box-shadow:none!important;border-radius:10px!important;padding:3px!important;transition:border-color .16s,transform .16s!important}.editor-color-picker:hover,.editor-color-picker.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 8%, transparent)!important;transform:none!important}.editor-text-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important;display:grid!important}.editor-control-field{gap:5px!important}.editor-control-field>span,.editor-range-field>span{min-height:auto!important;color:var(--muted)!important;font-size:9px!important;font-weight:700!important}.editor-control-field select,.editor-number-control.compact,.editor-control-toggle{height:38px!important;min-height:38px!important;box-shadow:none!important;border-radius:9px!important}.editor-control-field select{border:1px solid var(--border)!important;background:var(--surface-3)!important;color:var(--text)!important;outline:none!important;margin:0!important;padding:0 9px!important;font-size:11px!important}.editor-control-field select:focus{border-color:color-mix(in srgb, var(--accent) 52%, var(--border))!important}.editor-control-toggle{border:1px solid var(--border)!important;background:var(--surface-3)!important;width:100%!important;color:var(--text-soft)!important;box-shadow:none!important;margin:0!important;padding:0 10px!important;font-size:10px!important;font-weight:700!important;transition:border-color .16s,background .16s!important}.editor-control-toggle:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border))!important;transform:none!important}.editor-control-toggle.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))!important;background:color-mix(in srgb, var(--accent) 8%, var(--surface-3))!important}.editor-control-toggle input{width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important}.editor-text-controls .editor-number-control{border:1px solid var(--border)!important;background:var(--surface-3)!important;border-radius:9px!important;grid-template-columns:34px minmax(0,1fr) 34px!important;width:100%!important;height:38px!important;min-height:38px!important;display:grid!important;overflow:hidden!important}.editor-text-controls .editor-number-control button{width:34px!important;height:38px!important;min-height:38px!important;color:var(--text-soft)!important;background:0 0!important;border:0!important;padding:0!important}.editor-text-controls .editor-number-control button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)!important;color:var(--text)!important}.editor-text-controls .editor-number-control input{border:0!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;color:var(--text)!important;text-align:center!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 4px!important}.editor-text-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;display:grid!important}.editor-text-background-control{grid-template-columns:minmax(0,1fr) 38px!important;align-items:center!important;gap:6px!important;display:grid!important}.editor-color-picker-small{border-radius:9px!important;flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}.editor-text-style-grid .editor-range-field{background:var(--surface-3)!important;min-height:54px!important;box-shadow:none!important;border-radius:9px!important;gap:6px!important;padding:7px 9px!important}.editor-text-style-grid .editor-range-field input[type=range]{width:100%!important;min-width:0!important}.editor-text-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;display:grid!important}.editor-text-position-grid .editor-range-field{background:var(--surface-3)!important;min-height:54px!important;box-shadow:none!important;border-radius:9px!important;padding:7px 9px!important}.image-editor-hint{color:var(--muted)!important;text-align:right!important;margin-top:8px!important;font-size:9px!important}.image-editor-text-subsection,.image-editor-text-subsection *{box-sizing:border-box;min-width:0}@media (max-width:620px){.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid{grid-template-columns:1fr!important}.editor-color-popover{max-width:calc(100vw - 20px)!important}}.editor-color-popover{z-index:99999!important;width:236px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;margin:0!important;position:fixed!important;inset:65% auto auto 50%!important;overflow:auto!important;transform:translate(-50%,-50%)!important}.editor-color-popover.editor-color-popover-align-left,.editor-color-popover.editor-color-popover-align-right{inset:90% auto auto 50%!important;transform:translate(-50%,-50%)!important}.editor-color-picker-wrap{position:static!important}.video-converter-workspace{grid-column:1/-1;width:100%;min-width:0;padding:28px}.video-converter-workspace .convert-panel-head{margin-bottom:20px}.video-drop-zone{gap:16px;min-height:280px;padding:28px 20px}.video-drop-zone.file-mode{flex-direction:column;display:flex}.video-player{border-radius:var(--radius-md);object-fit:contain;background:#000;width:100%;max-height:420px;display:block}.video-filename{overflow-wrap:anywhere;max-width:100%;color:var(--text)}.video-file-details{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:13px;display:flex}.video-hint{color:var(--muted);text-align:center;margin:8px 0;font-size:12px;line-height:1.8}.video-format-badge{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);padding:8px 12px;font-size:12px}.video-controls{flex-direction:column;gap:16px;margin-top:20px;display:flex}.video-format-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.video-format-row .convert-format-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);cursor:pointer;flex-direction:column;gap:6px;padding:18px;display:flex}.video-format-row .convert-format-button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-3))}.video-format-row .convert-format-button span{color:var(--muted);font-size:12px}.video-process-button{border-radius:var(--radius-sm);background:var(--accent);width:100%;min-height:50px;color:var(--bg);font:inherit;cursor:pointer;border:0;font-weight:800}.video-converter-workspace button:disabled,.video-disabled{opacity:.55;cursor:wait}.video-progress-panel{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:20px;padding:18px;display:grid}.video-progress-panel>span{grid-column:1/-1;font-size:13px}.video-progress-panel progress{width:100%;height:12px;accent-color:var(--accent)}.video-result{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);flex-direction:column;gap:16px;margin-top:24px;padding:20px;display:flex}.video-download{justify-content:center;align-items:center;min-height:48px;text-decoration:none;display:flex}@media (max-width:620px){.video-converter-workspace{padding:16px}.video-drop-zone{padding:20px 12px}.video-format-row{grid-template-columns:1fr}.video-file-details{gap:8px 12px;font-size:11px}}.custom-number-input input[type=number]{appearance:textfield}.custom-number-input input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.custom-number-input input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.custom-number-input{align-items:center;display:flex;position:relative}.custom-number-input input{padding-left:82px!important;padding-right:42px!important}.resize-stepper{z-index:4;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:18px;line-height:1;transition:background .16s,border-color .16s,opacity .16s,transform .16s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.resize-stepper:hover:not(:disabled){transform:translateY(-50%)scale(1.04)}.resize-stepper:active:not(:disabled){transform:translateY(-50%)scale(.94)}.resize-stepper:disabled{opacity:.28;cursor:not-allowed}.resize-stepper-minus{left:42px}.resize-stepper-plus{left:76px}.resize-input-unit{z-index:3;pointer-events:none;opacity:.55;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}html.dark .resize-stepper{color:#ffffffdb;background:#ffffff12;border:1px solid #ffffff14}html.dark .resize-stepper:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}html.light .resize-stepper{color:#222;background:#1414190e;border:1px solid #1414191f}html.light .resize-stepper:hover:not(:disabled){background:#1414191a;border-color:#14141933}.convert-panel{border-radius:20px;width:100%;margin-bottom:18px;padding:18px;position:relative;overflow:hidden}html.dark .convert-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 6.5%, transparent), #ffffff05);border:1px solid #ffffff13}html.light .convert-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 5.5%, transparent), #14141904);border:1px solid #14141917}.convert-panel:before{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-100px}.convert-panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex;position:relative}.convert-panel-title{flex-direction:column;gap:4px;display:flex}.convert-eyebrow{letter-spacing:.11em;opacity:.4;text-align:right;direction:ltr;font-size:9px}.convert-panel-title strong{font-size:13px}.convert-source{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:66px;height:52px;padding:0 10px;display:flex}html.dark .convert-source{background:#ffffff0b;border:1px solid #ffffff12}html.light .convert-source{background:#14141909;border:1px solid #14141914}.convert-source span{letter-spacing:.1em;opacity:.35;font-size:7px}.convert-source strong{font-size:11px}.convert-format-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.convert-format{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:58px;font-family:inherit;font-size:10px;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative}html.dark .convert-format{color:#ffffffb3;background:#ffffff09;border-color:#fff1}html.light .convert-format{color:#141419ad;background:#14141906;border-color:#14141913}.convert-format:hover:not(:disabled){transform:translateY(-1px)}html.dark .convert-format:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1f}html.light .convert-format:hover:not(:disabled){background:#1414190d;border-color:#14141921}.convert-format.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:inset 0 0 20px color-mix(in srgb, var(--accent) 3.5%, transparent)}html.light .convert-format.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 8.5%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.convert-format:disabled{cursor:not-allowed;opacity:.55}.convert-format-icon{direction:ltr;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:flex}html.dark .convert-format-icon{background:#ffffff0f}html.light .convert-format-icon{background:#1414190f}.convert-format.active .convert-format-icon{background:color-mix(in srgb, var(--accent) 20%, transparent)}.convert-format-check{color:var(--accent);font-size:8px;position:absolute;top:6px;right:7px}.convert-flow{opacity:.55;direction:ltr;align-items:center;gap:9px;height:30px;margin-top:12px;font-size:9px;display:flex}.convert-flow strong{color:var(--accent);font-size:10px}.convert-flow-line{opacity:.25;background:currentColor;flex:1;height:1px;position:relative;overflow:hidden}.convert-flow-line i{background:var(--accent);width:30%;height:100%;animation:1.8s ease-in-out infinite convertFlow;position:absolute;top:0;left:0}@keyframes convertFlow{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(350%)}}.convert-quality{border-top:1px solid #8080801a;margin-top:15px;padding-top:15px}.convert-quality-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.convert-quality-head>div{flex-direction:column;gap:3px;display:flex}.convert-quality-head strong{font-size:11px}.convert-quality-head span{opacity:.42;font-size:9px}.convert-quality-value{min-width:48px;height:29px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 17%, transparent);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;display:flex;font-size:10px!important}.convert-quality-range{width:100%;height:5px;accent-color:var(--accent);cursor:pointer;margin-top:13px}.convert-quality-range:disabled{cursor:not-allowed;opacity:.3}.convert-quality-scale{opacity:.3;justify-content:space-between;align-items:center;margin-top:5px;font-size:8px;display:flex}.resize-live-preview{border-radius:20px;width:100%;margin-bottom:18px;padding:16px;position:relative;overflow:hidden}html.dark .resize-live-preview{background:linear-gradient(135deg,#ffffff0b,#ffffff05);border:1px solid #ffffff13}html.light .resize-live-preview{background:linear-gradient(135deg,#14141909,#14141904);border:1px solid #14141917}.resize-live-preview-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.resize-live-preview-head>div:first-child{flex-direction:column;gap:3px;display:flex}.resize-live-label{letter-spacing:.08em;text-transform:uppercase;opacity:.48;font-size:11px}.resize-live-preview-head strong{align-items:center;gap:9px;font-size:13px;display:flex}.resize-preview-arrow{opacity:.4;font-size:16px}.resize-live-scale{border-radius:10px;justify-content:center;align-items:center;min-width:58px;height:34px;padding:0 10px;font-size:12px;font-weight:700;display:flex}html.dark .resize-live-scale{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}html.light .resize-live-scale{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 16%, transparent)}.resize-live-canvas{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:150px;display:grid}.resize-live-side{text-align:center;flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.resize-live-side>span{opacity:.48;font-size:10px}.resize-live-side>strong{opacity:.7;white-space:nowrap;font-size:10px}.resize-live-thumb{background:repeating-conic-gradient(#80808017 0% 25%,#0000 0% 50%) 50%/16px 16px;border-radius:13px;justify-content:center;align-items:center;width:155px;max-width:155px;height:90px;transition:width .18s,height .18s;display:flex;position:relative;overflow:hidden}.resize-live-thumb.original,.resize-live-thumb.output{flex:none}html.dark .resize-live-thumb{border:1px solid #ffffff17;box-shadow:inset 0 0 30px #00000029}html.light .resize-live-thumb{border:1px solid #1414191a;box-shadow:inset 0 0 30px #0000000a}.resize-live-thumb img{object-fit:cover;width:100%;height:100%;display:block}.resize-live-thumb.output img{object-fit:contain}.resize-live-arrow{opacity:.35;font-size:20px;transform:translateY(-12px)}.resize-live-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:11px;font-size:10px;display:flex}html.dark .resize-live-footer{border-top:1px solid #ffffff0f}html.light .resize-live-footer{border-top:1px solid #14141912}.resize-live-footer span{opacity:.48}.resize-live-footer strong{opacity:.7}.resize-preset.active{transform:translateY(-1px)}html.dark .resize-preset.active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 42%, transparent);color:var(--accent)}html.light .resize-preset.active{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent)}.resize-aspect{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex;position:relative}.resize-aspect>input{clip:rect(0,0,0,0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.resize-check{border-radius:6px;justify-content:center;align-items:center;width:21px;min-width:21px;height:21px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.resize-check>span{opacity:0;font-size:13px;font-weight:900;line-height:1;transition:opacity .14s,transform .14s;transform:scale(.55)}html.dark .resize-check{color:#fff;background:#ffffff0b;border:1px solid #fff3}html.light .resize-check{color:#fff;background:#fff;border:1px solid #1414193d}.resize-aspect:hover .resize-check{transform:scale(1.04)}.resize-aspect.checked .resize-check{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 25%, transparent)}.resize-aspect.checked .resize-check>span{opacity:1;transform:scale(1)}.resize-aspect-copy{flex-direction:column;gap:3px;display:flex}.resize-aspect-copy strong{font-size:12px}.resize-aspect-copy small{opacity:.48;font-size:10px;line-height:1.6}.toolbox-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:28px;margin-bottom:14px;display:flex}.tool-search{flex:none;align-items:center;width:min(320px,100%);height:48px;display:flex;position:relative}.tool-search input{border-radius:14px;outline:none;width:100%;height:100%;padding:0 42px;font-family:inherit;font-size:12px;transition:border-color .16s,background .16s,box-shadow .16s}html.dark .tool-search input{color:#fff;background:#ffffff0b;border:1px solid #ffffff13}html.light .tool-search input{color:#202024;background:#14141909;border:1px solid #14141917}.tool-search-icon{z-index:2;opacity:.48;pointer-events:none;font-size:19px;position:absolute;left:15px}.tool-search-clear{cursor:pointer;opacity:.45;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:17px;display:flex;position:absolute;right:11px}.tool-categories{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.tool-categories::-webkit-scrollbar{display:none}.tool-categories button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex:none;height:40px;padding:0 15px;font-family:inherit;font-size:11px;transition:background .16s,border-color .16s,color .16s}html.dark .tool-categories button{color:#ffffff85}html.light .tool-categories button{color:#14141985}html.dark .tool-categories button:hover{color:#fff;background:#ffffff0b}html.light .tool-categories button:hover{color:#202024;background:#1414190a}.tool-categories button.active{color:#fff;background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}html.light .tool-categories button.active{color:var(--accent)}.tools-result-meta{align-items:center;gap:10px;margin-bottom:13px;font-size:10px;display:flex}.tools-result-meta>span:first-child{opacity:.7;font-weight:700}.tools-result-meta>span:last-child{opacity:.35}.tools-result-line{opacity:.3;background:currentColor;border-radius:50%;width:4px;height:4px}.tool-access-notice{border-radius:15px;align-items:center;gap:12px;min-height:64px;margin-bottom:13px;padding:10px 13px;animation:.22s both toolNoticeIn;display:flex}html.dark .tool-access-notice{background:#ffffff09;border:1px solid #fff1}html.light .tool-access-notice{background:#14141908;border:1px solid #14141913}.tool-access-notice.premium{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 3.5%, transparent));border-color:color-mix(in srgb, var(--accent) 18%, transparent)}.tool-access-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:15px;display:flex}.tool-access-notice.premium .tool-access-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent)}.tool-access-notice.soon .tool-access-icon{opacity:.55;background:#ffffff0a}.tool-access-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.tool-access-copy strong{font-size:11px}.tool-access-copy span{opacity:.45;font-size:9px}.tool-access-notice>button{cursor:pointer;opacity:.38;background:0 0;border:0;border-radius:8px;width:29px;height:29px;margin-left:auto;font-size:17px}.tool-card{position:relative;overflow:hidden}.tool-card.tool-premium{isolation:isolate}.tool-card.tool-premium:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 48%);transition:opacity .18s;position:absolute;inset:0}.tool-card.tool-premium:hover:before{opacity:1}.tool-content{min-width:0}.tool-name{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tool-formats{letter-spacing:.04em;opacity:.3;text-align:right;direction:ltr;margin-top:6px;font-size:8px;display:block}.tool-premium-badge{letter-spacing:.05em;height:18px;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:6px;align-items:center;padding:0 6px;font-size:7px;font-weight:800;display:inline-flex}.tool-card-side{flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.tool-lock{width:25px;height:25px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;justify-content:center;align-items:center;font-size:8px;display:flex}.tool-coming{letter-spacing:.08em;opacity:.3;font-size:7px;font-weight:800}.pricing-section{margin-top:130px;margin-bottom:40px}.pricing-heading{margin-bottom:28px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pricing-card{border-radius:25px;flex-direction:column;min-height:290px;padding:25px;display:flex;position:relative;overflow:hidden}html.dark .pricing-card{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #ffffff12}html.light .pricing-card{background:linear-gradient(145deg,#1414190a,#14141904);border:1px solid #14141914}.pricing-card.premium-card{background:radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, transparent), color-mix(in srgb, var(--accent) 2.5%, transparent));border-color:color-mix(in srgb, var(--accent) 20%, transparent)}.pricing-top{justify-content:space-between;align-items:center;display:flex}.pricing-label{letter-spacing:.12em;opacity:.48;font-size:9px;font-weight:800}.premium-card .pricing-label{color:var(--accent);opacity:.9}.pricing-icon{background:color-mix(in srgb, var(--accent) 9%, transparent);width:34px;height:34px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.pricing-card h3{letter-spacing:-.04em;margin:28px 0 8px;font-size:22px}.pricing-card p{opacity:.5;max-width:400px;margin:0;font-size:11px;line-height:1.9}.pricing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:25px;display:grid}.pricing-features span{opacity:.58;font-size:10px}.premium-card .pricing-features span{opacity:.72}.pricing-coming{height:25px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:8px;align-items:center;padding:0 9px;font-size:8px;display:flex;position:absolute;top:25px;right:76px}.tools-empty{text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}html.dark .tools-empty{background:#ffffff06;border:1px solid #ffffff0f}html.light .tools-empty{background:#14141906;border:1px solid #14141912}.tools-empty-icon{width:48px;height:48px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:15px;justify-content:center;align-items:center;margin-bottom:5px;font-size:25px;display:flex}.tools-empty strong{font-size:14px}.tools-empty span{opacity:.45;font-size:11px}.tools-empty button{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);height:36px;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);cursor:pointer;border-radius:10px;margin-top:9px;padding:0 14px;font-family:inherit;font-size:10px}@keyframes toolNoticeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.toolbox-controls{flex-direction:column;align-items:stretch}.tool-search,.tool-categories{width:100%}.pricing-grid{grid-template-columns:1fr}}@media (max-width:600px){.convert-panel{padding:14px}.convert-panel-head{align-items:flex-start}.convert-format-row{gap:6px}.convert-format{min-height:53px}.convert-format-icon{width:24px;height:24px}.resize-live-canvas{grid-template-columns:1fr;gap:9px}.resize-live-arrow{transform:rotate(90deg)}.resize-live-thumb{max-width:190px}.resize-live-footer{flex-direction:column;align-items:flex-start}.custom-number-input input{padding-left:78px!important}.resize-stepper-minus{left:40px}.resize-stepper-plus{left:73px}.tool-categories button{padding:0 13px}.tool-premium-badge{font-size:6px}.tool-access-notice{align-items:flex-start}.tool-access-copy{padding-top:2px}.pricing-features{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scrollbar-gutter:stable}.toolbox-controls{flex-wrap:wrap}.tool-search{min-width:0}.tool-search input{color:var(--text);background:var(--surface-2);border:1px solid var(--border);text-align:right}.tool-search-icon{color:var(--muted);opacity:1;left:auto;right:15px}.tool-search-clear{color:var(--muted);left:11px;right:auto}.tool-search-clear:hover{color:var(--text);background:var(--surface-3);opacity:1}.tool-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.tool-categories,.file-details,.file-info,.pdf-file-item{min-width:0}.file-name,.pdf-file-name{overflow-wrap:anywhere}.file-info{gap:12px}.file-info>button{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:not-allowed}:is(.choose-button:has(input:disabled),.pdf-add-more:has(input:disabled)){opacity:.55;cursor:not-allowed}.tool-card:disabled{cursor:wait;opacity:.65}@media (max-width:900px){.toolbox-controls{align-items:stretch;gap:12px}.tool-search,.tool-categories{width:100%}}.editor-color-popover,.editor-color-popover.editor-color-popover-align-left,.editor-color-popover.editor-color-popover-align-right{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.video-compression-settings{gap:12px;margin-top:18px;display:grid}.video-resolution-label{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.video-resolution-label select{border:1px solid var(--border);background:var(--bg);max-width:65%;color:var(--text);font:inherit;border-radius:12px;padding:10px}.video-size-comparison{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.video-size-comparison strong{color:var(--accent);flex-basis:100%;line-height:1.8}.video-compression-settings{border-top:1px solid var(--border);gap:16px;padding-top:20px}.compression-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.compression-section-heading strong{color:var(--text);font-size:14px}.compression-section-heading>span{color:var(--muted);font-size:11px}.compression-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.compression-quality-card{text-align:right;min-width:0;font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:16px;flex-direction:column;gap:14px;padding:16px 13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.compression-quality-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}.compression-quality-card.active{border-color:var(--accent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 14%, var(--surface-2)), var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 8%, transparent)}.compression-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.compression-quality-symbol{box-sizing:border-box;background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:9px;align-items:flex-end;gap:3px;width:34px;height:32px;padding:7px;display:flex}.compression-quality-symbol i{background:var(--accent);border-radius:2px;width:4px;display:block}.compression-quality-symbol i:first-child{height:7px}.compression-quality-symbol i:nth-child(2){height:12px}.compression-quality-symbol i:nth-child(3){height:18px}.quality-balanced i:nth-child(3),.quality-small i:nth-child(2),.quality-small i:nth-child(3){opacity:.2}.compression-selection-mark{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:grid}.active .compression-selection-mark{background:var(--accent);border-color:var(--accent);color:var(--bg)}.compression-card-copy{flex-direction:column;gap:5px;display:flex}.compression-card-copy strong{font-size:13px;font-weight:750;line-height:1.6}.compression-card-copy>span{color:var(--muted);font-size:10px;line-height:1.7}.compression-card-footnote{min-height:24px;color:var(--muted);align-items:center;font-size:10px;line-height:1.6;display:flex}.compression-recommended{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:6px;padding:3px 9px;font-size:10px;font-weight:700}.compression-quality-card:disabled{opacity:.55;cursor:wait}.video-resolution-label{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px 14px}.video-resolution-label select{background:var(--surface)}@media (max-width:600px){.compression-quality-grid{grid-template-columns:1fr;gap:8px}.compression-quality-card{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.compression-card-top{display:contents}.compression-quality-symbol{grid-area:1/1}.compression-card-copy{grid-area:1/2;gap:2px}.compression-selection-mark{grid-area:1/3}.compression-card-footnote{grid-area:2/2;min-height:0;margin-top:-6px}.compression-card-copy>span{font-size:11px}}@media (prefers-reduced-motion:reduce){.compression-quality-card{transition:none}.compression-quality-card:hover:not(:disabled){transform:none}}.compression-resolution-section{gap:12px;padding-top:4px;display:grid}.compression-resolution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compression-resolution-option{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--text);font:inherit;cursor:pointer;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:14px 6px 17px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.compression-resolution-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.compression-resolution-option.active{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 9%, var(--surface-2))}.resolution-option-symbol{height:28px;color:var(--muted);place-items:center;margin-bottom:4px;display:grid}.resolution-frame{border:1.5px solid;border-radius:4px;width:26px;height:17px;display:block;position:relative}.resolution-frame:after{content:"";opacity:.35;border:1px solid;border-radius:1px;position:absolute;inset:3px}.resolution-720{width:22px;height:15px}.resolution-480{width:18px;height:12px}.active .resolution-option-symbol{color:var(--accent)}.compression-resolution-option strong{font-size:12px;line-height:1.7}.compression-resolution-option>span:not(.resolution-option-symbol):not(.resolution-active-line){color:var(--muted);font-size:10px;line-height:1.7}.resolution-active-line{background:0 0;border-radius:3px 3px 0 0;width:32px;height:3px;position:absolute;bottom:0}.active .resolution-active-line{background:var(--accent)}.compression-resolution-note{color:var(--muted);margin:0;font-size:10px;line-height:1.9}.compression-resolution-option:disabled{opacity:.55;cursor:wait}@media (prefers-reduced-motion:reduce){.compression-resolution-option{transition:none}}.video-trim-settings{border-top:1px solid var(--border);gap:14px;margin-top:18px;padding-top:20px;display:grid}.compression-section-heading .trim-duration-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:7px;padding:5px 9px;font-size:11px}.trim-timeline{border:1px solid var(--border);background:repeating-linear-gradient(90deg, var(--surface-3) 0, var(--surface-3) 2px, var(--surface-2) 2px, var(--surface-2) 12px);border-radius:9px;height:28px;position:relative;overflow:hidden}.trim-timeline-selection{border-inline:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 24%, transparent);position:absolute;top:0;bottom:0}.trim-timeline-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;font-size:10px;display:flex}.trim-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.trim-time-card{background:var(--surface-2);border:1px solid var(--border);border-radius:15px;gap:10px;min-width:0;padding:16px;display:grid}.trim-time-card label{color:var(--text);justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.trim-time-card label span{color:var(--muted);font-size:10px;font-weight:400}.trim-time-card input[type=number]{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;padding:10px;font-size:18px;font-weight:700}.trim-formatted-time{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.trim-time-card input[type=range]{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer;direction:ltr;margin:3px 0}.trim-time-card input:disabled{opacity:.55;cursor:wait}.trim-preview-actions{flex-wrap:wrap;gap:10px;display:flex}.trim-preview-button,.trim-reset-button{min-width:120px;font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;flex:1;padding:11px 12px;font-size:11px}.trim-preview-button{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}.trim-preview-button:hover:not(:disabled),.trim-reset-button:hover:not(:disabled){border-color:var(--accent)}.trim-preview-button:disabled,.trim-reset-button:disabled{opacity:.5;cursor:not-allowed}.trim-validation{color:#ef8b8b;margin:0;font-size:11px;line-height:1.8}html.light .trim-validation{color:#ab3434}.trim-result-details{background:var(--surface-2);color:var(--muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.trim-result-details strong{color:var(--accent);font-variant-numeric:tabular-nums}@media (max-width:480px){.trim-time-grid{gap:8px}.trim-time-card{padding:12px 9px}}.trim-timeline{background:0 0;border:0;border-radius:0;height:46px;margin:2px 0;overflow:visible}.trim-timeline-track{border:1px solid var(--border);background:repeating-linear-gradient(90deg, var(--surface-3) 0, var(--surface-3) 2px, var(--surface-2) 2px, var(--surface-2) 12px);border-radius:8px;position:absolute;inset:5px 12px;overflow:hidden}.trim-range-handle{appearance:none;pointer-events:none;direction:ltr;background:0 0;border:0;width:100%;height:46px;margin:0;padding:0;position:absolute;inset:0}.trim-range-handle::-webkit-slider-runnable-track{background:0 0;border:0;height:36px}.trim-range-handle::-moz-range-track{background:0 0;border:0;height:36px}.trim-range-handle::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:linear-gradient(var(--bg),var(--bg)) center / 2px 15px no-repeat, var(--accent);pointer-events:auto;cursor:ew-resize;touch-action:none;border-radius:7px;width:24px;height:44px;margin-top:-4px;box-shadow:0 3px 10px #0000002e}.trim-range-handle::-moz-range-thumb{border:2px solid var(--accent);background:linear-gradient(var(--bg),var(--bg)) center / 2px 15px no-repeat, var(--accent);pointer-events:auto;cursor:ew-resize;touch-action:none;border-radius:7px;width:20px;height:40px}.trim-range-handle:focus-visible{outline:none}.trim-range-handle:focus-visible::-webkit-slider-thumb{outline:2px solid var(--text);outline-offset:3px}.trim-range-handle:focus-visible::-moz-range-thumb{outline:2px solid var(--text);outline-offset:3px}.trim-range-handle:disabled::-webkit-slider-thumb{cursor:wait;opacity:.55}.trim-range-handle:disabled::-moz-range-thumb{cursor:wait;opacity:.55}.trim-timeline-labels{padding-inline:12px}.video-trimmer-workspace .video-player{max-height:250px}.video-trim-settings{border:1px solid var(--border);background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 5%, var(--surface-2)), var(--surface));border-radius:18px;gap:16px;padding:20px 16px}.trim-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trim-section-heading>div{gap:5px;display:grid}.trim-eyebrow{color:var(--muted);font-size:10px}.trim-section-heading strong{color:var(--text);letter-spacing:-.3px;font-size:15px}.trim-duration-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);font-variant-numeric:tabular-nums;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700}.trim-timeline-shell{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:14px 8px 9px}.trim-timeline{height:56px;margin:0 0 9px}.trim-timeline-track{background:repeating-linear-gradient(90deg, transparent 0, transparent 13px, var(--border) 13px, var(--border) 14px), linear-gradient(180deg, var(--surface-3), var(--surface-2));border-radius:7px;inset:5px 12px}.trim-timeline-track:after{content:"";opacity:.28;pointer-events:none;background:repeating-linear-gradient(90deg, var(--muted) 0, var(--muted) 2px, transparent 2px, transparent 7px);border-radius:4px;position:absolute;inset:14px 0}.trim-timeline-selection{border:1px solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 35%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 30%, transparent);z-index:1;border-radius:4px}.trim-range-handle{height:56px}.trim-range-handle::-webkit-slider-runnable-track{height:46px}.trim-range-handle::-moz-range-track{height:46px}.trim-range-handle::-webkit-slider-thumb{height:54px;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff40}.trim-range-handle::-moz-range-thumb{height:50px}.trim-timeline-labels{margin:0;font-size:10px}.trim-timeline-instruction{text-align:center;color:var(--muted);margin:10px 0 0;font-size:10px}.trim-time-card{background:var(--surface-2);border-radius:13px;gap:9px;padding:14px}.trim-time-card label .trim-time-title{color:var(--text);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.trim-time-title:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:2px}.trim-end-card .trim-time-title:before{border-radius:50%}.trim-time-card input[type=number]{letter-spacing:.4px;background:var(--surface);border-radius:9px;padding:10px 6px;font-size:23px}.trim-time-card:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.trim-preview-button{border-radius:11px;padding:13px;font-weight:700}.trim-preview-button.playing{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.video-trim-settings .video-hint{margin:0;font-size:10px;line-height:2}@media (max-width:480px){.video-trim-settings{padding:16px 12px}.trim-time-card{padding:12px 9px}.trim-section-heading strong{font-size:14px}.trim-duration-badge{padding:6px 8px;font-size:10px}}:root{--action-bg:var(--text);--action-fg:var(--bg);--action-hover:color-mix(in srgb, var(--text) 88%, var(--bg));--control-radius:12px;--control-height:46px;--accent-soft:color-mix(in srgb, var(--accent) 9%, var(--surface));--accent-border:color-mix(in srgb, var(--accent) 45%, var(--border))}.klymb-page .workspace :is(.convert-panel,.resize-panel,.image-editor-panel,.video-trim-settings,.video-result){background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 18px color-mix(in srgb, var(--shadow) 14%, transparent);border-radius:18px}.klymb-page .workspace .convert-panel:before{display:none}.klymb-page .workspace :is(.convert-source,.pdf-count,.pdf-preview-item,.resize-live-preview,.resize-preview-stage){background:var(--surface-2);color:var(--text);border-color:var(--border)}.klymb-page .workspace :is(.convert-format,.convert-format-button,.resize-preset,.image-editor-action,.compression-quality-card,.compression-resolution-option){color:var(--text-soft);background:var(--surface-2);border-color:var(--border);box-shadow:none}.klymb-page .workspace :is(.convert-format,.convert-format-button,.resize-preset,.image-editor-action,.compression-quality-card,.compression-resolution-option):hover:not(:disabled){border-color:var(--accent-border);background:var(--surface-3);transform:translateY(-1px)}.klymb-page .workspace :is(.convert-format,.convert-format-button,.resize-preset,.image-editor-action,.compression-quality-card,.compression-resolution-option).active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border);box-shadow:none}.klymb-page .workspace :is(.convert-format-check,.convert-flow strong,.convert-quality-value,.resize-live-scale,.convert-eyebrow){color:var(--accent)}.klymb-page .workspace .convert-quality-value{background:var(--accent-soft);border-color:var(--accent-border)}.klymb-page .workspace .convert-format-icon{background:var(--surface-3);color:var(--text-soft)}.klymb-page .workspace .convert-format.active .convert-format-icon{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent)}.klymb-page .workspace input[type=range]{accent-color:var(--accent)}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.choose-button,.download-button){min-height:var(--control-height);border-radius:var(--control-radius);background:var(--action-bg);color:var(--action-fg);font:inherit;cursor:pointer;box-shadow:none;filter:none;letter-spacing:0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,opacity .18s;display:inline-flex}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.choose-button,.download-button):after{animation:none;display:none}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.choose-button,.download-button):hover:not(:disabled):not(:has(input:disabled)){background:var(--action-hover);filter:none;box-shadow:none;opacity:1;transform:translateY(-1px)}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.choose-button,.download-button):active:not(:disabled){transform:translateY(0)}.klymb-page .workspace .compress-button .button-arrow{color:inherit;margin:0;font-size:14px;transform:none}.klymb-page .workspace .image-editor-footer .download-button{width:100%}.klymb-page .workspace :is(.result-secondary-button,.download-button.ghost-button,.file-change-button,.pdf-add-more,.trim-reset-button,.trim-preview-button){min-height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--surface);color:var(--text-soft);font:inherit;box-shadow:none;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.klymb-page .workspace :is(.result-secondary-button,.download-button.ghost-button,.file-change-button,.pdf-add-more,.trim-reset-button,.trim-preview-button):hover:not(:disabled):not(:has(input:disabled)){background:var(--surface-2);border-color:var(--accent-border);color:var(--text);box-shadow:none;opacity:1;transform:translateY(-1px)}.klymb-page .workspace .trim-preview-button.playing{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.choose-button,.download-button,.result-secondary-button,.pdf-add-more,.trim-reset-button,.trim-preview-button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.klymb-page .workspace :is(.compress-button,.video-process-button,.crop-apply-button,.download-button,.result-secondary-button,.trim-reset-button,.trim-preview-button):disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.klymb-page .workspace :is(.choose-button,.pdf-add-more):has(input:disabled){opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.klymb-page .workspace :is(.compress-button.processing,.video-process-button[disabled]){cursor:wait}@media (max-width:480px){.klymb-page .workspace .file-info{align-items:center}.klymb-page .workspace .ghost-button{white-space:nowrap;padding-inline:13px}}@media (prefers-reduced-motion:reduce){.klymb-page .workspace :is(button,.choose-button,.download-button,.pdf-add-more){transition:none;transform:none}}.trim-timeline{touch-action:none;-webkit-user-select:none;user-select:none}.trim-timeline-track{cursor:default}.trim-timeline-selection{cursor:grab;touch-action:none;transition:background .15s,box-shadow .15s}.trim-timeline-selection:hover{background:color-mix(in srgb, var(--accent) 32%, transparent)}.trim-timeline-selection:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.trim-handle-layer{pointer-events:none;position:absolute;inset:5px 12px}.trim-drag-handle{pointer-events:auto;touch-action:none;appearance:none;border:1px solid color-mix(in srgb, var(--accent) 75%, var(--text));background:var(--accent);cursor:ew-resize;width:24px;box-shadow:0 3px 9px color-mix(in srgb, var(--shadow) 45%, transparent);z-index:2;border-radius:7px;margin:0;padding:0;transition:background .15s,box-shadow .15s;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%)}.trim-drag-handle:after{content:"";border-inline:1px solid var(--bg);opacity:.8;pointer-events:none;width:4px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trim-drag-handle:hover{background:var(--accent-strong)}.trim-drag-handle:focus-visible{outline:2px solid var(--text);outline-offset:3px;z-index:3}.trim-drag-handle:disabled{opacity:.5;cursor:wait}.trim-timeline.dragging-range,.trim-timeline.dragging-range *{cursor:grabbing}.trim-timeline.dragging-start,.trim-timeline.dragging-end,.trim-timeline.dragging-start *,.trim-timeline.dragging-end *{cursor:ew-resize}.trim-timeline[class*=dragging-] .trim-timeline-selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}.trim-timeline-selection[aria-disabled=true]{cursor:wait}@media (prefers-reduced-motion:reduce){.trim-drag-handle,.trim-timeline-selection{transition:none}}.gif-settings{border-top:1px solid var(--border);gap:13px;padding-top:18px;display:grid}.gif-loop-control{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.gif-loop-control>span{gap:5px;display:grid}.gif-loop-control strong{color:var(--text);font-size:12px}.gif-loop-control small{color:var(--muted);font-size:10px}.gif-loop-control input{width:19px;height:19px;accent-color:var(--accent);cursor:pointer}.gif-loop-control:has(input:disabled){opacity:.5;cursor:wait}.gif-result-preview{object-fit:contain;background:var(--surface-2);border-radius:13px;width:100%;max-height:420px;display:block}.iv-drop-zone{min-height:210px;padding:24px 18px}.iv-drop-zone.iv-has-images{min-height:0;padding:18px}.iv-sequence-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 12px;display:flex}.iv-sequence-heading strong{font-size:13px}.iv-sequence-heading>span{color:var(--muted);font-size:11px}.iv-image-list{gap:8px;max-height:390px;margin:0 0 20px;padding:0;list-style:none;display:grid;overflow-y:auto}.iv-image-item{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex}.iv-image-number{color:var(--muted);text-align:center;flex-shrink:0;width:16px;font-size:10px}.iv-image-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:52px;height:52px}.iv-image-copy{flex:1;gap:4px;min-width:0;display:grid}.iv-image-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.iv-image-copy small{color:var(--muted);font-size:10px}.iv-image-actions{flex-shrink:0;gap:5px;display:flex}.iv-image-actions button{border:1px solid var(--border);background:var(--surface);width:29px;height:32px;color:var(--text-soft);font:inherit;cursor:pointer;border-radius:8px;place-items:center;font-size:16px;display:grid}.iv-image-actions button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent)}.iv-image-actions button:disabled{opacity:.3;cursor:not-allowed}.iv-settings{gap:16px;display:grid}.iv-aspect-icon{opacity:.6;border:1px solid;border-radius:3px;width:26px;height:17px;margin-bottom:5px;display:block}.iv-aspect-portrait{width:17px;height:26px}.iv-aspect-square{width:22px;height:22px}.iv-settings .compression-resolution-option{justify-content:center}.iv-duration-control{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.iv-duration-control label{gap:5px;display:grid}.iv-duration-control strong{font-size:12px}.iv-duration-control label span{color:var(--muted);font-size:10px}.iv-duration-control>div{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.iv-duration-control input{border:1px solid var(--border);width:70px;max-width:100%;color:var(--text);background:var(--surface);font:inherit;text-align:center;border-radius:9px;padding:10px 6px;font-size:16px}.iv-transition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.iv-music-panel{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.iv-music-selected{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.iv-music-selected>span{gap:5px;min-width:0;display:grid}.iv-music-selected strong{overflow-wrap:anywhere;font-size:11px}.iv-music-selected small,.iv-music-formats{color:var(--muted);font-size:10px;line-height:1.8}.iv-music-selected .result-secondary-button{flex:none}.iv-output-summary{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:13px;font-size:11px;display:flex}.iv-output-summary strong{color:var(--accent)}@media (max-width:480px){.iv-image-item{gap:7px;padding:8px}.iv-image-thumb{width:40px;height:44px}.iv-image-actions{gap:3px}.iv-image-actions button{width:25px}.iv-music-selected{flex-wrap:wrap}}.iv-sequence-heading>div{gap:5px;display:grid}.iv-section-eyebrow{color:var(--accent);font-size:10px}.iv-settings-heading{border-bottom:1px solid var(--border);gap:7px;padding-bottom:16px;display:grid}.iv-settings-heading strong{letter-spacing:-.4px;font-size:20px}.iv-settings-heading>span:last-child{color:var(--muted);font-size:11px}.iv-image-item{background:var(--surface);border-radius:14px;padding:12px}.iv-image-thumb{border-radius:10px;width:58px;height:58px}.iv-image-number{background:var(--surface-2);width:21px;height:25px;color:var(--accent);border-radius:6px;place-items:center;font-weight:700;display:grid}.iv-music-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:15px;padding:16px}.iv-music-panel>.choose-button{width:100%}.iv-music-timing{border-top:1px solid var(--border);gap:13px;padding-top:10px;display:grid}.iv-music-timing audio{width:100%;max-width:100%;height:42px}.iv-music-timeline{background:var(--surface-3);border:1px solid var(--border);border-radius:7px;height:24px;position:relative;overflow:hidden}.iv-music-timeline>span{background:color-mix(in srgb, var(--accent) 30%, var(--surface));border-inline:2px solid var(--accent);position:absolute;top:0;bottom:0}.iv-music-timing .trim-time-card{background:var(--surface);padding:12px}.iv-music-timing .trim-time-card label{flex-wrap:wrap;font-size:11px}.iv-music-timing .trim-time-card input{font-size:18px}.iv-output-summary{background:var(--accent-soft);border-color:var(--accent-border);padding:15px}@media (max-width:480px){.iv-image-thumb{width:43px;height:47px}.iv-image-item{gap:6px;padding:9px}.iv-music-panel{padding:12px}.iv-music-timing .trim-time-card{padding:10px 8px}}.iv-audio-player{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;padding:16px}.iv-audio-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.iv-audio-heading span{color:var(--muted);font-size:11px}.iv-audio-controls{align-items:center;gap:14px;display:flex}.iv-audio-play{background:var(--accent);width:44px;height:44px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;font-size:18px}.iv-audio-play:disabled{opacity:.45;cursor:default}.iv-audio-seek{flex:1;min-width:0}.iv-audio-seek input{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--audio-progress), var(--border) var(--audio-progress));border-radius:8px;width:100%;height:6px;margin:12px 0;display:block}.iv-audio-seek input::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface-2);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.iv-audio-seek input::-moz-range-thumb{border:2px solid var(--surface-2);background:var(--accent);border-radius:50%;width:10px;height:10px}.iv-audio-seek div,.iv-timeline-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.iv-placement-timeline{touch-action:none;-webkit-user-select:none;user-select:none;height:60px}.iv-placement-timeline .trim-timeline-selection{justify-content:center;align-items:center;display:flex}.iv-placement-timeline .trim-timeline-selection span{pointer-events:none;opacity:.8;font-size:20px}.iv-range-dragging .trim-timeline-selection{cursor:grabbing}.iv-timeline-labels{margin-top:6px;padding:0 12px}.ac-file-icon{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));width:62px;height:62px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 14px;font-size:29px;display:grid}.ac-filename{overflow-wrap:anywhere;max-width:100%;display:block}.ac-player{margin-top:18px}.ac-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ac-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.ac-advanced label{gap:10px;font-size:12px;font-weight:600;display:grid}.ac-advanced select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:10px}.ac-lossless-hint{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:14px;font-size:12px;line-height:1.9}.ac-preview-tabs{gap:6px;margin-bottom:14px;display:flex}.ac-preview-tabs button{border:1px solid var(--border);background:var(--surface-2);min-height:34px;color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;flex:1;font-size:12px}.ac-preview-tabs button.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}@media (max-width:600px){.ac-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-advanced{grid-template-columns:1fr}}.ac-drop-zone.has-file{min-height:220px}.ac-drop-zone .video-hint{display:block}.ac-format-grid .compression-resolution-option{min-height:95px;padding:16px 10px}.ac-format-grid .compression-resolution-option span{font-size:10px}.asc-quality-grid .compression-resolution-option{gap:8px;padding:18px 10px}.asc-quality-grid .asc-quality-icon{color:var(--accent);font-size:24px;line-height:1}.asc-quality-grid small{color:var(--muted);font-size:10px}.asc-size-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.asc-size-summary>div{border:1px solid var(--border);background:var(--surface-3);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:18px 8px;display:flex}.asc-size-summary span{color:var(--muted);font-size:11px}.asc-size-summary strong{overflow-wrap:anywhere;font-size:15px}.asc-size-summary .asc-saved{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-3));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}@media (max-width:600px){.asc-size-summary{gap:6px}.asc-size-summary strong{font-size:12px}.asc-size-summary span{font-size:10px}.asc-quality-grid .compression-resolution-option{padding:14px 6px}}.ac-advanced>label:only-child{grid-column:1/-1}.sp-mode-grid{margin-bottom:20px}.sp-mode-icon{color:var(--accent);font-size:24px;line-height:1.2}.sp-selection-field{gap:10px;margin:18px 0;display:grid}.sp-selection-field label{font-size:13px;font-weight:650}.sp-selection-field textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-height:78px;color:var(--text);font:inherit;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.8;transition:border-color .2s,box-shadow .2s}.sp-selection-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sp-selection-field textarea[aria-invalid=true]{border-color:#e58080}.sp-selection-field .video-hint{margin:0}.sp-page-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;max-height:260px;margin:12px -5px;padding:5px;display:grid;overflow:auto}.sp-page-grid button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border-radius:12px;transition:background .18s,border-color .18s,transform .18s}.sp-page-grid button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--surface))}.sp-page-grid button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.sp-page-grid button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-select-actions{gap:10px;margin:12px 0 18px;display:flex}.sp-select-actions button{flex:1}.sp-output-summary{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0;padding:14px 16px;font-size:13px;display:flex}.sp-result-list{box-sizing:border-box;gap:10px;width:100%;max-height:360px;margin:18px -4px 12px;padding:4px;list-style:none;display:grid;overflow:auto}.sp-result-list li{border:1px solid var(--border);background:var(--surface);text-align:start;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.sp-result-icon{background:color-mix(in srgb,var(--accent) 12%,var(--surface));width:38px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.sp-result-list li>div{flex:1;gap:5px;min-width:0;display:grid}.sp-result-list li strong{font-size:13px}.sp-result-list li span[dir=ltr]{text-align:start;text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-size:12px;overflow:hidden}.sp-result-list li small{opacity:.65;font-size:11px}.sp-result-list li a{flex:none;width:auto;min-width:64px;margin:0}.split-pdf-workspace button:disabled{cursor:default;opacity:.55}@media (max-width:600px){.sp-mode-grid{gap:7px}.sp-mode-grid .compression-resolution-option{padding:13px 7px}.sp-mode-grid strong{font-size:11px}.sp-mode-grid .compression-resolution-option>span:last-child{font-size:10px;line-height:1.8}.sp-result-list li{gap:9px;padding:12px 10px}}.mp-file-list{gap:10px;max-height:480px;margin:0 -4px;padding:4px;list-style:none;display:grid;overflow:auto}.mp-file-list li{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:16px 12px;display:flex}.mp-position{background:var(--accent-soft);width:32px;height:38px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:650;display:grid}.mp-file-info{flex:1;gap:6px;min-width:0;display:grid}.mp-file-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mp-file-info small{color:var(--text-muted);font-size:11px}.mp-file-info>span{color:var(--text-soft);font-size:11px}.mp-file-actions{flex-shrink:0;gap:5px;display:flex}.mp-file-actions button{border:1px solid var(--border-strong);background:var(--surface-2);width:34px;height:38px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;place-items:center;font-size:18px;transition:border-color .18s,background .18s;display:grid}.mp-file-actions button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.mp-file-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.merge-pdf-workspace button:disabled{opacity:.45;cursor:default}@media (max-width:600px){.mp-file-list li{flex-wrap:wrap;gap:10px}.mp-file-actions{margin-inline-start:42px}.mp-file-actions button{width:42px;height:42px}.mp-file-info{min-width:180px}}.dc-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.dc-format-grid>button:last-child:nth-child(odd){grid-column:1/-1}.dc-format-grid .compression-resolution-option{min-height:88px}.dc-csv-settings{gap:12px;margin:18px 0;display:grid}.dc-csv-settings label{font-size:13px;font-weight:600}.dc-csv-settings select{border:1px solid var(--border);background:var(--surface-2);width:100%;min-width:0;min-height:46px;color:var(--text);font:inherit;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:12px 14px;font-size:13px}.dc-csv-settings select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html.light .dc-csv-settings select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dc-conversion-summary{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;gap:20px;margin:18px 0;padding:16px;font-size:14px;display:flex}.dc-conversion-summary strong{color:var(--accent)}.document-converter-workspace button:disabled{opacity:.5;cursor:default}@media (max-width:600px){.dc-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-format-grid .compression-resolution-option{padding:14px 10px}}.membership-section{scroll-margin-top:110px;display:block}.membership-cycle{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.membership-cycle span{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:8px 13px;font-size:12px}.membership-card{gap:0;padding:30px}.membership-card .pricing-label{letter-spacing:.14em;opacity:.8;font-size:11px}.membership-card h3{margin:26px 0 9px;font-size:28px}.membership-card>p{color:var(--muted);opacity:1;font-size:13px;line-height:1.9}.membership-status{border:1px solid var(--border);color:var(--text-soft);background:var(--surface-2);border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;display:inline-flex}.membership-status-soon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:var(--accent-soft)}.membership-price{border-bottom:1px solid var(--border);gap:9px;margin-top:6px;padding:26px 0;display:grid}.membership-price strong{letter-spacing:-.03em;font-size:25px;font-weight:650}.membership-price span{color:var(--muted);font-size:12px}.membership-features{gap:15px;margin:0 0 8px;padding:25px 0;list-style:none;display:grid}.membership-features li{align-items:baseline;gap:11px;font-size:13px;line-height:1.8;display:flex}.membership-features li:before{content:"✓";color:var(--accent);flex-shrink:0}.membership-action{border:1px solid var(--border-strong);background:var(--surface-2);min-height:48px;color:var(--text);border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:13px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.membership-action:hover{border-color:var(--accent);background:var(--accent-soft)}.membership-action-premium{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.membership-action:focus-visible,.membership-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.membership-footnote{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.9}.membership-toolbox{border:1px solid var(--border);background:var(--surface);border-radius:24px;margin-top:20px;padding:28px;scroll-margin-top:110px}.membership-toolbox-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.membership-toolbox-head h3{margin:10px 0 0;font-size:21px}.membership-tool-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.membership-tool-group h4{color:var(--muted);margin:0 0 14px;font-size:12px;font-weight:500}.membership-tool-group ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.membership-tool-group li{overflow-wrap:anywhere;align-items:baseline;gap:8px;font-size:12px;line-height:1.7;display:flex}.membership-tool-group li>span:first-child{color:var(--accent)}.membership-section .membership-toolbox-note{border-top:1px solid var(--border);color:var(--muted);opacity:1;margin:26px 0 0;padding-top:18px;font-size:12px;line-height:1.9}.membership-faq{margin-top:24px}.membership-faq details{border-bottom:1px solid var(--border);padding:18px 4px}.membership-faq summary{cursor:pointer;font-size:14px;font-weight:550;line-height:1.8}.membership-section .membership-faq p{color:var(--muted);max-width:850px;margin:15px 0 2px;font-size:13px;line-height:2}@media (max-width:900px){.membership-tool-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (max-width:600px){.membership-card{padding:24px 20px}.membership-cycle span{font-size:11px}.membership-toolbox{padding:24px 20px}.membership-toolbox-head{flex-direction:column;align-items:flex-start;gap:12px}.membership-toolbox-head h3{font-size:19px}.membership-tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-features li{font-size:12px}}.membership-action{box-sizing:border-box;cursor:pointer;text-align:start;width:100%;font-family:inherit}html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 52%,var(--bg)) var(--bg);direction:ltr}body{direction:rtl}html::-webkit-scrollbar{width:8px;height:8px;display:block}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 52%,var(--bg));border:2px solid var(--bg);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--muted)}.membership-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.membership-dialog{--accent-soft:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid var(--border-strong);background:var(--surface);width:min(100%,840px);max-height:calc(100dvh - 48px);color:var(--text);border-radius:26px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 100px #00000052}.membership-dialog-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;display:flex}.membership-dialog-heading{align-items:center;gap:14px;min-width:0;display:flex}.membership-emblem{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:16px;flex-shrink:0;place-items:center;font-size:25px;display:grid}.membership-dialog-head .section-eyebrow{color:var(--accent);letter-spacing:.16em;font-size:9px}.membership-dialog h2{overflow-wrap:anywhere;margin:5px 0 0;font-size:24px;font-weight:650;line-height:1.5}.membership-close{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;font-size:23px;transition:background .18s,color .18s;display:grid}.membership-close:hover{background:var(--surface-2);color:var(--text)}.membership-dialog-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;direction:ltr;min-height:0;overflow:auto}.membership-dialog-scroll::-webkit-scrollbar{width:6px}.membership-dialog-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.membership-dialog-content{padding:26px 28px}.membership-dialog-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:26px;display:grid}.membership-selected-tool{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px;font-size:12px;line-height:1.9;display:flex}.membership-selected-tool>span{color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:4px 9px;font-size:10px}.membership-dialog-plan{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(145deg,var(--accent-soft),var(--surface));border-radius:19px;padding:22px}.membership-plan-label{color:var(--text-soft);font-size:11px}.membership-duration{align-items:center;gap:12px;margin:16px 0 21px;display:flex}.membership-duration>strong{letter-spacing:-.05em;color:var(--text);font-size:60px;font-weight:550;line-height:1}.membership-duration>span{gap:5px;font-size:14px;display:grid}.membership-duration small{color:var(--muted);font-size:10px}.membership-plan-price{border-top:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));gap:8px;padding-top:17px;display:grid}.membership-plan-price strong{font-size:18px;font-weight:600}.membership-plan-price>span{color:var(--muted);font-size:11px}.membership-dialog .membership-features{gap:11px;margin:0;padding:19px 2px 0}.membership-dialog .membership-features li{gap:9px;font-size:12px;line-height:1.9}.membership-dialog .membership-features li:before{font-size:10px}.membership-limits{min-width:0;padding:0}.membership-limits-head{gap:6px;margin:2px 0 15px;display:grid}.membership-limits h3{margin:0;font-size:14px;font-weight:600}.membership-limits-head>span{color:var(--muted);font-size:11px}.membership-limits-table{border-collapse:collapse;text-align:right;width:100%;font-size:11px}.membership-limits-table th,.membership-limits-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 6px;font-weight:400}.membership-limits-table th:first-child{padding-right:0}.membership-limits-table thead th{color:var(--muted);padding-top:9px;padding-bottom:9px;font-size:10px}.membership-limits-table thead th:last-child{color:var(--accent)}.membership-limits-table tbody th{color:var(--text-soft)}.membership-limits-table td:last-child{text-align:left;padding-left:0}.membership-limits-table td:last-child>span{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:4px 8px;font-size:10px;display:inline-block}.membership-limits small{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.9;display:block}.membership-account-status,.membership-service-status{color:var(--accent);margin:0 0 18px;font-size:12px;line-height:1.9}.membership-service-status{margin:16px 0 0}.membership-service-error{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:12px;line-height:1.9;display:flex}.membership-service-error button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-size:11px}.membership-dialog-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 35%,var(--surface));flex-shrink:0;padding:20px 28px 24px}.membership-purchase-note{align-items:baseline;gap:9px;margin-bottom:17px;display:flex}.membership-release-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.membership-purchase-note strong{font-size:12px;font-weight:550}.membership-purchase-note p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.8}.membership-dialog-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.membership-purchase-button{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));background:var(--accent-soft);min-height:46px;color:var(--text-soft);font:inherit;cursor:not-allowed;border-radius:12px;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:550;display:flex}.membership-button-badge{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:400}.membership-dialog-back{border:1px solid var(--border);min-height:46px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:12px;transition:background .18s,border-color .18s;display:flex}.membership-dialog-back:hover{border-color:var(--border-strong);background:var(--surface-2)}.membership-dialog-back>span{color:var(--muted)}.membership-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:640px){.membership-overlay{padding:12px}.membership-dialog{border-radius:21px;max-height:calc(100dvh - 24px)}.membership-dialog-head{gap:12px;padding:18px 20px}.membership-dialog-heading{gap:11px}.membership-emblem{border-radius:13px;width:40px;height:40px;font-size:21px}.membership-dialog h2{font-size:20px}.membership-dialog-content{padding:20px}.membership-dialog-grid{grid-template-columns:1fr;gap:25px}.membership-dialog-plan{padding:20px}.membership-duration{margin:14px 0 18px}.membership-duration>strong{font-size:52px}.membership-dialog-footer{padding:16px 20px 19px}.membership-purchase-note{margin-bottom:13px}.membership-dialog-actions{gap:8px}.membership-dialog-back{gap:6px;padding:10px 6px;font-size:11px}.membership-purchase-button{gap:6px;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.auth-page{min-height:100dvh;color:var(--text);background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%),var(--bg)}.auth-header{justify-content:space-between;align-items:center;gap:18px;max-width:1200px;margin:auto;padding:28px 38px;display:flex}.auth-brand{color:var(--text);letter-spacing:-.06em;direction:ltr;gap:4px;font-size:25px;font-weight:800;text-decoration:none;display:grid}.auth-brand>span{letter-spacing:.26em;color:var(--muted);font-size:8px;font-weight:500}.auth-header-actions{align-items:center;gap:18px;display:flex}.auth-home{color:var(--muted);align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.auth-home:hover{color:var(--text)}.auth-theme{border:1px solid var(--border);background:var(--surface);width:35px;height:35px;color:var(--text-soft);border-radius:50%;place-items:center;font-size:16px;display:grid}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:1000px;margin:26px auto 50px;padding:0 32px;display:grid}.auth-story{padding:20px 0}.auth-eyebrow{letter-spacing:.18em;color:var(--accent);text-align:right;direction:ltr;font-size:9px;font-weight:600;display:block}.auth-story h2{letter-spacing:-.05em;margin:23px 0 14px;font-size:45px;font-weight:600;line-height:1.5}.auth-story>p{color:var(--muted);margin:0;font-size:13px;line-height:2}.auth-art{height:230px;margin:20px 0 16px;position:relative}.auth-file{border:1px solid var(--border-strong);letter-spacing:-.04em;width:142px;height:176px;box-shadow:0 20px 50px var(--shadow);direction:ltr;border-radius:19px;flex-direction:column;justify-content:center;padding:28px;font-size:34px;font-weight:500;display:flex;position:absolute}.auth-file>span{color:var(--muted);letter-spacing:.16em;margin-top:7px;font-size:8px;font-weight:500}.auth-file-back{background:var(--surface-2);color:var(--muted);top:17px;right:142px;transform:rotate(-12deg)}.auth-file-front{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));color:var(--text);top:37px;right:39px;transform:rotate(8deg)}.auth-file-front>i{border:1px solid var(--border);width:35px;height:35px;color:var(--accent);border-radius:11px;place-items:center;font-size:22px;font-style:normal;display:grid;position:absolute;bottom:15px;right:15px}.auth-art-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;position:absolute;top:14px;right:25px}.auth-story-note{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:9px;padding-top:17px;font-size:11px;display:flex}.auth-story-note>span{color:var(--accent)}.auth-card{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:0 20px 60px color-mix(in srgb,var(--shadow) 45%,transparent);border-radius:25px;padding:32px}.auth-card h1{letter-spacing:-.04em;outline:none;margin:14px 0 8px;font-size:29px;font-weight:600;line-height:1.5}.auth-description{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.9}.auth-switch{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 25px;padding:4px;display:grid}.auth-switch button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;padding:10px;font-size:12px;font-weight:500;transition:background .18s,color .18s}.auth-switch button[aria-pressed=true]{border-color:var(--border);background:var(--surface-2);color:var(--text);box-shadow:0 2px 5px var(--shadow)}.auth-form fieldset{border:0;gap:19px;min-width:0;margin:0;padding:0;display:grid}.auth-field{color:var(--text-soft);font-size:12px;font-weight:500;display:block}.auth-optional{color:var(--muted);margin-right:5px;font-size:10px;font-weight:400}.auth-field input{border:1px solid var(--border-strong);background:var(--bg-soft);width:100%;min-width:0;min-height:47px;color:var(--text);border-radius:11px;outline:none;margin-top:9px;padding:12px 14px;font-size:13px;transition:border-color .18s,box-shadow .18s}.auth-field input::placeholder{color:var(--muted-2);font-size:12px;font-weight:400}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.auth-password{position:relative}.auth-password input{padding-right:64px}.auth-password button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px;position:absolute;top:19px;right:9px}.auth-password button:hover{background:var(--surface-2);color:var(--text)}.auth-field>small{color:var(--muted);margin-top:8px;font-size:10px;font-weight:400;line-height:1.9;display:block}.auth-form-options{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.auth-form-options label{cursor:pointer;align-items:center;gap:7px;display:flex}.auth-form-options input{accent-color:var(--accent);width:14px;height:14px;margin:0}.auth-form-options button{color:var(--accent);background:0 0;border:0;padding:3px 0;font-size:11px}.auth-form-options button:disabled{color:var(--muted-2);cursor:not-allowed}.auth-mail-note{color:var(--muted);margin:-7px 0 0;font-size:10px;line-height:1.9}.auth-submit{background:var(--accent);color:#17101f;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:47px;padding:12px 15px;font-size:12px;font-weight:650;text-decoration:none;transition:background .18s;display:flex}html.light .auth-submit{color:#fffaf4}.auth-submit:hover:not(:disabled){background:var(--accent-strong)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-submit>span{font-size:18px;font-weight:400}.auth-secondary{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text-soft);background:0 0;border-radius:10px;margin-top:14px;padding:9px 12px;font-size:12px}.auth-secondary:hover{background:var(--surface-2)}.auth-text-button{color:var(--muted);text-align:center;background:0 0;border:0;padding:0;font-size:10px}.auth-text-button:hover{color:var(--accent)}.auth-feedback{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;margin:17px 0 0;padding:12px;font-size:11px;line-height:1.9}.auth-error{color:var(--text);background:color-mix(in srgb,#da6767 7%,var(--surface));border-color:color-mix(in srgb,#da6767 25%,var(--border))}.auth-success{color:var(--text);background:color-mix(in srgb,#6ba78b 7%,var(--surface));border-color:color-mix(in srgb,#6ba78b 25%,var(--border))}.auth-feedback button{border:1px solid var(--border);color:var(--text);background:var(--surface-2);border-radius:6px;margin-top:8px;padding:5px 8px;font-size:11px;display:block}.auth-free-note{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:24px 0 0;padding-top:19px;font-size:10px;line-height:1.9}.auth-account{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;gap:10px;margin-bottom:22px;padding:18px;font-size:13px;display:grid}.auth-account>small{color:var(--muted);font-size:11px}.auth-footer{color:var(--muted-2);text-align:center;padding:0 24px 24px;font-size:10px}.auth-page button:focus-visible,.auth-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sign-in{text-decoration:none}@media (max-width:850px){.auth-layout{gap:35px;max-width:800px}.auth-story h2{font-size:36px}.auth-card{padding:26px}}@media (max-width:640px){.auth-header{padding:22px 24px}.auth-brand{font-size:22px}.auth-header-actions{gap:12px}.auth-home{gap:7px;font-size:10px}.auth-layout{max-width:440px;margin:24px auto 35px;padding:0 20px;display:block}.auth-story{display:none}.auth-card{border-radius:22px;padding:27px 23px}.auth-card h1{font-size:27px}.auth-field input{font-size:16px}}@media (max-width:760px){.header-actions .sign-in{justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:11px;display:inline-flex}}.auth-layout{border:1px solid var(--border-strong);background:var(--border);max-width:1040px;box-shadow:0 24px 80px color-mix(in srgb,var(--shadow) 40%,transparent);border-radius:28px;grid-template-columns:1.03fr 1fr;align-items:stretch;gap:1px;margin:25px auto 45px;padding:0;overflow:hidden}.auth-story{background:radial-gradient(ellipse at 40% 50%,color-mix(in srgb,var(--accent) 7%,var(--bg-soft)),var(--bg-soft) 80%);flex-direction:column;padding:32px 40px;display:flex}.auth-story-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-story-badge{color:var(--muted);border:1px solid var(--border);border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.auth-story-badge>span{color:var(--accent)}.auth-story-mark{letter-spacing:-.07em;color:var(--muted-2);direction:ltr;font-size:23px;font-weight:750}.auth-story-copy{margin-top:36px}.auth-story-copy .auth-eyebrow{color:var(--muted);letter-spacing:.2em;font-size:8px}.auth-story h2{letter-spacing:-.055em;margin:15px 0 13px;font-size:43px;line-height:1.5}.auth-story h2>span{color:var(--accent)}.auth-story-copy>p{color:var(--muted);margin:0;font-size:12px;line-height:2}.auth-art{isolation:isolate;height:250px;margin:22px -12px 20px}.auth-orbit{z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;width:310px;height:160px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.auth-orbit-two{opacity:.6;border-style:dashed;width:370px;height:220px}.auth-file{width:130px;height:169px;box-shadow:0 18px 40px color-mix(in srgb,var(--shadow) 45%,transparent);border-radius:16px;justify-content:flex-start;align-items:flex-start;padding:20px}.auth-file>svg{width:22px;height:25px;color:var(--muted);margin-bottom:16px}.auth-file strong{letter-spacing:-.04em;font-size:27px;font-weight:550}.auth-file>span{letter-spacing:.12em;margin-top:4px;font-size:7px}.auth-file>small{letter-spacing:0;color:var(--muted);margin-top:10px;font-size:9px}.auth-file-back{top:33px;left:30px;right:auto;transform:rotate(-9deg)}.auth-file-front{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));top:62px;right:27px;transform:rotate(8deg)}.auth-file-front>svg{color:var(--accent)}.auth-file-front>i{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;width:23px;height:23px;font-size:12px;bottom:15px;right:13px}.auth-transfer{color:var(--accent);font-size:24px;position:absolute;top:46%;left:48%;transform:rotate(15deg)}.auth-art-spark{color:var(--accent);font-size:16px;position:absolute;top:20px;right:25px}.auth-story-bottom{margin-top:auto}.auth-format-chips{direction:ltr;flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.auth-format-chips>span{letter-spacing:.07em;color:var(--muted-2);border:1px solid var(--border);border-radius:5px;padding:5px 8px;font-size:8px}.auth-story-note{padding-top:15px;font-size:10px}.auth-card{background:var(--surface);box-shadow:none;border:0;border-radius:0;padding:39px 38px 31px}.auth-card-top{justify-content:space-between;align-items:center;display:flex}.auth-card-emblem{border:1px solid var(--border);width:28px;height:28px;color:var(--accent);border-radius:9px;place-items:center;font-size:18px;display:grid}.auth-card h1{margin-top:14px;font-size:30px}.auth-description{margin-bottom:23px;font-size:12px}.auth-switch{border-radius:11px;margin-bottom:23px}.auth-field input{background:color-mix(in srgb,var(--bg-soft) 60%,var(--surface));min-height:48px}.auth-form fieldset{gap:19px}.auth-submit{min-height:49px;box-shadow:0 5px 17px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:11px;margin-top:3px}.auth-free-note{margin-top:24px;font-size:10px}.auth-password-help{color:var(--muted);margin-top:10px;font-size:10px;font-weight:400;line-height:1.9}.auth-password-help>ul{flex-wrap:wrap;gap:6px;margin:7px 0 0;padding:0;list-style:none;display:flex}.auth-password-help li{border:1px solid var(--border);color:var(--muted);border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;display:flex}.auth-password-help li.complete{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 6%,transparent)}.auth-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.auth-layout{margin-left:32px;margin-right:32px}}@media (max-width:850px){.auth-story{padding:28px}.auth-card{padding:32px 28px}.auth-story h2{font-size:35px}.auth-file-back{left:0}.auth-file-front{right:0}.auth-orbit-two{width:290px}.auth-orbit-one{width:250px}}@media (max-width:640px){.auth-layout{border-radius:23px;width:calc(100% - 40px);max-width:400px;margin:22px auto 32px;display:block}.auth-story{display:none}.auth-card{padding:27px 24px}.auth-card h1{font-size:27px}.auth-field input{font-size:16px}}.auth-card>.auth-mail-note{margin:13px 0 0}.auth-form .auth-mail-note{margin:0}.profile-page{background:var(--bg);min-height:100svh}.profile-header{max-width:1160px}.profile-page .auth-home svg{width:17px;height:17px}.profile-shell{max-width:1000px;margin:28px auto 58px;padding:0 24px}.profile-page-title{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.profile-eyebrow{letter-spacing:.2em;color:var(--muted);direction:ltr;font-size:9px;display:inline-block}.profile-page-title h1{letter-spacing:-.04em;margin:8px 0 6px;font-size:30px;font-weight:550}.profile-page-title p{color:var(--muted);margin:0;font-size:12px}.profile-page-mark{letter-spacing:-.08em;color:var(--border-strong);direction:ltr;font-size:47px;font-weight:650}.profile-overview{border:1px solid var(--border);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:29px 30px;display:flex}.profile-person{align-items:center;gap:20px;min-width:0;display:flex}.profile-avatar{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));width:72px;height:72px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));direction:ltr;border-radius:22px;flex-shrink:0;place-items:center;font-size:31px;font-weight:450;display:grid}.profile-person-copy{min-width:0}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-name-row h2{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:500}.profile-plan-tag{white-space:nowrap;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:4px 8px;font-size:9px}.profile-person-copy p{color:var(--muted);text-align:right;overflow-wrap:anywhere;margin:6px 0 10px;font-size:12px}.profile-verification{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:inline-flex}.profile-verification i{background:var(--muted-2);border-radius:50%;width:5px;height:5px}.profile-verification.verified i{background:#6aa387}.profile-overview-meta{border-right:1px solid var(--border);flex-shrink:0;gap:7px;padding-right:28px;display:grid}.profile-overview-meta span,.profile-overview-meta small{color:var(--muted);font-size:10px}.profile-overview-meta strong{font-size:13px;font-weight:500}.profile-overview-meta small{margin-top:3px;font-size:9px}.profile-workspace{grid-template-columns:192px minmax(0,1fr);align-items:start;gap:24px;margin-top:26px;display:grid}.profile-nav{gap:7px;padding-top:8px;display:grid}.profile-nav button{min-height:46px;color:var(--muted);text-align:right;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:13px 14px;font-size:11px;transition:background .18s,color .18s;display:flex}.profile-nav button:hover{color:var(--text);background:var(--surface)}.profile-nav button[aria-current=page]{color:var(--text);border-color:var(--border);background:var(--surface)}.profile-page svg{flex-shrink:0;width:19px;height:19px}.profile-nav button[aria-current=page] svg{color:var(--accent)}.profile-nav-arrow{opacity:0;margin-right:auto;font-size:17px}.profile-nav button[aria-current=page] .profile-nav-arrow{opacity:1;color:var(--muted)}.profile-nav-note{border-top:1px solid var(--border);margin-top:14px;padding:28px 14px}.profile-nav-note span{letter-spacing:.12em;color:var(--muted-2);font-size:8px}.profile-nav-note p{color:var(--muted);margin:8px 0 0;font-size:10px}.profile-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;min-width:0;min-height:365px;padding:28px 30px}.profile-panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:16px;margin-bottom:25px;padding-bottom:23px;display:flex}.profile-panel-heading h2{margin:0 0 6px;font-size:17px;font-weight:500}.profile-panel-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.9}.profile-section-icon{border:1px solid var(--border);color:var(--muted);border-radius:11px;padding:9px;display:flex}.profile-form fieldset{border:0;min-width:0;margin:0;padding:0}.profile-form .auth-field input{background:var(--bg);min-height:46px;font-size:13px}.profile-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.profile-primary,.profile-secondary{border:1px solid var(--border-strong);border-radius:9px;justify-content:center;align-items:center;gap:15px;min-height:41px;padding:10px 15px;font-size:11px;font-weight:500;line-height:1.6;text-decoration:none;display:inline-flex}.profile-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.profile-primary svg{width:15px;height:15px}.profile-secondary{color:var(--text-soft);background:0 0}.profile-secondary:hover:not(:disabled){background:var(--surface-2)}.profile-page button:disabled{opacity:.45;cursor:not-allowed}.profile-secondary span{color:var(--muted);font-size:8px}.profile-details{border-top:1px solid var(--border);margin-top:27px}.profile-detail{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.profile-detail:last-child{border-bottom:0;padding-bottom:0}.profile-detail>div{gap:7px;min-width:0;display:grid}.profile-detail span{color:var(--muted);font-size:10px}.profile-detail strong{overflow-wrap:anywhere;text-align:right;font-size:12px;font-weight:400}.profile-detail .profile-detail-caption{white-space:nowrap;font-size:9px}.profile-note{color:var(--muted);margin:20px 0 0;font-size:10px;line-height:1.9}.profile-subscription{border:1px solid var(--border);background:var(--bg);border-radius:13px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.profile-subscription h3{margin:9px 0 8px;font-size:16px;font-weight:500;line-height:1.8}.profile-subscription p{color:var(--muted);margin:0;font-size:10px;line-height:1.9}.profile-subscription-symbol{color:var(--muted);font-size:30px}.profile-subscription.is-premium{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--bg))}.profile-subscription.is-premium .profile-subscription-symbol{color:var(--accent)}.profile-subscription-footer{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:17px 0 23px;display:flex}.profile-subscription-footer p{color:var(--muted);margin:0;font-size:9px;line-height:1.9}.profile-subheading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px;display:flex}.profile-subheading h3{margin:0;font-size:12px;font-weight:500}.profile-subheading span{color:var(--muted);font-size:9px}.profile-limits{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.profile-limits>div{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;padding:14px 10px;display:flex}.profile-limits span{color:var(--muted);font-size:9px}.profile-limits strong{margin-top:12px;font-size:22px;font-weight:450}.profile-limits small{color:var(--muted-2);margin-top:3px;font-size:8px}.profile-usage{gap:19px;display:grid}.profile-usage>div>div{justify-content:space-between;gap:14px;display:flex}.profile-usage span{font-size:11px}.profile-usage small{color:var(--muted);font-size:9px}.profile-usage progress{background:var(--surface-3);width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:9px;margin:10px 0 7px;display:block;overflow:hidden}.profile-usage progress::-webkit-progress-bar{background:var(--surface-3)}.profile-usage progress::-webkit-progress-value{background:var(--accent);border-radius:9px}.profile-usage progress::-moz-progress-bar{background:var(--accent);border-radius:9px}.profile-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-current-password{grid-column:1/-1}.profile-checkbox{color:var(--muted);align-items:center;gap:7px;margin-top:16px;font-size:10px;display:flex}.profile-checkbox input{accent-color:var(--accent);width:14px;height:14px;margin:0}.profile-sessions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:23px;display:flex}.profile-sessions h3{margin:0 0 8px;font-size:12px;font-weight:500}.profile-sessions p{color:var(--muted);margin:0;font-size:10px}.profile-logout-confirm{border:1px solid var(--border-strong);background:var(--bg);border-radius:11px;margin-top:16px;padding:15px}.profile-logout-confirm p{margin:0 0 14px;font-size:11px;line-height:1.9}.profile-logout-confirm>div{justify-content:flex-end;gap:9px;display:flex}.profile-bottom{color:var(--muted-2);justify-content:space-between;align-items:center;padding:21px 0 0;font-size:9px;display:flex}.profile-bottom button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:10px;display:flex}.profile-bottom button:hover{color:var(--text)}.profile-bottom svg{width:15px;height:15px}.profile-page button:focus-visible,.profile-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.profile-state{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:60px 24px}.profile-state>svg{width:30px;height:30px;color:var(--accent)}.profile-state h2{margin:20px 0 9px;font-size:20px;font-weight:500}.profile-state p{color:var(--muted);max-width:460px;margin:0 auto 24px;font-size:12px;line-height:2}.profile-loading{gap:26px;display:grid}.profile-skeleton{border:1px solid var(--border);background:var(--surface);border-radius:20px}.profile-skeleton-banner{height:148px}.profile-skeleton-content{height:440px;margin-right:216px}@media (max-width:760px){.profile-workspace{grid-template-columns:1fr;gap:18px}.profile-nav{gap:5px;padding:0;display:flex}.profile-nav button{flex:1;justify-content:center;gap:8px;padding:12px 8px;font-size:10px}.profile-nav-arrow,.profile-nav-note{display:none}.profile-skeleton-content{margin-right:0}.profile-overview-meta{padding-right:20px}}@media (max-width:540px){.profile-shell{margin-top:20px;margin-bottom:35px;padding:0 20px}.profile-header.auth-header{padding:22px 20px}.profile-page-title{margin-bottom:22px}.profile-page-title h1{font-size:27px}.profile-overview{border-radius:17px;flex-direction:column;align-items:stretch;gap:20px;padding:22px}.profile-person{gap:14px}.profile-avatar{border-radius:17px;width:57px;height:57px;font-size:26px}.profile-name-row{gap:7px}.profile-name-row h2{font-size:19px}.profile-person-copy p{font-size:11px}.profile-overview-meta{border-right:0;border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:7px;padding:17px 0 0}.profile-overview-meta small{grid-column:1/-1}.profile-overview-meta strong{font-size:11px}.profile-panel{border-radius:17px;padding:23px 20px}.profile-panel-heading{margin-bottom:22px;padding-bottom:20px}.profile-panel-heading h2{font-size:16px}.profile-nav button{gap:6px;font-size:9px}.profile-nav svg{width:16px;height:16px}.profile-nav button[aria-current=page]{background:var(--surface-2)}.profile-form .auth-field input{font-size:16px}.profile-name-row h2{max-width:100%}.profile-detail{flex-wrap:wrap;gap:9px}.profile-password-grid{grid-template-columns:1fr;gap:16px}.profile-limits{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-subscription{gap:14px;padding:17px}.profile-subscription h3{font-size:14px}.profile-subscription-footer{align-items:stretch}.profile-usage>div>div{flex-wrap:wrap;gap:5px}}.profile-eyebrow{color:var(--accent);font-size:10px}.profile-page-title h1{font-size:32px}.profile-page-title p{font-size:13px}.profile-page-mark{color:color-mix(in srgb,var(--accent) 25%,var(--bg))}.profile-overview{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:linear-gradient(115deg,var(--surface) 25%,color-mix(in srgb,var(--accent) 6%,var(--surface)));box-shadow:0 12px 40px color-mix(in srgb,var(--shadow) 20%,transparent);padding:32px;position:relative;overflow:hidden}.profile-overview:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;width:240px;height:240px;position:absolute;top:-148px;left:-112px}.profile-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--accent) 4%,var(--surface)));width:80px;height:80px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 16%,transparent);border-radius:24px;font-size:34px}.profile-name-row h2{font-size:24px}.profile-plan-tag{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--accent) 7%,transparent);padding:5px 9px;font-size:10px}.profile-person-copy p{font-size:13px}.profile-verification{font-size:10px}.profile-overview-meta span{font-size:11px}.profile-overview-meta strong{font-size:14px}.profile-overview-meta small{font-size:10px}.profile-nav button{min-height:49px;font-size:12px;position:relative}.profile-nav button[aria-current=page]{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-nav button[aria-current=page]:before{content:"";background:var(--accent);border-radius:3px 0 0 3px;width:3px;height:17px;position:absolute;right:-1px}.profile-nav-note span{color:var(--accent);opacity:.75;font-size:9px}.profile-nav-note p{font-size:11px}.profile-panel{box-shadow:0 8px 30px color-mix(in srgb,var(--shadow) 12%,transparent)}.profile-panel-heading h2{font-size:18px}.profile-panel-heading p{font-size:12px}.profile-section-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 16%,var(--border));background:color-mix(in srgb,var(--accent) 5%,transparent)}.profile-form .auth-field{font-size:12px}.profile-form .auth-field input{background:color-mix(in srgb,var(--bg) 60%,var(--surface));font-size:14px}.profile-form .auth-field small{font-size:10px}.profile-primary{color:#17101f;background:var(--accent);border-color:var(--accent);font-size:12px}html.light .profile-primary{color:#fffaf4}.profile-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.profile-primary:disabled{background:var(--surface-3);color:var(--muted);border-color:var(--border);opacity:1}.profile-detail span{font-size:11px}.profile-detail strong{font-size:13px}.profile-detail .profile-detail-caption{font-size:10px}.profile-note{font-size:11px}.profile-subscription{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:linear-gradient(120deg,var(--bg),color-mix(in srgb,var(--accent) 7%,var(--surface)))}.profile-subscription-symbol{width:43px;height:43px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:13px;flex-shrink:0;place-items:center;font-size:25px;display:grid}.profile-subscription p,.profile-subscription-footer p{font-size:11px}.profile-subheading h3{font-size:13px}.profile-limits span{font-size:11px}.profile-limits strong{color:var(--text-soft)}.profile-limits small{font-size:9px}.profile-sessions h3{font-size:13px}.profile-sessions p{font-size:11px}.profile-bottom{font-size:10px}.profile-bottom button{font-size:11px}@media (max-width:760px){.profile-nav button{font-size:11px}.profile-nav button[aria-current=page]:before{border-radius:3px 3px 0 0;width:17px;height:2px;top:auto;bottom:-1px;right:calc(50% - 8px)}}@media (max-width:540px){.profile-page-title h1{font-size:28px}.profile-overview{padding:23px}.profile-avatar{border-radius:19px;width:62px;height:62px;font-size:28px}.profile-name-row h2{font-size:20px}.profile-person-copy p,.profile-overview-meta strong{font-size:12px}.profile-nav button{font-size:10px}.profile-panel-heading h2{font-size:17px}.profile-panel-heading p{font-size:11px}.profile-form .auth-field input{font-size:16px}.profile-subscription h3{font-size:15px}.profile-subscription p{font-size:10px}}.profile-account-details{border-top:0;margin-top:0}.profile-account-details .profile-detail:first-child{padding-top:0}.profile-verify-button{margin-top:14px}.profile-page{isolation:isolate;position:relative}.profile-ambient{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.profile-page>.profile-header,.profile-page>.profile-shell,.profile-page>.auth-footer{z-index:1;position:relative}.profile-ambient span{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 16%,transparent),transparent 68%);will-change:transform;border-radius:50%;width:640px;height:640px;animation:26s ease-in-out infinite alternate profile-ambient-drift;position:absolute}.profile-ambient span:first-of-type{top:-230px;right:-140px}.profile-ambient span:nth-of-type(2){opacity:.7;width:740px;height:740px;animation-duration:32s;animation-delay:-14s;bottom:-270px;left:-270px}.profile-ambient span:nth-of-type(3){opacity:.3;width:460px;height:460px;animation-duration:35s;animation-delay:-22s;top:36%;right:30%}@keyframes profile-ambient-drift{0%{transform:translate(-30px,-18px)scale(.96)}to{transform:translate(65px,40px)scale(1.1)}}@media (max-width:540px){.profile-ambient span{width:470px;height:470px}.profile-ambient span:nth-of-type(2){width:540px;height:540px}.profile-ambient span:nth-of-type(3){display:none}}@media (prefers-reduced-motion:reduce){.profile-ambient span{will-change:auto;animation:none;transform:none}}.profile-ambient{--ambient-tone:color-mix(in srgb,var(--accent) 70%,#7290c8)}.profile-ambient>span{background:radial-gradient(ellipse at 45% 45%,color-mix(in srgb,var(--accent) 23%,transparent),color-mix(in srgb,var(--accent) 6%,transparent) 42%,transparent 70%);width:800px;height:800px}.profile-ambient>span:first-of-type{top:-280px;right:-200px}.profile-ambient>span:nth-of-type(2){opacity:.9;background:radial-gradient(ellipse,color-mix(in srgb,var(--ambient-tone) 22%,transparent),transparent 66%);width:850px;height:850px;bottom:-340px;left:-300px}.profile-ambient>span:nth-of-type(3){opacity:.4;width:650px;height:650px;top:24%;right:18%}.profile-ambient-grid{background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent) .8px,transparent 1px);opacity:.3;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000);mask-image:linear-gradient(90deg,#000,#0000 30% 70%,#000)}.profile-page .profile-ambient-lines{width:100%;height:100%;color:var(--accent);stroke:currentColor;stroke-width:.8px;opacity:.13;position:absolute;inset:0}.profile-ambient-lines>g{transform-origin:50%;animation:38s ease-in-out infinite alternate profile-contour-float}.profile-ambient-lines>g:nth-child(2){animation-duration:46s;animation-delay:-20s}.profile-ambient-lines circle{opacity:.55}.profile-ambient-particles{position:absolute;inset:0}.profile-ambient-particles i{background:var(--accent);opacity:.25;width:3px;height:3px;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;animation:19s ease-in-out infinite alternate profile-particle-float;position:absolute}.profile-ambient-particles i:first-child{top:20%;right:8%}.profile-ambient-particles i:nth-child(2){width:2px;height:2px;animation-delay:-6s;top:45%;left:7%}.profile-ambient-particles i:nth-child(3){animation-delay:-12s;bottom:13%;right:12%}.profile-ambient-particles i:nth-child(4){animation-duration:24s;top:12%;left:20%}.profile-ambient-particles i:nth-child(5){width:2px;height:2px;animation-delay:-9s;bottom:30%;left:15%}.profile-ambient-particles i:nth-child(6){animation-delay:-16s;top:62%;right:6%}html.light .profile-ambient{--ambient-tone:color-mix(in srgb,var(--accent) 80%,#c5a87c)}html.light .profile-ambient>span{background:radial-gradient(ellipse at 45% 45%,color-mix(in srgb,var(--accent) 34%,transparent),color-mix(in srgb,var(--accent) 12%,transparent) 42%,transparent 72%)}html.light .profile-ambient>span:nth-of-type(2){background:radial-gradient(ellipse,color-mix(in srgb,var(--ambient-tone) 36%,transparent),color-mix(in srgb,var(--ambient-tone) 8%,transparent) 44%,transparent 70%)}html.light .profile-page .profile-ambient-lines{opacity:.24;stroke-width:1.05px}html.light .profile-ambient-lines circle{opacity:.75}html.light .profile-ambient-grid{opacity:.45;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 36%,transparent) .85px,transparent 1px)}@media (max-width:540px){html.light .profile-page .profile-ambient-lines{opacity:.2}html.light .profile-ambient-grid{opacity:.32}}@keyframes profile-contour-float{0%{transform:translate(-18px,-12px)rotate(-1deg)}to{transform:translate(24px,20px)rotate(1deg)}}@keyframes profile-particle-float{0%{opacity:.15;transform:translateY(8px)}to{opacity:.45;transform:translate(13px,-18px)}}@media (max-width:540px){.profile-ambient>span{width:560px;height:560px}.profile-ambient>span:first-of-type{top:-140px;right:-200px}.profile-ambient>span:nth-of-type(2){width:630px;height:630px;bottom:-260px;left:-290px}.profile-ambient>span:nth-of-type(3){display:none}.profile-ambient-grid{opacity:.18;background-size:28px 28px}.profile-page .profile-ambient-lines{opacity:.08}}@media (prefers-reduced-motion:reduce){.profile-ambient>span,.profile-ambient-lines>g,.profile-ambient-particles i{will-change:auto;animation:none;transform:none}}.history-intro{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.history-period{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:inline-flex}.history-intro p{color:var(--muted);margin:0;font-size:10px}.history-filters{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.95fr);gap:9px;display:grid}.history-filters label{min-width:0}.history-filters input,.history-filters select{border:1px solid var(--border-strong);width:100%;min-width:0;min-height:42px;color:var(--text-soft);background:var(--bg);font:inherit;border-radius:9px;outline:none;padding:10px;font-size:11px}.history-filters input:focus,.history-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.history-filters select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}html.light .history-filters select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.history-search{position:relative}.history-search input{padding-right:34px}.history-search svg{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;top:13px;right:11px}.history-results{margin-top:24px;transition:opacity .15s}.history-results.is-loading{opacity:.55}.history-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;display:flex}.history-list-heading span{font-size:11px;font-weight:500}.history-list-heading small{color:var(--muted);font-size:10px}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:19px 0;display:flex}.history-item-icon{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;font-size:15px;display:grid}.history-item-icon.completed{color:#83ad97;background:color-mix(in srgb,#83ad97 5%,var(--bg));border-color:color-mix(in srgb,#83ad97 20%,var(--border))}.history-item-icon.failed{color:#c98989;background:color-mix(in srgb,#c98989 5%,var(--bg));border-color:color-mix(in srgb,#c98989 20%,var(--border))}.history-item-icon.processing{color:var(--accent)}.history-item-body{flex:1;min-width:0}.history-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-item-top strong{font-size:12px;font-weight:500}.history-status{border:1px solid var(--border);color:var(--muted);border-radius:5px;flex-shrink:0;padding:3px 7px;font-size:9px}.history-status.completed{color:#83ad97;border-color:color-mix(in srgb,#83ad97 20%,var(--border))}.history-status.failed{color:#c98989;border-color:color-mix(in srgb,#c98989 20%,var(--border))}.history-status.processing{color:var(--accent)}html.light .history-status.completed,html.light .history-item-icon.completed{color:#4b7a61}html.light .history-status.failed,html.light .history-item-icon.failed{color:#9b5a5a}.history-item-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px 15px;margin-top:8px;font-size:9px;display:flex}.history-size{flex-wrap:wrap;gap:6px;font-size:9px;display:flex}.history-size i{color:var(--muted-2);font-style:normal}.history-delete{width:29px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.history-delete svg{width:14px;height:14px}.history-delete:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.history-empty{text-align:center;padding:42px 12px 30px}.history-empty>div{border:1px solid var(--border);background:var(--bg);width:51px;height:51px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto 17px;display:grid}.history-empty svg{width:24px;height:24px}.history-empty h3{margin:0 0 10px;font-size:15px;font-weight:500}.history-empty p{color:var(--muted);max-width:360px;margin:0 auto 20px;font-size:11px;line-height:1.9}.history-empty .profile-secondary{font-size:10px}.history-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.history-footer p{color:var(--muted);margin:0;font-size:9px;line-height:1.9}.history-clear{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:10px;display:flex}.history-clear:hover:not(:disabled){color:var(--text)}.history-clear svg{width:13px;height:13px}.history-confirm{border:1px solid var(--border-strong);background:var(--bg);border-radius:11px;margin-top:20px;padding:15px}.history-confirm>div:first-child{align-items:start;gap:10px;display:flex}.history-confirm>div:first-child>svg{width:16px;height:16px;color:var(--muted);margin-top:4px}.history-confirm p{margin:0;font-size:11px;line-height:1.9}.history-confirm small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.history-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.history-loading{min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.history-loading i{border:1px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:1s linear infinite history-spinner}.history-pagination{justify-content:space-between;align-items:center;gap:12px;padding-top:19px;display:flex}.history-pagination span{color:var(--muted);font-size:10px}.history-pagination .profile-secondary{min-height:34px;padding:7px 12px;font-size:10px}@keyframes history-spinner{to{transform:rotate(360deg)}}@media (max-width:540px){.profile-nav{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.profile-nav button{flex-direction:column;gap:7px;padding:11px 3px;font-size:9px}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-search{grid-column:1/-1}.history-filters input,.history-filters select{font-size:16px}.history-filters select{min-height:44px;font-size:12px}.history-list li{gap:9px}.history-item-icon{border-radius:9px;width:30px;height:32px;font-size:13px}.history-item-top{align-items:start;gap:6px}.history-item-top strong{font-size:11px;line-height:1.8}.history-status{font-size:8px}.history-delete{width:24px}.history-item-meta{gap:7px;font-size:9px}.history-size{font-size:8px}.history-intro p{font-size:10px}}@media (prefers-reduced-motion:reduce){.history-loading i{animation:none}}.history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 22px;display:grid}.history-summary>div{border:1px solid var(--border);background:var(--bg);border-radius:13px;padding:17px 17px 15px;position:relative;overflow:hidden}.history-summary>div>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.history-summary>div>strong{margin:9px 0 3px;font-size:29px;font-weight:450;line-height:1.5;display:block}.history-summary>div>small{color:var(--muted);font-size:9px;display:block}.history-summary .history-summary-total{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--bg)),var(--bg));border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.history-summary-total>i{color:var(--accent);opacity:.7;font-size:18px;font-style:normal;position:absolute;top:13px;left:13px}.history-summary-total:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;width:105px;height:105px;position:absolute;bottom:-50px;left:-40px}.history-summary-completed>span i,.history-summary-failed>span i{background:#83ad97;border-radius:50%;width:5px;height:5px}.history-summary-failed>span i{background:#c98989}.history-summary-completed>strong{color:#83ad97}.history-summary-failed>strong{color:#c98989}html.light .history-summary-completed>strong{color:#4b7a61}html.light .history-summary-failed>strong{color:#9b5a5a}.history-filters{border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 65%,var(--surface));border-radius:12px;padding:11px}.history-filters input,.history-filters select{background:var(--surface);border-color:var(--border)}.history-list-heading{color:var(--muted);font-size:10px}.history-list li{padding:22px 0;transition:background .15s;position:relative}.history-list li:before{content:"";background:var(--border);width:1px;position:absolute;top:58px;bottom:-15px;right:17px}.history-list li:last-child:before{display:none}.history-item-icon{border-color:color-mix(in srgb,var(--accent) 15%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--bg));width:38px;height:38px;color:var(--accent);z-index:1;border-radius:12px}.history-item-icon.completed,.history-item-icon.failed,.history-item-icon.processing{color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg));border-color:color-mix(in srgb,var(--accent) 15%,var(--border))}html.light .history-item-icon.completed,html.light .history-item-icon.failed{color:var(--accent)}.history-item-icon svg{width:19px;height:19px}.history-status{background:var(--bg);border-radius:6px;padding:4px 8px}.history-status.completed{background:color-mix(in srgb,#83ad97 6%,var(--bg))}.history-status.failed{background:color-mix(in srgb,#c98989 6%,var(--bg))}.history-item-meta{margin-top:10px;font-size:10px}.history-size{gap:7px;font-size:9px}.history-footer{padding-top:20px}@media (max-width:540px){.history-summary{gap:7px}.history-summary>div{border-radius:11px;padding:13px 10px}.history-summary>div>span{font-size:9px}.history-summary>div>strong{font-size:25px}.history-summary>div>small{font-size:8px;line-height:1.8}.history-summary-total>i{font-size:14px;top:10px;left:8px}.history-filters{gap:8px;padding:9px}.history-item-icon{border-radius:10px;width:32px;height:34px}.history-item-icon svg{width:17px;height:17px}.history-list li:before{top:58px;bottom:-14px;right:15px}.history-item-meta{font-size:9px}.history-size{font-size:8px}.history-item-top strong{font-size:12px}.history-delete{width:44px;height:44px}}.klymb-brand{color:var(--text);direction:ltr;align-items:center;gap:9px;display:inline-flex}.klymb-symbol{width:39px;height:39px;color:var(--accent);flex:none}.klymb-wordmark{letter-spacing:2px;text-align:left;font-size:23px;font-weight:800;line-height:1.1}.klymb-wordmark small{letter-spacing:1.5px;color:var(--muted);margin-top:5px;font-size:7px;font-weight:500;display:block}.pricing-refresh{box-shadow:none;border-radius:0;position:relative;overflow:visible;background:0 0!important;border:0!important;padding:80px 0!important;display:block!important}.pricing-refresh:before,.pricing-refresh:after{display:none!important}.pricing-refresh-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.pricing-refresh-heading h2{letter-spacing:-1px;margin:12px 0 0;font-size:clamp(29px,3.4vw,43px);line-height:1.7}.pricing-refresh-heading h2 span{color:var(--accent)}.pricing-refresh-heading p{color:var(--muted);margin:0 0 8px;line-height:2.1}.pricing-refresh-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:20px;display:grid}.free-plan,.premium-plan{border:1px solid var(--border);background:var(--bg-soft);border-radius:26px;min-width:0;padding:30px}.premium-plan{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),var(--bg-soft)}.plan-kicker{letter-spacing:1.5px;color:var(--accent);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.plan-kicker i,.pricing-gateway-note i{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.free-plan h3,.premium-plan h3{margin:15px 0 2px;font-size:26px;line-height:1.8}.free-plan>p,.premium-plan-copy{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:2}.free-plan-price{align-items:center;gap:12px;margin:25px 0;font-size:40px;font-weight:700;display:flex}.free-plan-price small{color:var(--muted);font-size:11px;font-weight:400}.plan-feature-list{gap:17px;margin:0 0 30px;padding:0;font-size:12px;list-style:none;display:grid}.plan-feature-list li{gap:8px;line-height:1.9;display:flex}.plan-feature-list li:before{content:"✓";color:var(--accent)}.plan-free-action,.premium-plan-action{border:1px solid var(--border-strong);min-height:47px;color:var(--text);cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 15px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;display:flex}.plan-free-action:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.premium-plan-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.premium-orbit{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);width:65px;height:65px;color:var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 4%,transparent);border-radius:50%;flex:none;place-items:center;font-size:35px;display:grid}.plan-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;padding:0;display:grid}.plan-option{border:1px solid var(--border-strong);cursor:pointer;border-radius:16px;flex-direction:column;gap:13px;min-width:0;padding:16px 13px;transition:background .18s,border-color .18s;display:flex;position:relative}.plan-option input{opacity:0;width:1px;height:1px;position:absolute}.plan-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.plan-option.is-selected{background:color-mix(in srgb,var(--accent) 9%,var(--bg));border-color:var(--accent)}.plan-option-head{justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.plan-option-head i{border:1px solid var(--border-strong);border-radius:50%;flex:none;width:14px;height:14px}.is-selected .plan-option-head i{border:4px solid var(--accent);background:var(--bg)}.plan-option-price{white-space:nowrap;font-size:clamp(16px,1.8vw,22px);font-weight:700}.plan-option-price small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.plan-option-caption{color:var(--muted);font-size:10px}.plan-saving{color:var(--accent);font-size:9px;line-height:1.8}.plan-saving.is-neutral{color:var(--muted)}.premium-value-list{color:var(--text-soft);flex-wrap:wrap;gap:10px 20px;margin:23px 0;padding:0;font-size:11px;list-style:none;display:flex}.premium-value-list li{align-items:center;gap:7px;display:flex}.premium-value-list li span{color:var(--accent);font-size:17px}.premium-plan-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.premium-plan-bottom strong{font-size:18px;display:block}.premium-plan-bottom small{color:var(--muted);margin-top:5px;font-size:10px;line-height:2;display:block}.premium-plan-action{background:var(--accent);color:var(--bg);border-color:#0000}.premium-plan-action:hover{background:var(--accent-strong)}.pricing-gateway-note{color:var(--muted);align-items:center;gap:7px;margin:18px 0 0;font-size:10px;line-height:1.9;display:flex}.pricing-refresh-faq{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px;display:grid}.pricing-refresh-faq details{border-top:1px solid var(--border);padding:17px 2px}.pricing-refresh-faq summary{cursor:pointer;justify-content:space-between;gap:10px;font-size:12px;line-height:1.8;display:flex}.pricing-refresh-faq summary span{color:var(--accent)}.pricing-refresh-faq details p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:2.1}.membership-dialog-content>.plan-options{margin:0 0 24px}.membership-dialog .plan-option-price{font-size:19px}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:38px 0 15px}.site-footer-top{justify-content:space-between;align-items:center;gap:30px;padding-bottom:34px;display:flex}.site-footer-top p{color:var(--muted);margin:0;font-size:12px;line-height:2}.footer-account-link{border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:20px;padding:12px 16px;font-size:11px;display:flex}.site-footer-tools{border-top:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;padding:30px 0;display:grid}.site-footer-tools>div{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.site-footer-category{color:var(--text);justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.site-footer-category span{color:var(--accent);font-size:15px}.site-footer-tools button{color:var(--muted);text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-family:inherit;font-size:10px;line-height:1.7;display:flex}.site-footer-tools button:hover,.site-footer-tools a:hover,.site-footer-tools small{color:var(--accent)}.site-footer-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:10px;display:flex}.site-footer-bottom a{color:var(--text-soft)}.qr-workspace,.vocal-workspace{flex-direction:column;min-width:0;display:flex;overflow:hidden;gap:20px!important;padding:26px!important}.new-tool-tag{border:1px solid var(--border);white-space:nowrap;color:var(--muted);border-radius:20px;padding:5px 10px;font-size:10px}.new-tool-tag.is-premium{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.qr-kind-switch{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.qr-kind-switch button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;padding:11px 13px;font-family:inherit;font-size:12px;display:flex}.qr-kind-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 9%,var(--bg));border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}.qr-kind-switch small{font-size:9px}.qr-kind-switch span{font-family:Arial,sans-serif;font-size:14px}.new-tool-field{color:var(--text-soft);gap:10px;font-size:12px;display:grid}.new-tool-field textarea,.new-tool-field select{resize:vertical;background:var(--bg-soft);border:1px solid var(--border-strong);width:100%;min-width:0;color:var(--text);border-radius:12px;outline:none;padding:13px 14px;font-family:inherit;font-size:13px;line-height:1.9}.new-tool-field textarea:focus,.new-tool-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.new-tool-field small{color:var(--muted);font-size:10px;line-height:1.8}.qr-options{grid-template-columns:1fr 1fr;align-items:end;gap:18px;display:grid}.qr-options>span{color:var(--muted);padding-bottom:8px;font-size:10px;line-height:1.9}.new-tool-primary{border:1px solid var(--border-strong);background:var(--text);width:100%;min-height:47px;color:var(--bg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:15px;font-family:inherit;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:flex}.new-tool-primary:hover:enabled{background:var(--accent);transform:translateY(-1px)}.new-tool-primary:disabled{opacity:.45;cursor:not-allowed}.new-tool-error{background:color-mix(in srgb,#dc6262 5%,var(--bg));color:var(--text-soft);border:1px solid #dc626266;border-radius:12px;margin:0;padding:12px 14px;font-size:12px;line-height:2}.new-tool-error a{color:var(--accent);display:block}.new-tool-note{text-align:center;color:var(--muted)!important;margin:0!important;font-size:10px!important;line-height:1.9!important}.new-tool-service{color:var(--muted);background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;margin:0;padding:12px;font-size:11px;line-height:2}.qr-preview{background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:170px;padding:23px;display:flex}.qr-preview>p{color:var(--muted);margin:0;font-size:11px}.qr-preview.has-result{border-style:solid;grid-template-columns:150px 1fr;gap:22px;display:grid}.qr-preview-image{background:#fff;border-radius:10px;padding:4px;line-height:0;overflow:hidden}.qr-preview-image img{width:100%;height:auto}.qr-preview-copy strong{font-size:12px;line-height:2}.qr-preview-copy p{color:var(--muted);font-size:10px;line-height:1.9}.qr-downloads{flex-direction:column;gap:8px;display:flex}.qr-downloads a{border:1px solid var(--border-strong);min-height:35px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:10px;display:flex}.qr-downloads a:hover{border-color:var(--accent);color:var(--accent)}.qr-preview-placeholder{width:53px;height:53px;color:var(--accent);opacity:.5;position:relative}.qr-preview-placeholder span{border:3px solid;border-radius:3px;width:20px;height:20px;position:absolute}.qr-preview-placeholder span:after{content:"";background:currentColor;border-radius:1px;position:absolute;inset:3px}.qr-preview-placeholder span:first-child{top:0;left:0}.qr-preview-placeholder span:nth-child(2){top:0;right:0}.qr-preview-placeholder span:nth-child(3){bottom:0;left:0}.qr-preview-placeholder i{background:repeating-linear-gradient(45deg,currentColor 0 3px,#0000 3px 6px);width:20px;height:20px;position:absolute;bottom:0;right:0}.vocal-drop{min-height:240px!important;padding:25px 15px!important}.vocal-track-art{height:75px;color:var(--accent);justify-content:center;align-items:center;gap:4px;margin-bottom:10px;display:flex}.vocal-track-art i{opacity:.55;background:currentColor;border-radius:6px;width:4px}.vocal-track-art i:nth-child(3n){opacity:1}.vocal-filename{overflow-wrap:anywhere;max-width:100%;font-size:15px}.vocal-options{grid-template-columns:1fr 1fr;align-items:end;gap:20px;display:grid}.vocal-options>p{color:var(--muted);margin:0 0 9px;font-size:10px;line-height:2}.vocal-options>p strong{color:var(--text-soft);font-size:12px}.new-tool-label{color:var(--muted);margin-bottom:10px;font-size:11px;display:block}.vocal-progress{color:var(--muted);gap:12px;font-size:11px;line-height:2;display:grid}.vocal-progress progress{width:100%;height:5px;accent-color:var(--accent)}.vocal-results{gap:14px;display:grid}.vocal-results-heading{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.vocal-results-heading span,.vocal-results>small{color:var(--muted);font-size:10px;line-height:1.9}.vocal-stem{border:1px solid var(--border);background:var(--bg-soft);border-radius:14px;padding:14px}.vocal-stem>a{border-top:1px solid var(--border);color:var(--accent);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.stem-player{direction:ltr;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;display:grid}.stem-player audio{display:none}.stem-player button{border:1px solid var(--border-strong);width:35px;height:35px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%}.stem-player strong{text-align:right;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.stem-player input{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.stem-player small{text-align:right;color:var(--muted);grid-column:2;font-size:9px}@media (max-width:1000px){.pricing-refresh-grid{grid-template-columns:1fr 1.6fr}.free-plan,.premium-plan{padding:23px}.site-footer-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 35px}.premium-plan-bottom{flex-direction:column;align-items:stretch}.premium-plan-action{justify-content:center}.plan-option{padding:14px 10px}.plan-option-price{font-size:17px}}@media (max-width:720px){.pricing-refresh{padding:45px 0!important}.pricing-refresh-heading{flex-direction:column;align-items:flex-start;gap:14px}.pricing-refresh-heading h2{font-size:29px}.pricing-refresh-heading p{font-size:12px}.pricing-refresh-grid{grid-template-columns:1fr}.free-plan-price{margin:12px 0}.plan-feature-list{gap:8px;margin-bottom:18px}.pricing-refresh-faq{grid-template-columns:1fr;gap:0}.site-footer-top{flex-wrap:wrap;gap:22px}.site-footer-top p{font-size:11px}.site-footer-top .footer-account-link{justify-content:space-between;width:100%}.site-footer-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.site-footer-bottom{flex-wrap:wrap;gap:13px;font-size:9px}.site-footer-bottom>span:nth-child(2){order:3;width:100%}.plan-option-price{font-size:18px}.qr-workspace,.vocal-workspace{padding:20px!important}.new-tool-field textarea{font-size:16px}.qr-preview.has-result{grid-template-columns:120px 1fr;gap:16px;padding:16px}.qr-options{gap:12px}.qr-options>span{font-size:9px}.vocal-options{grid-template-columns:1fr}.vocal-options>p{margin:0}.klymb-symbol{width:31px;height:31px}.klymb-wordmark{font-size:19px}.klymb-wordmark small{font-size:6px}}@media (max-width:400px){.plan-options{gap:6px}.plan-option{gap:10px;padding:12px 8px}.plan-option-price{font-size:15px}.plan-option-head{font-size:10px}.plan-option-caption,.plan-saving{font-size:8px}.free-plan,.premium-plan{padding:20px}.qr-preview.has-result{grid-template-columns:1fr}.qr-preview-image{width:145px;margin:auto}.qr-preview-copy{text-align:center}.qr-downloads{flex-direction:row}.qr-downloads a{flex:1}.membership-dialog .plan-option-price{font-size:15px}}@media (prefers-reduced-motion:reduce){.plan-option,.new-tool-primary{transition:none}.new-tool-primary:hover:enabled{transform:none}}.klymb-brand{vertical-align:middle;gap:12px}.klymb-symbol{width:43px;height:43px;overflow:visible}.klymb-mark-spine{opacity:.7}.klymb-wordmark{letter-spacing:0;width:105px;line-height:1}.klymb-wordmark svg{width:100%;height:auto;display:block}.klymb-wordmark small{letter-spacing:2px;white-space:nowrap;color:var(--muted);margin-top:7px;font-family:Arial,sans-serif;font-size:6.5px;font-weight:500;line-height:1}.site-footer .klymb-symbol{width:49px;height:49px}.site-footer .klymb-wordmark{width:123px}@media (max-width:720px){.klymb-brand{gap:9px}.klymb-symbol{width:35px;height:35px}.klymb-wordmark{width:90px}.klymb-wordmark small{letter-spacing:1.5px;margin-top:6px;font-size:5.5px}}.auth-brand>.klymb-brand{color:var(--text);font-weight:inherit;letter-spacing:normal}.media-duration-notice{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--bg));color:var(--text-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:11px;line-height:2;display:flex}.media-duration-notice button{border:1px solid var(--border-strong);background:var(--bg);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:16px;padding:8px 12px;display:flex}.membership-duration-compare,.profile-media-duration{border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 4%,var(--bg));color:var(--muted);border-radius:12px;gap:9px;margin:15px 0;padding:15px;font-size:11px;display:grid}.membership-duration-compare strong,.profile-media-duration strong{color:var(--text-soft);font-size:13px}.membership-duration-compare i{color:var(--accent);margin:0 7px;font-style:normal}.membership-duration-compare small,.profile-media-duration small{font-size:10px;line-height:1.9}.premium-benefits-detail{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid;margin:26px 0!important}.premium-benefits-detail li{align-items:flex-start;gap:10px;min-width:0;font-size:12px}.premium-benefits-detail .premium-benefit-icon{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--bg));border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;display:grid}.premium-benefits-detail strong{color:var(--text);font-size:12px;line-height:2;display:block}.premium-benefits-detail p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:2.1}@media (max-width:720px){.premium-benefits-detail{grid-template-columns:1fr;gap:17px}.premium-benefits-detail strong{font-size:12px}.premium-benefits-detail p{font-size:11px}}.vocal-studio{gap:18px!important}.vocal-studio .vocal-drop.has-file{text-align:right;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;min-height:0!important;padding:18px!important}.vocal-drop.has-file .vocal-track-art{gap:2px;height:42px;margin:0;overflow:hidden}.vocal-drop.has-file .vocal-track-art i{width:2px;transform:scaleY(.5)}.vocal-file-copy{min-width:0}.vocal-file-copy p{line-height:1.8;margin:5px 0 0!important;font-size:10px!important}.vocal-drop.has-file .vocal-filename{font-size:12px;display:block}.vocal-drop.has-file .video-hint{grid-column:2/-1;margin:0!important}.vocal-drop.has-file .choose-button{white-space:nowrap;margin:0!important;font-size:10px!important}.vocal-source-panel,.vocal-controls,.vocal-studio .vocal-results{border:1px solid var(--border);background:var(--bg-soft);border-radius:18px;min-width:0;padding:18px}.vocal-section-heading{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.vocal-section-heading>span{border:1px solid var(--border);width:26px;height:26px;color:var(--accent);background:var(--bg);border-radius:9px;flex:none;place-items:center;font-size:10px;display:grid}.vocal-section-heading>div{flex:1;min-width:0}.vocal-section-heading strong{font-size:12px;font-weight:600;line-height:2}.vocal-section-heading p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.9}.vocal-text-action{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:6px 0;font-family:inherit;font-size:10px}.vocal-text-action:disabled{opacity:.4;cursor:default}.vocal-music-player{border:1px solid var(--border);background:var(--bg);border-radius:14px;min-width:0;padding:15px}.vocal-music-player audio{display:none}.vocal-player-main{direction:ltr;align-items:center;gap:12px;display:flex}.vocal-play-button{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg));width:40px;height:40px;color:var(--accent);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-family:Arial,sans-serif;font-size:15px;display:grid}.vocal-play-button:disabled{opacity:.4;cursor:default}.is-playing .vocal-play-button{background:var(--accent);color:var(--bg)}.vocal-player-main>div{text-align:left;flex:1;min-width:0}.vocal-player-main strong{font-size:11px;line-height:1.9;display:block}.vocal-player-caption{letter-spacing:1.3px;color:var(--muted);font-family:Arial,sans-serif;font-size:7px}.vocal-player-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text);font-family:Arial,sans-serif;font-size:12px}.vocal-player-time small{color:var(--muted);font-size:9px}.vocal-studio input[type=range]{accent-color:var(--accent);cursor:pointer;touch-action:pan-y;direction:ltr;min-width:0}.vocal-studio input[type=range]:disabled{opacity:.4;cursor:default}.vocal-seek{width:100%;height:4px;margin:18px 0 13px;display:block}.vocal-source-volume{color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;font-size:9px;display:flex}.vocal-source-volume input{width:86px;height:3px}.vocal-source-volume span{text-align:left;font-variant-numeric:tabular-nums;min-width:30px;font-size:10px}.vocal-range-editor{padding:18px 4px 0}.vocal-range-rail{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;direction:ltr;height:56px;position:relative}.vocal-range-ticks{background:repeating-linear-gradient(90deg,transparent 0 9px,var(--border) 9px 10px),var(--bg);border:1px solid var(--border);border-radius:9px;position:absolute;inset:6px 0}.vocal-range-window{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent);cursor:grab;border-radius:7px;place-items:center;display:grid;position:absolute;top:6px;bottom:6px;overflow:hidden}.vocal-range-window:active{cursor:grabbing}.vocal-range-window span{color:var(--accent);pointer-events:none;font-size:17px}.vocal-range-handle{background:var(--accent);cursor:ew-resize;z-index:2;width:18px;box-shadow:0 2px 7px var(--shadow);border-radius:6px;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;top:3px;bottom:3px}.vocal-range-handle.is-start{transform:translate(-80%)}.vocal-range-handle.is-end{transform:translate(-20%)}.vocal-range-handle i{background:var(--bg);opacity:.8;pointer-events:none;border-radius:2px;width:1px;height:15px}.vocal-range-window:focus-visible,.vocal-range-handle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;z-index:3}.vocal-range-labels{color:var(--muted);justify-content:space-between;margin-top:5px;font-family:Arial,sans-serif;font-size:9px;display:flex}.vocal-range-values{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:15px;display:grid}.vocal-range-values label{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.vocal-range-values label:last-child{justify-content:flex-end}.vocal-range-values input{border:1px solid var(--border-strong);background:var(--bg);width:55px;min-width:0;color:var(--text);text-align:center;direction:ltr;border-radius:7px;padding:6px 3px;font-family:Arial,sans-serif;font-size:11px}.vocal-range-values>strong{text-align:center;direction:ltr;font-family:Arial,sans-serif;font-size:12px}.vocal-range-values small{color:var(--muted);direction:rtl;margin-top:3px;font-family:inherit;font-size:8px;font-weight:400;display:block}.vocal-range-editor>p{color:var(--muted);text-align:center;margin:13px 0 0;font-size:9px;line-height:1.9}.vocal-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.vocal-mode-options button{border:1px solid var(--border-strong);background:var(--bg);color:var(--text);text-align:right;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:13px 10px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.vocal-mode-options button>span{color:var(--muted);font-size:19px;line-height:1}.vocal-mode-options strong{font-size:10px;font-weight:600;line-height:1.8}.vocal-mode-options small{color:var(--muted);font-size:8px;line-height:1.8}.vocal-mode-options button.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.vocal-mode-options button.is-selected>span{color:var(--accent)}.vocal-mode-options button:disabled{opacity:.6;cursor:default}.vocal-levels{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.vocal-level>span{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.vocal-level strong{color:var(--accent);font-size:11px;font-weight:500}.vocal-level input{width:100%;height:4px;margin:13px 0 8px}.vocal-level>small{color:var(--muted);font-size:8px;line-height:1.8;display:block}.vocal-level.is-muted{opacity:.45}.vocal-process-actions{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;display:grid}.vocal-preview-action{border:1px solid var(--border-strong);background:var(--bg-soft);min-height:49px;color:var(--text);cursor:pointer;border-radius:12px;padding:9px;font-family:inherit;font-size:11px;line-height:1.9}.vocal-preview-action small{color:var(--muted);font-size:8px;display:block}.vocal-preview-action:hover:enabled{border-color:var(--accent)}.vocal-preview-action:disabled{opacity:.4;cursor:default}.vocal-quota-note{color:var(--muted);margin:0;font-size:9px;line-height:2}.vocal-track-indicators{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:9px;display:flex}.vocal-track-indicators span{align-items:center;gap:5px;display:flex}.vocal-track-indicators i{background:var(--accent);border-radius:50%;width:5px;height:5px}.vocal-track-indicators .is-muted{opacity:.45}.vocal-track-indicators .is-muted i{background:var(--muted)}.vocal-export-actions{gap:10px;display:flex}.vocal-export-actions button{border:1px solid var(--border-strong);background:var(--bg);min-width:0;color:var(--text);text-align:right;cursor:pointer;border-radius:11px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:13px;font-family:inherit;font-size:10px;line-height:1.9;display:flex}.vocal-export-actions button:hover:enabled{border-color:var(--accent)}.vocal-export-actions button:disabled{opacity:.5;cursor:default}.vocal-export-actions small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.vocal-export-actions i{color:var(--accent);font-size:18px;font-style:normal}.vocal-player-unavailable{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:2}@media (max-width:540px){.vocal-source-panel,.vocal-controls,.vocal-studio .vocal-results{border-radius:14px;padding:14px}.vocal-studio .vocal-drop.has-file{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px!important}.vocal-drop.has-file .choose-button{grid-column:2;justify-self:start}.vocal-drop.has-file .video-hint{grid-column:1/-1}.vocal-mode-options{gap:6px}.vocal-mode-options button{gap:6px;padding:11px 8px}.vocal-mode-options strong{font-size:9px}.vocal-mode-options small{font-size:7px}.vocal-levels{grid-template-columns:1fr;gap:15px}.vocal-range-values{gap:6px}.vocal-range-values label{flex-wrap:wrap;font-size:8px}.vocal-range-values input{width:47px}.vocal-range-values>strong{font-size:10px}.vocal-range-values small{font-size:7px}.vocal-process-actions{grid-template-columns:1fr}.vocal-player-time{font-size:10px}.vocal-player-time small{font-size:8px}.vocal-player-main{gap:8px}.vocal-player-main strong{font-size:10px}.vocal-player-caption{letter-spacing:1px;font-size:6px}.vocal-music-player{padding:12px}.vocal-play-button{width:35px;height:35px}.vocal-export-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.vocal-mode-options button{transition:none}}.vocal-source-volume{direction:rtl;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) 33px;align-items:center;gap:9px;margin-top:14px;padding:0;display:grid}.vocal-mute-button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:3px;display:grid}.vocal-mute-button svg{width:16px;height:16px}.vocal-mute-button:hover{color:var(--accent);background:var(--bg-soft)}.vocal-source-volume>label{align-items:center;gap:12px;min-width:0;display:flex}.vocal-source-volume>label>span{color:var(--text-soft);text-align:right;white-space:nowrap;flex:none;font-size:10px}.vocal-source-volume input{width:100%;height:3px;margin:0}.vocal-source-volume .vocal-volume-reading{min-width:0;color:var(--text);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:1px;padding:0;font-size:11px;line-height:1.5;display:flex}.vocal-volume-reading small{color:var(--muted);font-size:8px}.vocal-range-values{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:12px}.vocal-range-values .vocal-time-field{min-width:0;color:var(--text);background:0 0;border:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:flex}.vocal-range-values .vocal-time-field:last-child{justify-content:flex-end}.vocal-time-field>span{color:var(--text-soft);font-size:10px}.vocal-time-entry{align-items:center;gap:5px;min-width:0;display:flex}.vocal-range-values .vocal-time-entry input{border:1px solid var(--border-strong);background:var(--bg);text-align:center;width:49px;box-shadow:none;border-radius:7px;outline:none;padding:5px 3px;font-size:12px;font-weight:500;line-height:1.5}.vocal-range-values .vocal-time-entry input:focus-visible{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:2px}.vocal-time-entry input::-webkit-inner-spin-button{appearance:none;margin:0}.vocal-time-entry input::-webkit-outer-spin-button{appearance:none;margin:0}.vocal-time-entry input[type=number]{appearance:textfield}.vocal-range-values .vocal-time-entry small{color:var(--muted);flex:none;margin:0;font-size:8px;display:inline}.vocal-time-entry input,.vocal-studio [lang=en]{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"locl" 0;direction:ltr;font-family:Arial,sans-serif!important}.watermark-workspace{min-width:0;box-shadow:0 20px 65px var(--shadow);flex-direction:column;gap:22px;display:flex;padding:26px!important;transform:none!important}.watermark-workspace .convert-panel-head{padding-bottom:4px}.watermark-color-control{align-items:center;gap:9px;display:flex}.watermark-color-control .editor-color-picker{border-radius:8px!important;width:30px!important;height:30px!important;min-height:0!important;padding:4px!important}.watermark-color-control .editor-color-picker span{border-radius:4px;width:100%;height:100%}.hero:has(.watermark-content){grid-template-columns:minmax(0,1fr);align-items:start;gap:0}.hero:has(.watermark-content)>.hero-copy{display:none}.hero:has(.watermark-content)>.workspace{max-width:1000px;margin-inline:auto}.watermark-stage:has(canvas){min-height:0}.watermark-content{grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important}.watermark-workspace [lang=en]{font-variant-numeric:tabular-nums;direction:ltr;font-family:Arial,sans-serif}.watermark-drop.has-file{text-align:right;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;min-height:110px!important;padding:18px!important}.watermark-drop-symbol{color:var(--accent);font-size:32px}.watermark-drop.has-file strong{overflow-wrap:anywhere;font-size:12px;display:block}.watermark-drop.has-file p{color:var(--muted);margin:4px 0 0;font-size:10px}.watermark-drop .video-hint{grid-column:1/-1}.watermark-drop:not(.has-file) .watermark-drop-symbol{margin-bottom:12px;display:block}.watermark-content{grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;display:grid}.watermark-config{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:19px;min-width:0;padding:18px;display:flex}.watermark-workspace .qr-kind-switch,.watermark-config .new-tool-field{margin:0}.watermark-config .new-tool-field input{border:1px solid var(--border-strong);background:var(--bg);width:100%;min-width:0;color:var(--text);border-radius:9px;padding:11px 12px;font-family:inherit;font-size:12px}.watermark-config .new-tool-field input:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.watermark-text-options{flex-direction:column;gap:13px;display:flex}.watermark-text-style{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.watermark-text-style>label:first-child{align-items:center;gap:8px;display:flex}.watermark-text-style input[type=color]{border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:7px;width:25px;height:25px;padding:3px}.watermark-check{color:var(--text-soft);cursor:pointer;align-items:center;gap:8px;font-size:10px;display:flex}.watermark-check input{accent-color:var(--accent);flex:none;width:14px;height:14px;margin:0}.watermark-check small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.watermark-repeat{border-top:1px solid var(--border);padding-top:12px}.watermark-placement{justify-content:space-between;align-items:center;gap:14px;display:flex}.watermark-placement p{color:var(--muted);max-width:150px;margin:5px 0 0;font-size:9px;line-height:1.9}.watermark-position-grid{flex:none;grid-template-columns:repeat(3,22px);gap:4px;display:grid}.watermark-position-grid button{border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.watermark-position-grid i{background:var(--muted);border-radius:1px;width:4px;height:4px}.watermark-position-grid button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.watermark-position-grid button[aria-pressed=true] i{background:var(--accent)}.watermark-sliders{flex-direction:column;gap:16px;display:flex}.watermark-sliders label>span{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.watermark-sliders output{color:var(--accent);font-size:11px}.watermark-sliders input{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:3px;width:100%;height:3px;margin:12px 0 0;display:block}.watermark-sliders input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%}.watermark-sliders input::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px}.watermark-sliders input:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.watermark-workspace button:disabled,.watermark-workspace input:disabled{cursor:default;opacity:.5}.watermark-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-family:inherit;font-size:9px}.watermark-reset:hover:enabled{color:var(--accent)}.watermark-reset span{margin-right:6px}.watermark-logo-picker{align-items:center;gap:10px;min-width:0;display:flex}.watermark-logo-picker>img,.watermark-logo-picker>span{object-fit:contain;border:1px solid var(--border);background:var(--bg);border-radius:9px;flex:none;width:48px;height:48px;padding:5px}.watermark-logo-picker>span{color:var(--accent);place-items:center;font-size:24px;display:grid}.watermark-logo-picker>div{min-width:0}.watermark-logo-picker strong{overflow-wrap:anywhere;font-size:10px;display:block}.watermark-logo-picker small{color:var(--muted);margin:5px 0;font-size:8px;line-height:1.9;display:block}.watermark-logo-picker .choose-button{min-height:0;margin-top:5px;padding:7px 10px;font-size:9px}.watermark-preview-panel{min-width:0}.watermark-preview-head{color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin:4px 0 13px;font-size:10px;display:flex}.watermark-preview-head small{color:var(--muted);font-size:8px}.watermark-stage{border:1px solid var(--border-strong);background-color:var(--bg-soft);background-image:conic-gradient(var(--border) 25%,transparent 0 50%,var(--border) 0 75%,transparent 0);background-size:16px 16px;border-radius:14px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.watermark-stage canvas{object-fit:contain;cursor:grab;touch-action:none;outline:none;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.watermark-stage canvas:active{cursor:grabbing}.watermark-stage.is-repeat canvas{cursor:default}.watermark-stage canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.watermark-placeholder{text-align:center;background:var(--bg-soft);flex-direction:column;justify-content:center;align-self:stretch;width:100%;padding:35px 16px;display:flex}.watermark-placeholder>span{color:var(--accent);opacity:.6;margin-bottom:20px;font-size:44px;line-height:1}.watermark-placeholder strong{color:var(--text-soft);font-size:11px;font-weight:500}.watermark-placeholder p,.watermark-preview-hint{color:var(--muted);font-size:9px;line-height:1.9}.watermark-preview-hint{text-align:center;margin:12px 5px 0}.watermark-output{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.watermark-output .qr-kind-switch{margin-top:8px}.watermark-output .qr-kind-switch button{flex:1;min-width:0;padding:7px 14px}.watermark-output p{color:var(--muted);max-width:185px;font-size:9px;line-height:1.9}.watermark-result{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--bg));border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.watermark-result strong{font-size:11px;font-weight:500;line-height:1.9}.watermark-result small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.watermark-result .download-button{white-space:nowrap;width:auto;min-width:130px;font-size:11px}@media (max-width:760px){.watermark-content{grid-template-columns:1fr!important}.watermark-preview-panel{grid-row:1}.watermark-stage{min-height:180px}.watermark-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.watermark-config{gap:18px}.watermark-placement p{max-width:none}.watermark-placement{gap:25px}.watermark-position-grid{grid-template-columns:repeat(3,25px)}.watermark-position-grid button{width:25px;height:25px}}@media (max-width:540px){.watermark-workspace{gap:16px}.watermark-drop.has-file{grid-template-columns:26px minmax(0,1fr);gap:10px;padding:16px!important}.watermark-drop.has-file>.choose-button{grid-column:2;justify-self:start}.watermark-config{border-radius:12px;padding:14px}.watermark-sliders{grid-template-columns:1fr;gap:18px}.watermark-output{flex-direction:column;align-items:flex-start;gap:9px}.watermark-output>div{width:100%}.watermark-output p{max-width:none;margin:0}.watermark-result{flex-direction:column;align-items:stretch}.watermark-result .download-button{width:100%}.watermark-text-style{gap:8px}}.vocal-range-length{background:color-mix(in srgb,var(--accent) 5%,var(--bg));border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:7px 12px;display:flex}.vocal-range-length>strong{color:var(--accent);letter-spacing:.3px;font-family:Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.3}.vocal-range-values .vocal-range-length small{color:var(--muted);margin:0;font-size:8px}.vocal-studio input[type=range]{appearance:none;background:var(--border-strong);border:0;border-radius:4px;outline:none}.vocal-studio input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%}.vocal-studio input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px}.vocal-studio input[type=range]:focus-visible{outline:1px solid var(--accent);outline-offset:5px}@media (max-width:540px){.vocal-source-volume{grid-template-columns:22px minmax(0,1fr) 28px;gap:7px}.vocal-source-volume>label{gap:8px}.vocal-source-volume>label>span{font-size:9px}.vocal-source-volume .vocal-volume-reading{font-size:10px}.vocal-range-values{gap:6px}.vocal-range-values .vocal-time-field{flex-direction:column;align-items:flex-start;gap:4px}.vocal-range-values .vocal-time-field:last-child{align-items:flex-end}.vocal-time-field>span{font-size:9px}.vocal-range-values .vocal-time-entry input{width:42px;padding:4px 2px;font-size:11px}.vocal-range-length{padding:6px 9px}.vocal-range-length>strong{font-size:11px}.vocal-range-values .vocal-range-length small{font-size:7px}.vocal-time-entry{gap:3px}}.hero:has(.image-editor-workbench){grid-template-columns:minmax(0,1fr);gap:28px}.hero:has(.image-editor-workbench) .hero-copy{grid-template-columns:1fr 1fr;align-items:center;gap:10px 36px;display:grid}.hero:has(.image-editor-workbench) .hero-copy .eyebrow{margin:0}.hero:has(.image-editor-workbench) .hero-copy h1{grid-column:1;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.35}.hero:has(.image-editor-workbench) .hero-copy h1 span{margin-inline-start:10px;display:inline}.hero:has(.image-editor-workbench) .hero-description{grid-area:2/2;max-width:none;margin:0;font-size:14px;line-height:1.9}.hero:has(.image-editor-workbench) .hero-meta{grid-area:1/2;gap:16px;margin:0}.klymb-page .workspace .image-editor-upload-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 4%, var(--surface)), var(--surface) 55%);box-shadow:0 28px 80px color-mix(in srgb, var(--shadow) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text) 4%, transparent);border-radius:26px;padding:14px;transform:none}.image-editor-upload-card .drop-zone.file-mode{background:0 0;border:0;padding:0}.image-editor-upload-card .upload-card-glow{display:none}.image-editor-workbench{--editor-stage-height:420px;--editor-preview-height:344px;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto var(--editor-stage-height) 82px;align-items:stretch;gap:12px;min-width:0;display:grid}.image-editor-workbench>.file-info{border-bottom:1px solid var(--border);grid-area:1/1/auto/-1;align-items:center;gap:18px;min-width:0;margin:0;padding:6px 4px 16px;display:flex}.image-editor-workbench-brand{text-align:right;flex-shrink:0;align-items:center;gap:11px;display:flex}.image-editor-brand-icon{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));border-radius:14px;place-items:center;display:grid}.image-editor-workbench-brand svg{width:23px;height:23px}.image-editor-workbench-brand strong{color:var(--text);font-size:16px;font-weight:750;display:block}.image-editor-workbench-brand small{color:var(--muted);letter-spacing:2px;font:9px/1.8 ui-sans-serif,system-ui,sans-serif;display:block}.image-editor-workbench .file-details{text-align:end;flex:1;min-width:0}.image-editor-workbench .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.image-editor-workbench .file-size{font-size:11px}.klymb-page .workspace .image-editor-workbench .file-info .ghost-button{flex-shrink:0;min-height:38px;padding:8px 14px;font-size:12px}.image-editor-workbench>.file-preview.image-editor-preview{height:var(--editor-stage-height);aspect-ratio:auto;border:1px solid var(--border);background-color:var(--surface-2);background-image:radial-gradient(color-mix(in srgb, var(--muted) 16%, transparent) .8px, transparent .8px), radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 70%);min-width:0;max-height:none;box-shadow:inset 0 0 55px color-mix(in srgb, var(--shadow) 15%, transparent);background-size:16px 16px,100% 100%;border-radius:18px;grid-area:2/1;padding:44px 24px 32px;position:relative}.image-editor-workbench .crop-editor.image-editor-mode{height:100%}.image-editor-workbench .image-editor-rotated{width:min(100%, calc(var(--editor-preview-height) * var(--editor-preview-ratio)));height:auto;max-height:none;box-shadow:0 12px 38px color-mix(in srgb, var(--shadow) 70%, transparent), 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent);border-radius:8px;flex:none}.image-editor-workbench .image-editor-image{width:100%;height:100%;transition:filter .2s;position:absolute;inset:0}.image-editor-stage-label,.image-editor-stage-meta{z-index:2;color:var(--muted);pointer-events:none;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:15px}.image-editor-stage-label{right:17px}.image-editor-stage-label>span{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%}.image-editor-stage-meta{letter-spacing:.5px;font-family:ui-monospace,monospace;font-size:10px;left:17px}.image-editor-stage-meta>span{opacity:.55;font-size:8px}.image-editor-workbench>.image-editor-dock{border:1px solid var(--border);background:var(--surface-2);border-radius:17px;grid-area:3/1;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:5px;min-width:0;padding:7px;display:grid}.image-editor-dock>button{min-width:0;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 3px;font-family:inherit;font-size:11px;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:flex}.image-editor-dock svg{flex-shrink:0;width:22px;height:22px}.image-editor-dock>button:hover{color:var(--text);background:color-mix(in srgb, var(--text) 4%, transparent)}.image-editor-dock>button[aria-selected=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 23%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 3px 10px color-mix(in srgb, var(--shadow) 15%, transparent)}.image-editor-workbench :is(button,input,select,[role=tabpanel]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.klymb-page .workspace .image-editor-workbench>.image-editor-panel{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:none;border-radius:18px;grid-area:2/2/4;grid-template-rows:auto minmax(0,1fr) auto;margin:0;padding:0;display:grid;overflow:hidden}.image-editor-workbench .image-editor-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:0;padding:17px 18px}.image-editor-workbench .image-editor-eyebrow{letter-spacing:0;color:var(--muted);margin-bottom:4px;font-size:9px}.image-editor-workbench .image-editor-head strong{align-items:center;gap:8px;font-size:15px;line-height:1.6;display:flex}.image-editor-workbench .image-editor-head strong svg{width:18px;height:18px;color:var(--accent)}.image-editor-workbench .image-editor-history{gap:5px}.image-editor-workbench .image-editor-history button{background:var(--surface-2);width:30px;min-width:30px;height:30px;color:var(--text);border:1px solid var(--border);box-shadow:none;border-radius:9px;padding:0;font-size:18px}.image-editor-workbench .image-editor-history button:disabled{opacity:.3;cursor:default}.image-editor-settings-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 35%, transparent) transparent;scrollbar-gutter:stable;min-height:0;padding:15px 17px;overflow:hidden auto}.image-editor-section-hint{color:var(--muted);text-align:right;margin:0 0 18px;font-size:11px;line-height:1.9}.image-editor-workbench [hidden]{display:none!important}.image-editor-workbench .image-editor-subsection{border-top:1px solid var(--border);margin-top:17px;padding-top:16px}.image-editor-workbench [role=tabpanel]>.image-editor-subsection{border-top:0;margin:0;padding:0}.image-editor-workbench .image-editor-section-title{color:var(--text);margin:0 0 12px;font-size:12px;font-weight:600}.image-editor-workbench .image-editor-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.image-editor-workbench .image-editor-action{min-height:50px;box-shadow:none;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-direction:row;gap:6px;padding:8px}.image-editor-workbench .image-editor-action span{font-size:18px}.image-editor-workbench .image-editor-action small{font-size:10px}.image-editor-workbench .image-editor-action:last-child{grid-column:1/-1;min-height:34px}.image-editor-workbench .image-editor-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.image-editor-workbench .image-editor-preset-grid button{min-height:36px;box-shadow:none;border-radius:9px;padding:6px;font-size:11px}.image-editor-workbench .image-editor-adjustments{background:0 0;border:0;gap:15px;margin:0;padding:0;display:grid}.image-editor-workbench .image-editor-range{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.image-editor-workbench .image-editor-range>div{margin-bottom:10px;font-size:11px}.image-editor-workbench .image-editor-range strong{min-width:36px;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:2px 6px;font:10px/1.8 ui-monospace,monospace}.image-editor-workbench .image-editor-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.image-editor-workbench .image-editor-filter-grid button{min-height:64px;box-shadow:none;border-radius:12px;gap:6px;padding:6px;font-size:10px}.image-editor-workbench .filter-swatch{background:radial-gradient(at 70% 25%,#ffdaa5 0 10%,#0000 11%),linear-gradient(145deg,#0000 50%,#546b79 51%),linear-gradient(30deg,#8cb2a2 40%,#0000 41%),linear-gradient(#aac8cf,#e4d9b8);border-radius:7px;width:100%;height:31px;min-height:31px}.image-editor-workbench :is(.image-editor-size-grid,.editor-text-controls,.editor-text-style-grid,.editor-text-position-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px;min-width:0}.image-editor-workbench .editor-text-controls{margin-top:16px}.image-editor-workbench .editor-text-style-grid{border-top:1px solid var(--border);margin-top:15px;padding-top:15px}.image-editor-workbench .editor-size-field,.image-editor-workbench .editor-text-background-control{grid-column:1/-1}.image-editor-workbench .editor-text-background-control{justify-content:space-between}.image-editor-workbench .editor-text-position-grid{margin-top:15px}.image-editor-workbench .editor-control-toggle{min-height:36px;box-shadow:none;border-radius:9px;gap:7px;padding:7px 9px;font-size:11px}.image-editor-workbench .editor-control-field>span,.image-editor-workbench .editor-range-field>span,.image-editor-workbench .image-editor-size-grid label>span{color:var(--muted);font-size:11px}.image-editor-workbench .editor-control-field select{border-radius:9px;width:100%;min-width:0;padding:9px;font-size:11px}.image-editor-workbench .image-editor-text-row{grid-template-columns:minmax(0,1fr) 38px;gap:8px}.image-editor-workbench .image-editor-text-row>input{border-radius:9px;min-height:40px;padding:9px;font-size:12px}.image-editor-workbench .editor-color-picker{border-radius:10px;width:38px;min-width:38px;height:40px;min-height:40px}.image-editor-workbench .image-editor-draw-toolbar{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px;display:grid}.image-editor-workbench .editor-draw-width-field{grid-column:1/-1;margin:8px 0}.image-editor-workbench .image-editor-draw-toolbar>button:last-child{grid-column:1/-1}.image-editor-workbench .image-editor-draw-toolbar>button{border-radius:10px;min-height:38px;padding:8px;font-size:11px}.image-editor-workbench .image-editor-hint{background:var(--surface-2);border-radius:9px;margin-top:17px;padding:10px;font-size:10px;line-height:1.8}.image-editor-workbench .image-editor-footer{border-top:1px solid var(--border);background:var(--surface);margin:0;padding:12px 17px 16px}.image-editor-export-note{color:var(--muted);text-align:center;margin-bottom:8px;font-size:9px;display:block}.klymb-page .workspace .image-editor-workbench .image-editor-footer .download-button{border-radius:11px;min-height:42px;padding:10px 16px;font-size:12px}.image-editor-workbench>:is(.compress-status,.workspace-error){grid-column:1/-1}@media (max-width:900px){.image-editor-workbench{grid-template-columns:minmax(0,1fr) 280px}.image-editor-dock>button{font-size:10px}}@media (max-width:760px){.hero:has(.image-editor-workbench) .hero-copy{display:block}.hero:has(.image-editor-workbench) .hero-copy h1{margin-top:10px;font-size:32px}.hero:has(.image-editor-workbench) .hero-description{margin-top:10px;font-size:13px}.hero:has(.image-editor-workbench) .hero-meta{margin-top:14px}.klymb-page .workspace .image-editor-upload-card{border-radius:20px;padding:10px}.image-editor-workbench{--editor-stage-height:320px;--editor-preview-height:244px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--editor-stage-height) 76px auto;gap:10px}.image-editor-workbench>.file-info{flex-wrap:wrap;gap:10px;padding:4px 2px 12px}.image-editor-workbench-brand{flex:1}.image-editor-workbench-brand strong{font-size:14px}.image-editor-workbench .file-details{text-align:right;flex-basis:100%;order:3;justify-content:space-between;align-items:center;gap:12px;display:flex}.image-editor-workbench>.file-preview.image-editor-preview{padding-inline:16px}.image-editor-workbench>.image-editor-dock{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;gap:4px;padding:6px;display:flex;overflow-x:auto}.image-editor-dock>button{flex:1 0 62px;font-size:10px}.image-editor-dock>button:first-child{flex-basis:87px}.klymb-page .workspace .image-editor-workbench>.image-editor-panel{grid-area:4/1;height:440px}.image-editor-workbench .image-editor-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.image-editor-workbench .image-editor-filter-grid button{min-height:74px;font-size:9px}.image-editor-settings-scroll{padding:14px 16px}}@media (prefers-reduced-motion:reduce){:is(.image-editor-workbench *,.hero:has(.image-editor-workbench)){transition:none;animation:none}}.image-editor-workbench .file-details{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.image-editor-workbench .image-editor-subsection{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:14px 0 0}.image-editor-workbench [role=tabpanel]>.image-editor-subsection{border:0}.image-editor-workbench .image-editor-draw-toggle{white-space:nowrap}.image-editor-workbench .image-editor-slider-row{padding:0}@media (max-width:760px){.image-editor-workbench .file-details{flex-direction:row;align-items:center}}.hero:has(.batch-image-has-files){grid-template-columns:minmax(0,1fr);gap:26px}.hero:has(.batch-image-has-files) .hero-copy{grid-template-columns:1fr 1fr;align-items:center;gap:10px 36px;display:grid}.hero:has(.batch-image-has-files) .hero-copy .eyebrow{margin:0}.hero:has(.batch-image-has-files) .hero-copy h1{grid-column:1;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.35}.hero:has(.batch-image-has-files) .hero-copy h1 span{margin-inline-start:10px;display:inline}.hero:has(.batch-image-has-files) .hero-description{grid-area:2/2;max-width:none;margin:0;font-size:14px;line-height:1.9}.hero:has(.batch-image-has-files) .hero-meta{grid-area:1/2;gap:16px;margin:0}.klymb-page .workspace .batch-image-workspace{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 4%, var(--surface)), var(--surface) 60%);min-width:0;padding:20px;transform:none}.batch-image-workspace svg{flex-shrink:0;width:22px;height:22px}.batch-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:18px;display:flex}.batch-title{text-align:right;align-items:center;gap:12px;display:flex}.batch-brand{width:43px;height:43px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));border-radius:14px;place-items:center;display:grid}.batch-title .convert-eyebrow{letter-spacing:2px;margin:0 0 4px;font-size:9px}.batch-title strong{color:var(--text);letter-spacing:-.03em;font-size:17px;display:block}.batch-premium{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface));white-space:nowrap;border-radius:99px;padding:6px 10px;font-size:10px}.batch-drop-zone{border-radius:19px;gap:12px;min-height:345px;padding:28px 18px}.batch-drop-zone .drop-title{margin:14px 0 0;font-size:23px}.batch-drop-zone .drop-subtitle{margin:0;font-size:12px}.batch-upload-art{width:80px;height:72px;margin:5px auto 10px;position:relative}.batch-upload-art i,.batch-upload-art>span{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:var(--surface-2);border-radius:15px;position:absolute;inset:7px 10px}.batch-upload-art i:first-child{opacity:.55;transform:rotate(-15deg)translate(-9px,4px)}.batch-upload-art i:nth-child(2){opacity:.75;transform:rotate(12deg)translate(8px,-1px)}.batch-upload-art>span{background:color-mix(in srgb, var(--accent) 9%, var(--surface));color:var(--accent);place-items:center;display:grid}.batch-upload-art svg{width:28px;height:28px}.batch-limits{color:var(--muted);text-align:center;gap:7px;margin-top:8px;font-size:10px;display:grid}.batch-limits>span:first-child{letter-spacing:1px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px}.batch-workbench{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:16px;min-width:0;display:grid}.batch-main{min-width:0}.batch-preview{border:1px solid var(--border);background:radial-gradient(color-mix(in srgb, var(--muted) 17%, transparent) .8px, transparent .8px) 0 0 / 16px 16px, var(--surface-2);border-radius:18px;justify-content:center;align-items:center;height:320px;padding:38px 25px 42px;display:flex;position:relative;overflow:hidden}.batch-preview canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 10px 30px color-mix(in srgb, var(--shadow) 60%, transparent);background:repeating-conic-gradient(var(--surface) 0% 25%, var(--surface-3) 0% 50%) 0 0 / 16px 16px;border-radius:6px;display:block}.batch-preview-label{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:13px;right:16px}.batch-preview-label>span{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%}.batch-preview-format{color:var(--muted);letter-spacing:1px;font:9px/1.6 ui-monospace,monospace;position:absolute;top:13px;left:16px}.batch-preview-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.batch-preview-meta>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:65%;overflow:hidden}.batch-preview-meta>span:last-child{flex-shrink:0;font-family:ui-monospace,monospace}.batch-queue-head{justify-content:space-between;align-items:center;gap:10px;padding:17px 2px 10px;display:flex}.batch-queue-head>div{align-items:center;gap:9px;display:flex}.batch-queue-head strong{color:var(--text);font-size:12px;font-weight:600}.batch-queue-head span{color:var(--muted);font-size:10px}.batch-small-action{border:1px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 9px;font:10px/1.6 inherit;transition:border-color .2s,color .2s;display:inline-flex}.batch-small-action:hover{color:var(--text);border-color:var(--border-strong)}.batch-small-action:disabled{opacity:.4;cursor:default}.batch-small-action:has(input:disabled){opacity:.4;cursor:default}.batch-thumbnails{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;gap:9px;min-width:0;padding:4px 2px 9px;display:flex;overflow-x:auto}.batch-thumbnails.is-dragging{outline:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);border-radius:13px}.batch-thumbnail{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:0 0 115px;transition:border-color .18s,background .18s;position:relative;overflow:hidden}.batch-thumbnail.selected{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.batch-thumbnail-select{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:right;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:5px;padding:7px;display:flex}.batch-thumbnail-select img{object-fit:contain;background:var(--surface-2);border-radius:6px;width:100%;height:53px}.batch-thumbnail-select>span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.batch-thumbnail-select small{color:var(--muted);text-align:right;font:8px/1.4 ui-monospace,monospace}.batch-thumbnail-remove{border:1px solid var(--border);background:var(--surface);width:21px;height:21px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:3px;left:3px}.batch-thumbnail-remove:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.batch-queue-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 2px 0;font-size:9px;display:flex}.batch-queue-foot strong{color:var(--text);margin-inline-start:5px;font:9px ui-monospace,monospace}.batch-settings{background:var(--surface);border:1px solid var(--border);border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:517px;display:grid;overflow:hidden}.batch-settings-head{justify-content:space-between;align-items:center;gap:8px;padding:15px 17px 12px;display:flex}.batch-settings-head small{color:var(--muted);margin-bottom:3px;font-size:9px;display:block}.batch-settings-head strong{color:var(--text);font-size:15px}.batch-settings-head>span{color:var(--muted);background:var(--surface-2);border-radius:7px;padding:4px 7px;font-size:9px}.batch-settings-tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 12px;padding:4px;display:grid}.batch-settings-tabs button{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 1px;font-size:9px;display:flex}.batch-settings-tabs svg{width:18px;height:18px}.batch-settings-tabs button[aria-selected=true]{color:var(--accent);background:var(--surface);border-color:color-mix(in srgb, var(--accent) 24%, var(--border));box-shadow:0 2px 7px color-mix(in srgb, var(--shadow) 12%, transparent)}.batch-settings-scroll{overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;padding:16px;overflow:hidden auto}.batch-setting-hint{color:var(--muted);margin:0 0 16px;font-size:11px;line-height:1.9}.batch-controls{border:0;min-width:0;margin:0;padding:0}.batch-controls [hidden]{display:none!important}.batch-controls :is(button,input){font-family:inherit}.batch-controls button{cursor:pointer}.batch-controls :disabled{opacity:.4;cursor:default}.batch-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.batch-format-grid button{text-align:right;border:1px solid var(--border);background:var(--surface-2);min-height:74px;color:var(--text);border-radius:12px;padding:13px 12px;position:relative}.batch-format-grid strong{margin-bottom:7px;font-size:13px;display:block}.batch-format-grid small{color:var(--muted);font-size:9px}.batch-format-grid button>span{color:var(--accent);font-size:10px;position:absolute;top:9px;left:9px}.batch-format-grid button.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.batch-inline-note{color:var(--muted);background:var(--surface-2);border-radius:9px;margin:15px 0 0;padding:11px;font-size:10px;line-height:1.9}.batch-toggle{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;padding-bottom:16px;display:flex}.batch-toggle strong{color:var(--text);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.batch-toggle small{color:var(--muted);font-size:9px;line-height:1.8}.batch-toggle>input{appearance:none;border:1px solid var(--border-strong);background:var(--surface-3);cursor:pointer;border-radius:99px;flex-shrink:0;width:32px;height:19px;transition:background .18s;position:relative}.batch-toggle>input:before{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.batch-toggle>input:checked{background:var(--accent);border-color:var(--accent)}.batch-toggle>input:checked:before{background:var(--surface);transform:translate(13px)}.batch-quality-presets,.batch-edge-presets,.batch-mark-kind{gap:6px;display:flex}.batch-quality-presets button,.batch-edge-presets button,.batch-mark-kind button{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--muted);border-radius:9px;flex:1;padding:9px 5px;font-size:10px}.batch-controls button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.batch-range{gap:12px;margin-top:18px;display:grid}.batch-range>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.batch-range strong{text-align:center;background:var(--surface-2);min-width:34px;color:var(--text);border-radius:5px;padding:2px 5px;font:10px/1.7 ui-monospace,monospace}.batch-range input{width:100%;accent-color:var(--accent);cursor:grab;height:16px;margin:0}.batch-range input:active{cursor:grabbing}.batch-number,.batch-text-field{color:var(--muted);gap:9px;margin-top:15px;font-size:11px;display:grid}.batch-number>span{justify-content:space-between;align-items:center;display:flex}.batch-number input,.batch-text-field input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:var(--surface-2);font:inherit;border-radius:10px;padding:11px 12px;font-size:12px}.batch-number input{text-align:center;font-family:ui-monospace,monospace}.batch-edge-presets{direction:ltr;margin-top:10px}.batch-mark-kind{margin-bottom:15px}.batch-mark-colors{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.batch-mark-colors>label{align-items:center;gap:6px;font-size:10px;display:flex}.batch-mark-colors input,.batch-repeat input{accent-color:var(--accent)}.batch-logo-picker{border:1px dashed var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:center;border-radius:11px;gap:7px;padding:16px 12px;display:grid}.batch-logo-picker span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batch-logo-picker small{color:var(--muted);font-size:9px}.batch-position-head{color:var(--muted);margin:16px 0 9px;font-size:11px}.batch-positions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.batch-positions button{border:1px solid var(--border);background:var(--surface-2);height:31px;color:var(--muted);border-radius:7px;position:relative}.batch-positions button span{background:currentColor;border-radius:1px;width:8px;height:5px;position:absolute}.batch-repeat{color:var(--muted);align-items:center;gap:8px;margin-top:17px;font-size:10px;display:flex}.batch-settings-footer{border-top:1px solid var(--border);background:var(--surface);padding:12px 16px 13px}.batch-settings-summary{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:10px;display:flex}.batch-settings-summary span{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:8px}.klymb-page .workspace .batch-settings-footer .download-button{border-radius:11px;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:10px 13px;font-size:12px;display:flex}.batch-settings-footer>small{text-align:center;color:var(--muted);margin-top:8px;font-size:9px;display:block}.batch-field-error{color:var(--text);margin:10px 0 0;font-size:10px;line-height:1.8}.batch-processing{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;margin-top:17px;padding:17px}.batch-processing>div{color:var(--text);align-items:center;gap:9px;font-size:12px;display:flex}.batch-processing>div>span:last-child{color:var(--accent);margin-inline-start:auto;font:11px ui-monospace,monospace}.batch-processing-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;animation:1.4s ease-in-out infinite batch-pulse}.batch-processing progress{width:100%;height:5px;accent-color:var(--accent);background:var(--surface-3);border:0;border-radius:99px;margin-top:16px;display:block;overflow:hidden}.batch-processing progress::-webkit-progress-bar{background:var(--surface-3)}.batch-processing progress::-webkit-progress-value{background:var(--accent);border-radius:99px;transition:width .3s}.batch-processing small{color:var(--muted);margin-top:9px;font-size:10px;display:block}.batch-error,.batch-notice{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);overflow-wrap:anywhere;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:13px 15px;font-size:11px;line-height:1.9;display:flex}.batch-error small{color:var(--muted);flex-basis:100%;font-size:10px}.batch-error button{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:6px 9px}.batch-notice{color:var(--muted);font-size:10px}.batch-quota{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;padding-top:16px;font-size:10px;display:flex}.batch-quota strong{color:var(--text);margin-inline-start:5px;font-size:11px;font-weight:600}.batch-quota a{color:var(--accent);margin-inline-start:auto;font-size:10px;text-decoration:none}.batch-results{border:1px solid var(--border-strong);background:var(--surface);border-radius:17px;margin-top:18px;padding:17px}.batch-result-head,.batch-result-head>div{align-items:center;gap:12px;display:flex}.batch-result-head{justify-content:space-between}.batch-result-head strong{color:var(--text);font-size:14px;display:block}.batch-result-head small{color:var(--muted);margin-top:5px;font:10px/1.6 ui-monospace,monospace;display:block}.batch-success-mark{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));width:36px;height:36px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.klymb-page .workspace .batch-result-head .download-button{border-radius:10px;gap:10px;min-height:40px;padding:10px 15px;font-size:12px}.batch-result-files{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:218px;margin-top:16px;padding-inline-end:3px;display:grid;overflow-y:auto}.batch-result-files a{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px;text-decoration:none;display:flex}.batch-result-files a:hover{border-color:var(--border-strong)}.batch-result-files a>span:first-child{min-width:0}.batch-result-files strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.batch-result-files small{color:var(--muted);margin-top:5px;font:9px/1.6 ui-monospace,monospace;display:block}.batch-results>p{color:var(--muted);margin:12px 0 0;font-size:9px;line-height:1.8}.batch-results>.batch-stale{color:var(--accent);background:var(--surface-2);border-radius:8px;padding:9px 11px;font-size:10px}.batch-results .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.batch-image-workspace :is(button,input,[role=tabpanel],a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes batch-pulse{50%{opacity:.4}}@media (max-width:900px){.batch-workbench{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.batch-queue-head{flex-wrap:wrap}}@media (max-width:760px){.hero:has(.batch-image-has-files) .hero-copy{display:block}.hero:has(.batch-image-has-files) .hero-copy h1{margin-top:10px;font-size:32px}.hero:has(.batch-image-has-files) .hero-description{margin-top:10px;font-size:13px}.hero:has(.batch-image-has-files) .hero-meta{margin-top:14px}.klymb-page .workspace .batch-image-workspace{border-radius:20px;padding:12px}.batch-heading{gap:7px;margin-bottom:12px;padding-bottom:13px}.batch-title{gap:8px}.batch-title strong{font-size:14px}.batch-brand{border-radius:11px;width:36px;height:36px}.batch-premium{padding:5px 7px;font-size:9px}.batch-workbench{grid-template-columns:minmax(0,1fr);gap:16px}.batch-preview{height:285px;padding-inline:16px}.batch-preview-meta{flex-direction:column;align-items:flex-end;gap:3px;bottom:9px}.batch-preview-meta>span:first-child{max-width:100%}.batch-queue-head{gap:8px}.batch-queue-head strong{font-size:11px}.batch-small-action{padding:6px;font-size:9px}.batch-queue-foot>span:last-child{display:none}.batch-settings{height:476px}.batch-result-head{flex-wrap:wrap}.batch-result-head>a{justify-content:center;width:100%}.batch-result-files{grid-template-columns:minmax(0,1fr)}.batch-quota{gap:10px 15px;font-size:9px}.batch-quota strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.batch-image-workspace *{transition:none;animation:none}}.batch-video-workspace .batch-settings{height:550px}.batch-video-preview{height:300px;padding:38px 18px 40px}.batch-video-preview video{object-fit:contain;border-radius:7px;width:100%;height:100%;display:block}.batch-video-unavailable{text-align:center;color:var(--muted);justify-items:center;gap:12px;padding:16px;line-height:1.9;display:grid}.batch-video-unavailable svg{width:32px;height:32px;color:var(--accent)}.batch-video-unavailable strong{color:var(--text);font-size:11px;font-weight:500}.batch-video-unavailable small{font-size:10px}.batch-video-player{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:9px;min-height:45px;margin-top:9px;padding:7px 10px;display:flex}.batch-video-player>button{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));width:29px;height:29px;color:var(--accent);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.batch-video-player svg{width:16px;height:16px}.batch-video-player>span{color:var(--muted);white-space:nowrap;font:9px ui-monospace,monospace}.batch-video-player .batch-video-preview-switch{width:auto;min-width:42px;padding:0 7px;font-family:inherit;font-size:9px}.batch-video-player>input{--seek:0%;appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--seek), var(--surface-3) var(--seek) 100%);cursor:pointer;touch-action:pan-y;border:0;border-radius:99px;flex:1;width:0;min-width:20px;height:5px;margin:0}.batch-video-player>input::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface);background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 50%, var(--border));border-radius:50%}.batch-video-player>input::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:8px;height:8px}.batch-video-player :disabled{opacity:.45;cursor:default}.batch-video-player :focus-visible,.batch-video-quality button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.batch-video-placeholder{height:64px;color:var(--accent);background:var(--surface-2);border-radius:7px;place-items:center;display:grid}.batch-video-quality{gap:9px;display:grid}.batch-video-quality button{text-align:right;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.batch-video-quality-icon{border:1px solid var(--border);height:30px;color:var(--accent);background:var(--surface);border-radius:9px;flex:0 0 30px;place-items:center;font-size:16px;display:grid}.batch-video-quality strong{margin-bottom:5px;font-size:12px;font-weight:500;display:block}.batch-video-quality small{color:var(--muted);font-size:9px;display:block}.batch-video-quality i{border:1px solid var(--border-strong);border-radius:50%;flex:0 0 11px;height:11px;margin-inline-start:auto}.batch-video-quality [aria-pressed=true] i{border:3px solid var(--surface);background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.batch-video-field-title{color:var(--muted);margin:0 0 11px;font-size:10px;display:block}.batch-video-resolutions button{min-height:51px}.batch-video-resolutions strong{margin:0;font-size:11px}.batch-video-dimensions{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0 0 14px;padding:10px 0 16px;font-size:9px;display:flex}.batch-video-dimensions strong{color:var(--text);font:10px ui-monospace,monospace}.batch-video-progress-foot{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.batch-video-progress-foot small{margin:0;line-height:1.8}.batch-processing>.batch-video-file-progress{border-top:1px solid var(--border);gap:6px;margin-top:12px;padding-top:12px;display:grid}.batch-video-file-progress>div{justify-content:space-between;gap:14px;font-size:10px;display:flex}.batch-video-file-progress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-video-file-progress small{flex-shrink:0;margin:0}@media (max-width:800px){.batch-video-workspace .batch-workbench{grid-template-columns:minmax(0,1fr)}.batch-video-workspace .batch-settings{height:515px}}@media (max-width:480px){.batch-video-preview{height:245px;padding-inline:12px}.batch-video-player{gap:6px;padding-inline:7px}.batch-video-player>span{font-size:8px}.batch-video-workspace .batch-queue-head{flex-wrap:wrap}.batch-video-workspace .batch-settings{height:550px}.batch-video-workspace .batch-limits>span:last-child{max-width:260px;line-height:1.9}}.batch-video-workspace .batch-queue-foot>span:last-child{display:inline}html.klymb-theme-transition::view-transition-old(root){z-index:0;mix-blend-mode:normal;animation:none}html.klymb-theme-transition::view-transition-new(root){z-index:1;mix-blend-mode:normal;animation:.56s cubic-bezier(.22,.68,.14,1) both klymb-theme-reveal}html.klymb-theme-transition::view-transition-group(root){animation:none}html.klymb-theme-transition,html.klymb-theme-transition body,html.klymb-theme-transition body *,html.klymb-theme-transition body :before,html.klymb-theme-transition body :after{transition:none!important}@keyframes klymb-theme-reveal{0%{clip-path:circle(0px at var(--theme-origin-x) var(--theme-origin-y))}to{clip-path:circle(var(--theme-radius) at var(--theme-origin-x) var(--theme-origin-y))}}html.klymb-theme-fallback,html.klymb-theme-fallback body,html.klymb-theme-fallback body *,html.klymb-theme-fallback body :before,html.klymb-theme-fallback body :after{transition:background-color .32s,color .32s,border-color .32s,box-shadow .32s,fill .32s,stroke .32s!important}@media (prefers-reduced-motion:reduce){html,body{transition:none}html::view-transition-old(root){animation:none!important}html::view-transition-new(root){animation:none!important}html::view-transition-group(root){animation:none!important}}