:root{--ground: #ffffff;--surface: #ffffff;--surface-2: #f5f5f8;--surface-3: #ececf2;--ink: #0e0f13;--muted: #5e6270;--line: #e7e7ec;--accent: #2f55d4;--accent-hover: #2444b3;--accent-ink: #ffffff;--accent-soft: #e9eefc;--rx: #2f55d4;--c-organize: #6741d9;--c-optimize: #e8590c;--c-convert: #1c7ed6;--c-edit: #d6336c;--c-security: #2b8a3e;--c-image: #0c9d8c;--c-media: #ae3ec9;--c-ai: #d9480f;--danger: #c92a2a;--danger-soft: #fff0f0;--ok: #2b8a3e;--shadow: 0 1px 2px rgba(14, 15, 19, .04), 0 12px 32px -16px rgba(14, 15, 19, .16);--shadow-lg: 0 2px 6px rgba(14, 15, 19, .05), 0 30px 60px -24px rgba(40, 20, 120, .28);--f-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--f-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r: 14px;--wrap: 1180px;--wrap-wide: 1320px;--head-h: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0d0e12;--surface: #15161c;--surface-2: #1b1c24;--surface-3: #24252f;--ink: #ededf2;--muted: #9a9daa;--line: #262731;--accent: #7b9cff;--accent-hover: #97b1ff;--accent-ink: #0a1024;--accent-soft: #18223f;--rx: #7b9cff;--c-organize: #9775fa;--c-optimize: #ff922b;--c-convert: #4dabf7;--c-edit: #f06595;--c-security: #51cf66;--c-image: #38d9a9;--c-media: #da77f2;--c-ai: #ff8c42;--danger: #ff8787;--danger-soft: #3a1c1f;--ok: #51cf66;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -16px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .3), 0 30px 60px -24px rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-theme=dark]{--ground: #0d0e12;--surface: #15161c;--surface-2: #1b1c24;--surface-3: #24252f;--ink: #ededf2;--muted: #9a9daa;--line: #262731;--accent: #7b9cff;--accent-hover: #97b1ff;--accent-ink: #0a1024;--accent-soft: #18223f;--rx: #7b9cff;--c-organize: #9775fa;--c-optimize: #ff922b;--c-convert: #4dabf7;--c-edit: #f06595;--c-security: #51cf66;--c-image: #38d9a9;--c-media: #da77f2;--c-ai: #ff8c42;--danger: #ff8787;--danger-soft: #3a1c1f;--ok: #51cf66;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -16px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .3), 0 30px 60px -24px rgba(0, 0, 0, .7);color-scheme:dark}html[lang=ar]{--f-display: "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;--f-body: "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 12px)}html.sr-open{overflow:hidden}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}img,canvas,video{max-width:100%}canvas{direction:ltr}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}h1,h2,h3{font-family:var(--f-display);line-height:1.1;text-wrap:balance;margin:0;letter-spacing:-.02em;font-weight:700}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.35}p{margin:0}kbd{font:600 11.5px/1 var(--f-mono);padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}.wrap-wide{max-width:var(--wrap-wide)}.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--ink);color:var(--ground);padding:8px 14px;border-radius:8px;z-index:50}.skip:focus{top:12px}.eyebrow{font:600 12px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}html[lang=ar] .eyebrow{letter-spacing:0}.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--ground) 84%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}.head-row{display:flex;align-items:center;gap:16px;min-height:var(--head-h)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 19px/1 "Bricolage Grotesque",var(--f-display);letter-spacing:-.025em}.brand:hover{color:var(--ink)}.brand b{color:var(--accent);font-weight:800}.brand span,.nav summary{white-space:nowrap}.brand svg{flex:none}.search-btn{flex:1;max-width:420px;margin-inline:auto;display:flex;align-items:center;gap:10px;height:42px;padding:0 8px 0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:500 15px var(--f-body);cursor:text;transition:border-color .15s,background-color .15s}html[dir=rtl] .search-btn{padding:0 14px 0 8px}.search-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--surface)}.search-btn .ph{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;align-items:center;gap:6px}.nav>a,.nav summary{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;padding:9px 12px;border-radius:10px;cursor:pointer;list-style:none}.nav summary::-webkit-details-marker{display:none}.nav>a:hover,.nav summary:hover,.menu[open] summary{background:var(--surface-2);color:var(--ink)}.menu{position:relative}.menu[open] summary svg{transform:rotate(180deg)}.mega{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(980px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px;max-height:calc(100vh - 100px);overflow:auto}.mega .mega-h{display:flex;align-items:center;gap:8px;font:700 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.mega .mega-h i,.pill i{width:8px;height:8px;border-radius:3px;background:var(--c);flex:none}html[lang=ar] .mega .mega-h{letter-spacing:0;font-size:13px}.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}.mega a{display:block;color:var(--ink);text-decoration:none;padding:5px 8px;margin-inline:-8px;border-radius:8px;font-size:14.5px}.mega a:hover{background:var(--surface-2);color:var(--accent)}.install-btn{background:var(--accent-soft);color:var(--accent);white-space:nowrap}.langs{display:flex;gap:2px;background:var(--surface-2);border-radius:11px;padding:3px}.langs a{font:600 12.5px/1 var(--f-body);min-width:30px;text-align:center;padding:7px;border-radius:8px;text-decoration:none;color:var(--muted)}.langs a[lang=ar]{font-family:"Tajawal","IBM Plex Sans Arabic",var(--f-body);font-size:14px;padding-block:5px}.langs a[aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.langs a:hover:not([aria-current=true]){color:var(--ink)}.sr-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0a0a146b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}.sr-card{width:min(620px,100%);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;max-height:76vh}.sr-head{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line)}.sr-ic{width:18px;height:18px;flex:none;border:2.2px solid var(--muted);border-radius:50%;position:relative}.sr-ic:after{content:"";position:absolute;width:7px;height:2.2px;background:var(--muted);right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.sr-input{flex:1;border:0!important;outline:none!important;background:transparent!important;font:500 18px var(--f-body)!important;padding:10px 0!important;min-height:0!important}.sr-esc{font:600 12px var(--f-mono);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:7px;padding:5px 8px;cursor:pointer}.sr-list{list-style:none;margin:0;padding:8px;overflow:auto}.sr-item{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--ink)}.sr-item .code{width:38px;height:38px;font-size:14px;border-radius:10px}.sr-item strong{display:block;font-size:15px}.sr-item small{display:block;color:var(--muted);font-size:13px;line-height:1.3}.sr-list li[aria-selected=true] .sr-item,.sr-item:hover{background:var(--accent-soft);color:var(--ink)}.sr-none{padding:18px;color:var(--muted);text-align:center}.code{--c: var(--c-organize);--cx: color-mix(in srgb, var(--c) 70%, #000);display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--c) 12%,var(--surface));color:var(--c);font:700 16px/1 var(--f-body);letter-spacing:-.02em}.code.lg{width:60px;height:60px;font-size:22px;border-radius:16px}.cat-organize{--c: var(--c-organize)}.cat-optimize{--c: var(--c-optimize)}.cat-convert{--c: var(--c-convert)}.cat-edit{--c: var(--c-edit)}.cat-security{--c: var(--c-security)}.cat-image{--c: var(--c-image)}.cat-media{--c: var(--c-media)}.cat-ai{--c: var(--c-ai)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.tool-tile{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}.tool-tile:hover{color:var(--ink);border-color:color-mix(in srgb,var(--c) 45%,var(--line));transform:translateY(-2px);box-shadow:var(--shadow)}.tool-tile strong{display:block;font:650 15.5px/1.25 var(--f-body);margin-bottom:2px}.tool-tile span.d{display:block;color:var(--muted);font-size:13.5px;line-height:1.4}.hero{padding-block:44px 24px;background:radial-gradient(1200px 380px at 85% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)}html[dir=rtl] .hero{background:radial-gradient(1200px 380px at 15% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--f-body);color:var(--accent);background:var(--accent-soft);padding:7px 12px;border-radius:999px}.kicker span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:800;letter-spacing:-.04em;margin-top:16px;line-height:1.02}html[lang=ar] .hero h1{letter-spacing:0;font-weight:800;line-height:1.3}.hero .lead{font-size:18px;color:var(--muted);margin-top:16px;max-width:34em}.trust{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.trust li{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--ink)}.trust li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.magic{position:relative;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:10px}.magic-drop{display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 20px 24px;border-radius:17px;border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface));cursor:pointer;transition:background-color .15s,border-color .15s}.magic.over .magic-drop,.magic-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.magic-art{width:60px;height:60px;margin-bottom:4px}.magic-title{font:700 22px/1.2 var(--f-display);letter-spacing:-.02em}.magic-sub{color:var(--muted);font-size:15px;max-width:32em}.magic-btn{margin-top:10px}.magic-priv{font-size:13px;color:var(--muted);display:inline-flex;gap:7px;align-items:center;margin-top:4px}.magic-priv:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}.magic-res{padding:22px 18px 16px;display:grid;gap:14px;justify-items:start;min-height:240px;align-content:start}.magic-q{font-size:16px;color:var(--muted);overflow-wrap:anywhere}.magic-q b{color:var(--ink)}.magic-chips{display:flex;flex-wrap:wrap;gap:8px}.magic-none{color:var(--muted)}.mchip{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;transition:border-color .15s,background-color .15s}html[dir=rtl] .mchip{padding:6px 6px 6px 14px}.mchip .code{width:30px;height:30px;font-size:12px;border-radius:8px}.mchip:hover,.mchip.first{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent-soft);color:var(--ink)}.section{padding-block:28px 36px}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 20px;margin-bottom:20px}.section-head h2{font-size:clamp(24px,2.6vw,32px)}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font:600 14px var(--f-body);cursor:pointer}.pill:hover{background:var(--surface-2)}.pill[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{display:grid;gap:6px;padding:22px;border-radius:18px;background:var(--surface-2)}.feature i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface);color:var(--accent);font-style:normal;font-weight:800;font-size:18px;margin-bottom:6px}.feature strong{font-size:17px}.feature span{color:var(--muted);font-size:15px;line-height:1.5}.prose{max-width:68ch;display:grid;gap:14px;font-size:17px}.prose h2{font-size:26px;margin-top:12px}.h2-sm{font-size:24px;margin-bottom:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px}.tool-layout{display:block}.tool-layout.has-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.tool-main{min-width:0}.rail{display:none}.tool-head{padding-block:26px 18px;display:flex;gap:16px;align-items:center}.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.tool-head h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.035em}html[lang=ar] .tool-head h1{letter-spacing:0;font-weight:800}.tool-head .lead{color:var(--muted);font-size:16.5px;margin-top:6px;max-width:46em}.app{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:10px}.drop{position:relative;display:grid;place-items:center;text-align:center;gap:10px;min-height:300px;border:2px dashed color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 40%,var(--surface));padding:32px 16px;cursor:pointer;transition:background-color .15s,border-color .15s}.drop:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.drop.over,.work.over{border-color:var(--accent);background-color:var(--accent-soft)}.drop-art{width:70px;height:84px;position:relative}.drop-inner{display:grid;justify-items:center;gap:12px}.drop h2{font-size:22px}.drop .or{color:var(--muted);font-size:14px}.drop .priv{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-top:4px}.drop .priv:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent)}.nojs{color:var(--danger);font-size:14px}.app.js .nojs{display:none}.btn{--b: var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:12px;border:1px solid transparent;background:var(--b);color:var(--ink);font:600 15px/1.2 var(--f-body);cursor:pointer;text-decoration:none;transition:background-color .15s,transform .1s,box-shadow .15s}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--accent) 80%,transparent)}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.btn-secondary{background:var(--surface);border-color:var(--line)}.btn-secondary:hover{background:var(--surface-2)}.btn-secondary.on{border-color:var(--accent);background:var(--accent-soft)}.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{min-height:34px;padding:6px 12px;font-size:14px;border-radius:10px}.btn-lg{min-height:54px;padding:12px 30px;font-size:17px;border-radius:14px}.btn .fsize{font:500 13px/1 var(--f-mono);opacity:.8}.flash{margin-bottom:10px;padding:12px 16px;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-weight:600;font-size:15px}.flash a{color:inherit}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.stage{min-width:0;min-height:280px;background:var(--surface-2);border-radius:16px;padding:16px}.side{display:flex;flex-direction:column;gap:16px;padding:8px 6px}.opts{display:grid;gap:14px;align-content:start}.opts h3{font-size:15px;font-family:var(--f-body);letter-spacing:0}.side-foot{margin-top:auto;display:grid;gap:8px;position:sticky;bottom:12px;background:var(--surface);padding-top:8px}.btn-go{min-height:54px;font-size:17px;border-radius:14px}.mini-privacy{font-size:12.5px;color:var(--muted);text-align:center}.stage-hint{color:var(--muted);font-size:14.5px;margin-bottom:12px}.note{font-size:14px;color:var(--muted);background:var(--surface-2);border-radius:10px;padding:10px 12px;border-inline-start:3px solid var(--c-optimize)}.field{display:grid;gap:6px}.field label{font-weight:600;font-size:14px}.hint{font-size:13px;color:var(--muted)}input[type=text],input[type=number],input[type=password],input[type=search],select,textarea{width:100%;font:400 15px/1.3 var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}input[type=color]{width:100%;height:42px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=file]{font-size:14px;max-width:100%}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.btn-col{display:grid;gap:8px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:none}.radios{display:grid;gap:8px}.radio{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);transition:border-color .15s,background-color .15s}.radio:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.radio input{accent-color:var(--accent);margin-top:3px;flex:none}.radio-body{display:grid;gap:1px}.radio-body strong{font-size:14.5px;font-weight:600}.radio-body small{color:var(--muted);font-size:13px;line-height:1.35}.file-card,.media-card{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;max-width:560px}.media-card{flex-direction:column;align-items:stretch;max-width:640px}.media-prev{width:100%;max-height:360px;border-radius:10px;background:#000}audio.media-prev{background:transparent}.card-thumb{width:110px;flex:none;display:grid;place-items:center;min-height:80px;background:var(--surface-2);border-radius:8px;overflow:hidden}.card-thumb canvas{display:block;width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}.card-thumb .lock,.fthumb .lock{font:700 13px var(--f-mono);color:var(--muted);padding:20px 0}.card-body{display:grid;gap:4px;min-width:0}.card-name{overflow-wrap:anywhere;font-size:15.5px;font-weight:600}.card-meta{color:var(--muted);font:500 13px/1.3 var(--f-mono)}.grid-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.counter{font:600 13px var(--f-mono);color:var(--muted);margin-inline-end:auto}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}.pcard{position:relative;display:grid;gap:6px;justify-items:center;padding:8px;border-radius:12px;background:var(--surface);border:2px solid transparent;cursor:default;-webkit-user-select:none;user-select:none}.mode-select .pcard{cursor:pointer}.pcard.sel{border-color:var(--accent);background:var(--accent-soft)}.mark-delete .pcard.sel{border-color:var(--danger);background:var(--danger-soft)}.mark-delete .pcard.sel .pthumb{opacity:.4}.pcard.sel:after{content:"\2713";position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:13px}.mark-delete .pcard.sel:after{content:"\2715";background:var(--danger);color:#fff}.pcard.del .pthumb{opacity:.25}.pcard.del{border-color:var(--danger);border-style:dashed}.pcard.dragging{opacity:.4}.mode-organize .pcard{cursor:grab}.pthumb{width:100%;aspect-ratio:3 / 4;display:grid;place-items:center;transition:transform .2s}.pthumb canvas{max-height:100%;width:auto;max-width:100%;box-shadow:0 0 0 1px var(--line),0 2px 6px #00000014;background:#fff}.pthumb .ph{width:70%;height:90%;background:var(--surface-2);border-radius:3px}.pnum{font:600 12px var(--f-mono);color:var(--muted)}.ptools{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.pbtn{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;cursor:pointer;padding:0 6px}.pbtn:hover{background:var(--surface-2)}.pbtn:disabled{opacity:.4}.pbtn.pdel:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.flist{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.frow{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px;cursor:grab}.frow.dragging{opacity:.4}.frow.bad{border-color:var(--danger)}.grip{color:var(--muted);font-size:13px;letter-spacing:-2px;position:relative}.grip:after{content:attr(data-n);position:absolute;inset-inline-start:14px;top:-2px;font:700 12px var(--f-mono);color:var(--ink);letter-spacing:0}.fthumb{width:50px;height:62px;flex:none;margin-inline-start:14px;display:grid;place-items:center;overflow:hidden}.fthumb canvas,.fthumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 0 1px var(--line);background:#fff}.fbody{display:grid;min-width:0;flex:1}.fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.fmeta{color:var(--muted);font:500 12.5px var(--f-mono)}.fbtns{display:flex;gap:4px}.add-more{width:100%;border:1.5px dashed var(--line)}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.pager-label{font:600 13.5px var(--f-mono);color:var(--muted);min-width:110px;text-align:center}.placer{overflow-x:auto;display:flex;justify-content:center}.placer-page{position:relative;box-shadow:0 0 0 1px var(--line),0 6px 20px -8px #00000040;background:#fff;flex:none}.placer-page canvas{display:block}.placer-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.pitem{position:absolute;outline:1.5px dashed transparent;touch-action:none;cursor:move}.pitem:hover,.pitem.on{outline-color:var(--accent)}.pitem img{width:100%;height:100%;display:block;pointer-events:none}.ptext{white-space:pre;line-height:1.25;font-family:Helvetica,Arial,Noto Naskh Arabic,sans-serif;padding:0 .1em;min-width:1ch;cursor:text;outline:none}.pitem-del{position:absolute;top:-12px;inset-inline-end:-12px;width:24px;height:24px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:12px;cursor:pointer;display:none}.pitem.on .pitem-del{display:grid;place-items:center}.pitem-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:4px;background:var(--accent);cursor:nwse-resize;display:none}.pitem.on .pitem-handle{display:block}.pitem-grip{position:absolute;top:50%;inset-inline-start:-26px;transform:translateY(-50%);width:22px;height:22px;border-radius:7px;background:var(--accent);color:var(--accent-ink);display:none;place-items:center;font-size:13px;cursor:move;touch-action:none}.pitem.is-text:hover .pitem-grip,.pitem.on .pitem-grip{display:grid}.sig-chip{min-height:70px;border:1px dashed var(--line);border-radius:12px;display:grid;place-items:center;padding:8px;background:#fff}.sig-chip img{max-height:70px}.crop-prev{position:relative;display:inline-block;max-width:100%;margin:4px auto;touch-action:none;-webkit-user-select:none;user-select:none}.stage:has(.crop-prev){text-align:center}.stage:has(.crop-prev) .stage-hint{text-align:start}.crop-prev canvas{display:block;box-shadow:0 0 0 1px var(--line);max-width:100%;height:auto}.crop-box{position:absolute;outline:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 0 0 9999px #0e0f1380;cursor:move;touch-action:none}.crop-prev{overflow:hidden}.crop-box:focus-visible{outline:3px solid var(--accent)}.crop-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,rgba(255,255,255,.45) 33.3%,transparent 33.5%,transparent 66.5%,rgba(255,255,255,.45) 66.7%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,rgba(255,255,255,.45) 33.3%,transparent 33.5%,transparent 66.5%,rgba(255,255,255,.45) 66.7%,transparent 66.9%)}.ch{position:absolute;width:22px;height:22px;background:#fff;border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 1px 4px #00000059}.ch-n{left:50%;top:0;cursor:ns-resize}.ch-s{left:50%;top:100%;cursor:ns-resize}.ch-e{left:100%;top:50%;cursor:ew-resize}.ch-w{left:0;top:50%;cursor:ew-resize}.ch-ne{left:100%;top:0;cursor:nesw-resize}.ch-sw{left:0;top:100%;cursor:nesw-resize}.ch-nw{left:0;top:0;cursor:nwse-resize}.ch-se{left:100%;top:100%;cursor:nwse-resize}.ch:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.crop-size{font:600 13.5px var(--f-mono);color:var(--muted)}.ratio-chips{display:flex;flex-wrap:wrap;gap:6px}.ratio-chips .pill.on{background:var(--ink);color:var(--ground);border-color:var(--ink)}.sort-ghost{position:fixed;z-index:300;pointer-events:none;opacity:.92;transform:rotate(2deg) scale(1.04);box-shadow:0 18px 40px -12px #00000073;border-radius:12px;background:var(--surface)}.sort-src{opacity:.25}html.sorting,html.sorting *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.mode-organize .pcard,.frow,.ed-th{cursor:grab;-webkit-touch-callout:none}.busy{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--surface) 90%,transparent);border-radius:22px;display:grid;place-content:center;justify-items:center;gap:14px;z-index:5}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.busy-note{font:600 14px var(--f-body);color:var(--muted);text-align:center;max-width:30em;overflow-wrap:anywhere}.progress{width:260px;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .2s;border-radius:3px}.result{display:grid;justify-items:center;text-align:center;gap:14px;padding:36px 16px 28px}.result-mark{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok);display:grid;place-items:center;font-size:30px;font-weight:800}.result-title{font-size:28px}.result-note{color:var(--muted);max-width:46ch}.result-actions{display:grid;gap:10px;justify-items:center;width:100%;max-width:560px}.sizes{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;font-variant-numeric:tabular-nums}.sizes>div{display:grid}.sizes .lbl{font-size:12.5px;color:var(--muted)}.sizes strong{font:700 20px var(--f-mono)}.sizes .arrow{color:var(--muted);font-size:22px}.sizes .pct{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok);font-weight:800;padding:6px 12px;border-radius:999px}.out-list{list-style:none;margin:0;padding:0;width:100%;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;text-align:start}.out-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 6px 4px 12px;border-bottom:1px solid var(--line)}.out-list li:last-child{border-bottom:0}.out-list .on{font:500 13px var(--f-mono);overflow-wrap:anywhere}.continue{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:10px;padding-top:18px;border-top:1px solid var(--line);width:100%;max-width:640px}.continue .lbl{color:var(--muted);font-size:14px;margin-inline-end:4px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:12px;background:var(--surface-2);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}html[dir=rtl] .chip{padding:6px 6px 6px 12px}.chip b{font:700 12px var(--f-body);background:var(--surface);border-radius:8px;padding:5px 7px;color:var(--accent)}.chip:hover{background:var(--accent-soft);color:var(--ink)}.text-wrap{width:100%;max-width:760px;display:grid;gap:8px;text-align:start}.textout{min-height:220px;font:400 14px/1.5 var(--f-mono);resize:vertical}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1480;display:grid;place-items:center;z-index:100;padding:16px}.modal-card{background:var(--surface);border-radius:20px;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;display:grid;gap:14px;box-shadow:var(--shadow-lg)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:20px}.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:12px}.tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:9px;font:600 14px var(--f-body);color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.tab-body{display:grid;gap:12px}.sig-pad{width:100%;aspect-ratio:3 / 1;background:#fff;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:crosshair;background-image:linear-gradient(to top,transparent 22%,#d7d7e0 22%,#d7d7e0 calc(22% + 1px),transparent calc(22% + 1px))}.inks{display:flex;gap:8px}.ink{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}.ink.on{box-shadow:0 0 0 2px var(--accent)}.sig-fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sig-font{background:#fff;color:#111;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:30px;cursor:pointer;min-height:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sig-font.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sig-upload-prev{background:#fff;border-radius:12px;min-height:60px;display:grid;place-items:center}.sig-upload-prev img{max-height:120px}.modal-foot{display:flex;justify-content:flex-end}.ad{display:grid;justify-items:center;gap:4px}.ad-label{font:500 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.8}.ad-ph{display:grid;place-items:center;color:var(--muted);font:500 12px var(--f-mono);border:1px dashed var(--line);border-radius:12px;background:repeating-linear-gradient(45deg,transparent 0 10px,var(--surface-2) 10px 11px)}.ad-banner{margin-block:8px 20px;min-height:110px}.ad-banner ins,.ad-banner .ad-ph{width:100%;min-height:90px}.ad-top{margin-block:14px 0}.ad-top .ad-fixed{display:inline-block;width:320px;height:100px;max-width:100%}.ad-rail .ad-fixed{display:inline-block;width:300px;height:600px}.ad-ph.ad-fixed{display:grid}.tool-content .ad-banner{margin-block:0}.tool-content{display:grid;gap:40px;padding-block:36px 24px;max-width:900px}.tool-content h2{font-size:24px;margin-bottom:14px}.related-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps li{counter-increment:s;background:var(--surface-2);border-radius:16px;padding:18px;display:grid;gap:6px;align-content:start}.steps li:before{content:counter(s);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface);font:700 14px var(--f-body);color:var(--accent)}.steps strong{font:650 16.5px/1.3 var(--f-body)}.steps span{color:var(--muted);font-size:15px;line-height:1.5}.faq{display:grid;gap:8px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 18px}.faq summary{cursor:pointer;font-weight:600;padding:15px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 20px/1 var(--f-body);color:var(--accent)}.faq details[open] summary:after{content:"\2212"}.faq details p{padding-bottom:15px;color:var(--muted)}.about-text{font-size:16.5px;max-width:70ch;color:var(--ink)}.site-foot{border-top:1px solid var(--line);margin-top:48px;padding-block:44px 40px;background:var(--surface-2)}.foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px 24px}.foot-grid>div:first-child{grid-row:span 2}.foot-grid .foot-h{margin:0 0 8px;font:700 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}html[lang=ar] .foot-grid .foot-h{letter-spacing:0;font-size:13px}.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.foot-grid a{color:var(--ink);text-decoration:none;font-size:14px}.foot-grid a:hover{color:var(--accent)}.foot-tag{color:var(--muted);font-size:14px;margin-top:12px;max-width:30ch}.foot-bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;color:var(--muted);font-size:13.5px}.foot-bottom nav{display:flex;gap:16px;flex-wrap:wrap}.foot-bottom a{color:var(--muted);display:inline-block;padding:8px 2px;min-height:40px}.foot-bottom{padding-bottom:calc(40px + env(safe-area-inset-bottom))}.lang-hint{position:fixed;z-index:90;bottom:16px;inset-inline:16px auto;max-width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);font-size:14px}html[dir=rtl] .lang-hint{padding:8px 14px 8px 8px}body:has(.work:not([hidden])) .lang-hint,html.sr-open .lang-hint{display:none}.lang-hint span{flex:1 1 auto;line-height:1.35}.lang-hint .btn{flex:none;white-space:nowrap}.lang-x{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}.lang-x:hover{background:var(--surface-2)}.langs a[lang=ar]{min-width:40px}.ai-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 10px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.ai-badge.on{background:color-mix(in srgb,var(--c-ai) 12%,var(--surface));color:var(--c-ai)}.sum-wrap{width:100%;max-width:760px;text-align:start;display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.sum-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:13.5px}.sum-body{display:grid;gap:10px;font-size:16px;line-height:1.6}.sum-body ul{margin:0;padding-inline-start:20px;display:grid;gap:8px}.sum-kw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sum-kw .lbl{color:var(--muted);font-size:13px;margin-inline-end:4px}.sum-kw .kw{background:var(--surface-2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.theme-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:var(--ink);cursor:pointer}.theme-btn:hover{background:var(--surface-2)}.theme-btn .sun{display:none}:root[data-theme=dark] .theme-btn .sun{display:inline}:root[data-theme=dark] .theme-btn .moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .sun{display:inline}:root:not([data-theme=light]) .theme-btn .moon{display:none}}.recent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px}.recent .lbl{color:var(--muted);font-size:14px;font-weight:600;margin-inline-end:4px}.preview-banner{background:var(--ink);color:var(--ground);font-size:13.5px;text-align:center;padding:8px 16px}@media(min-width:1180px){.tool-layout.has-rail{grid-template-columns:minmax(0,1fr) 300px}.rail{display:block;padding-top:26px}.rail-inner{position:sticky;top:calc(var(--head-h) + 16px)}.ad-top{display:none}.tool-layout:has(.work.editor-mode){grid-template-columns:minmax(0,1fr)}.tool-layout:has(.work.editor-mode) .rail{display:none}}@media(min-width:760px){.ad-top .ad-fixed{width:728px;height:90px}}@media(max-width:1100px){.mega,.foot-grid{grid-template-columns:repeat(3,1fr)}.foot-grid>div:first-child{grid-column:1 / -1;grid-row:auto}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero{padding-block:26px 18px}.work-grid{grid-template-columns:1fr}.side-foot{position:sticky;bottom:0;padding-bottom:8px}.two-col{grid-template-columns:1fr;gap:32px}.steps,.features{grid-template-columns:1fr}.search-btn kbd{display:none}.search-btn{min-width:42px}.search-btn .ph{display:none}.search-btn{flex:0 0 42px;padding:0;justify-content:center;margin-inline:auto 0}html[dir=rtl] .search-btn{padding:0}}@media(max-width:720px){:root{--head-h: 58px}.wrap{padding-inline:16px}.brand span{display:none}.head-row{gap:8px}.search-btn{height:40px;width:40px;flex:none;padding:0;justify-content:center;margin-inline:auto 0}html[dir=rtl] .search-btn{padding:0}.search-btn .ph,.trust{display:none}.drop .priv,.magic-priv{display:block;text-align:center}.drop .priv:before,.magic-priv:before{display:inline-block;vertical-align:middle;margin-inline-end:7px}.nav summary{padding:8px;font-size:14px}.install-btn{display:none}.langs a{min-width:26px;padding:7px 5px}.hero h1{font-size:31px;margin-top:12px}.hero .lead{font-size:16px;margin-top:10px}.magic{border-radius:20px;padding:8px}.magic-drop{padding:20px 14px 18px}.magic-art{width:48px;height:48px}.magic-title{font-size:19px}.magic-sub{font-size:14px}.magic-btn{margin-top:6px;min-height:48px}.tool-head{padding-block:16px 12px;gap:12px}.tool-head .lead{font-size:15px}.code.lg{width:48px;height:48px;font-size:18px;border-radius:13px}.app{padding:6px;border-radius:18px}.drop{min-height:230px}.stage{padding:10px}.ptools .pbtn{min-width:28px;height:28px;font-size:13px;padding:0 4px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.fbtns .pbtn{min-width:28px;height:28px}.mega{position:fixed;inset-inline:12px;top:calc(var(--head-h) + 8px);width:auto;max-height:calc(100vh - 90px);grid-template-columns:1fr 1fr;padding:16px}.foot-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr;gap:8px}.tool-tile{padding:12px 14px}.section-head{margin-bottom:14px}.pills{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;width:calc(100% + 32px)}.pill{white-space:nowrap}.sr-wrap{padding-top:12px}}.lang-dd{display:none;position:relative}.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 9px;border-radius:10px;background:var(--surface-2);color:var(--ink);font:600 13px/1 var(--f-body);cursor:pointer}.lang-dd summary::-webkit-details-marker{display:none}.lang-dd[open] summary{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.lang-dd-list{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:160px;display:grid;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:40}.lang-dd-list a{padding:11px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}.lang-dd-list a[lang=ar]{font-family:"Tajawal","IBM Plex Sans Arabic",var(--f-body)}.lang-dd-list a[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.lang-dd-list a:hover:not([aria-current=true]){background:var(--surface-2)}@media(max-width:640px){.langs{display:none}.lang-dd{display:block}}@media(max-width:420px){.nav .menu{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important}}.pitem.is-rect{outline:1.5px solid rgba(255,255,255,.6)}.pitem.is-rect.on{outline:2px solid var(--accent)}.pitem.drawing{pointer-events:none;opacity:.8}.src-preview{margin:12px 0 0;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:12.5px/1.5 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere}.diff-view{max-height:420px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;white-space:pre-wrap;font-size:14.5px;line-height:1.6;text-align:start}.diff-view ins{background:color-mix(in srgb,var(--ok) 22%,transparent);text-decoration:none;border-radius:3px}.diff-view del{background:var(--danger-soft);color:var(--danger);border-radius:3px}.form-fields{display:grid;gap:14px;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:640px}.work.editor-mode .work-grid{grid-template-columns:minmax(0,1fr) 260px}.stage.ed-stage{padding:0;display:flex;flex-direction:column;min-height:72vh;overflow:hidden}.ed-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;background:var(--surface);border-bottom:1px solid var(--line);z-index:4}.ed-tool{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:50px;padding:5px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;font:600 11.5px/1.2 var(--f-body)}.ed-tool .ic{font-size:16px;line-height:1.1}.ed-tool:hover{background:var(--surface-2)}.ed-tool.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--ink)}.ed-tool:disabled{opacity:.35;cursor:default}.ed-sep{width:1px;align-self:stretch;background:var(--line);margin:2px 4px}.ed-zoom{font:600 12px var(--f-mono);min-width:44px;text-align:center;color:var(--muted)}.ed-menu{position:absolute;top:calc(100% - 2px);z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:4px;display:grid;min-width:170px}.ed-menu button{text-align:start;background:none;border:0;padding:8px 10px;border-radius:8px;font:500 14px var(--f-body);color:var(--ink);cursor:pointer}.ed-menu button:hover{background:var(--surface-2)}.ed-body{display:flex;flex:1;min-height:0}.ed-thumbs{width:118px;flex:none;overflow-y:auto;padding:10px 8px;display:grid;gap:12px;align-content:start;border-inline-end:1px solid var(--line);background:var(--surface-2);max-height:78vh}.ed-th{display:grid;justify-items:center;gap:3px;font:600 11px var(--f-mono);color:var(--muted)}.ed-th-img{border:0;padding:0;background:none;cursor:pointer}.ed-th canvas{width:88px;height:auto;box-shadow:0 0 0 1px var(--line);background:#fff;display:block}.ed-th-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.ed-th-tools button{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12px;cursor:pointer;padding:0}.ed-th-tools button:disabled{opacity:.35}.ed-th-tools button.del:hover{background:var(--danger-soft);color:var(--danger)}.ed-scroll{flex:1;overflow:auto;max-height:78vh;background:var(--surface-2)}.ed-pages{display:grid;justify-items:center;gap:18px;padding:18px;min-width:max-content}.ed-page{position:relative;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 18px -8px #0000004d}.ed-page canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.ed-pno{position:absolute;inset-inline-end:-30px;top:0;font:600 11px var(--f-mono);color:var(--muted)}.ed-layer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.ed-pages[data-tool=text] .ed-layer{cursor:text}.ed-pages:not([data-tool=text]):not([data-tool=select]) .ed-layer{cursor:crosshair}.ed-cover{position:absolute;background:#fff;pointer-events:none}.ed-obj{position:absolute;outline:1px dashed transparent;touch-action:none;cursor:move}.ed-obj:hover{outline-color:color-mix(in srgb,var(--accent) 70%,transparent)}.ed-obj.on{outline:1.5px solid var(--accent)}.ed-obj img{width:100%;height:100%;display:block;pointer-events:none}.ed-text{white-space:pre;line-height:1.2;outline:none;cursor:text;min-width:4px;padding:0}.ed-obj.t-text{outline-offset:2px}.ed-grip{position:absolute;inset-inline-start:-22px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:5px;background:var(--accent);color:var(--accent-ink);font-size:11px;display:none;place-items:center;cursor:move}.ed-obj.on .ed-grip,.ed-obj:hover .ed-grip{display:grid}.ed-h{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--accent);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;display:none}.ed-obj.on .ed-h{display:block}.ed-obj.t-line svg,.ed-obj.t-draw svg{display:block;overflow:visible}.ed-mk{position:absolute;left:0;right:0;display:block}.ed-mk.strike{top:55%}.ed-mk.underline{bottom:4%}.ed-obj.t-link{background:#1e5bd61f;outline:1.5px dashed #1e5bd6}.ed-obj.t-field{background:#2f55d414;outline:1.5px solid rgba(47,85,212,.55)}.ed-tag{position:absolute;left:2px;top:1px;font:600 10.5px var(--f-mono);color:#2a2560;white-space:nowrap;overflow:hidden;max-width:100%}.ed-ghost{position:absolute;border:1.5px dashed var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);pointer-events:none}.ed-ghost.round{border-radius:50%}.ed-gsvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ed-props{display:grid;gap:12px}.ed-props .btn.on{background:var(--accent-soft);border-color:var(--accent)}.ed-del{justify-self:start}@media(max-width:900px){.work.editor-mode .work-grid{grid-template-columns:1fr}.ed-thumbs,.ed-tool .lb{display:none}.ed-tool{min-width:38px}.ed-scroll{max-height:70vh}}.add-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-btn{gap:8px}.magic-cam{margin-top:2px}@media(max-width:900px){body:has(.work:not([hidden]) .side-foot){padding-bottom:92px}body:has(.work:not([hidden]) .side-foot) .lang-hint{bottom:96px}.side-foot{position:fixed;inset-inline:0;bottom:0;top:auto;z-index:45;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px #0000004d;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.side-foot .mini-privacy{display:none}.side-foot .btn-go{min-height:50px}.work:has(.busy) .side-foot{display:none}}@media(pointer:coarse){.drop .or{display:none}.pbtn{min-width:40px;height:40px}.ed-tool{min-width:44px;min-height:44px;justify-content:center}.ed-th-tools button{width:32px;height:32px}.pitem-handle,.ed-h{width:22px;height:22px;right:-11px;bottom:-11px}.pitem-del{width:30px;height:30px}.ed-grip,.pitem-grip{width:28px;height:28px;inset-inline-start:-34px}.faq summary{padding:16px 0}}@media(max-width:720px){input[type=text],input[type=number],input[type=password],input[type=search],select,textarea{font-size:16px}.out-list li{flex-wrap:wrap;padding:8px 10px;gap:4px}.out-list .on{flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result{padding:24px 6px 20px}.result-title{font-size:24px}.sizes{gap:12px}.sizes strong{font-size:17px}.result-actions>.btn-primary,.drop-btn,.camera-btn{width:min(100%,320px)}.continue{gap:6px}.modal{align-items:end;padding:0}.modal-card{width:100%;border-radius:22px 22px 0 0;max-height:92vh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.ed-scroll{max-height:64vh}.ed-bar{position:sticky;top:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ed-bar::-webkit-scrollbar{display:none}.ed-tool{flex:none}.ed-menu{position:fixed;inset-inline:12px!important;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));max-height:55vh;overflow:auto;z-index:60;box-shadow:var(--shadow-lg)}.ed-menu button{padding:12px;font-size:15px}.lang-hint{inset-inline:10px;max-width:none;font-size:13px;bottom:calc(10px + env(safe-area-inset-bottom))}}.bottom-nav{display:none}@media(max-width:720px){.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset-inline:0;bottom:0;z-index:44;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bottom-nav>*{display:grid;justify-items:center;gap:2px;padding:6px 0;border:0;background:none;color:var(--muted);font:600 11.5px/1.2 var(--f-body);text-decoration:none;cursor:pointer;border-radius:12px;position:relative}.bottom-nav>*[aria-current=page]{color:var(--accent)}.bottom-nav>*:active{background:var(--surface-2)}.bottom-nav .bn-scan{color:var(--accent-ink)}.bottom-nav .bn-scan svg{width:46px;height:46px;padding:11px;margin-top:-22px;border-radius:50%;background:var(--accent);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent) 80%,transparent);border:3px solid var(--surface)}.bottom-nav .bn-scan span{color:var(--muted)}.bn-scan input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.lang-hint{bottom:calc(78px + env(safe-area-inset-bottom))}body:has(.work:not([hidden]) .side-foot) .bottom-nav{display:none}.site-foot{padding-bottom:24px}}.code{color:var(--cx)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .code{color:var(--c)}}:root[data-theme=dark] .code{color:var(--c)}.cam{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;color:#fff;display:grid;grid-template-rows:auto 1fr auto}.cam-top{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.cam-icon{width:44px;height:44px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:20px;cursor:pointer}.cam-count{font:600 14px var(--f-body)}.cam-view{position:relative;overflow:hidden;display:grid;place-items:center}.cam-video{width:100%;height:100%;object-fit:contain;background:#000}.cam-frame{position:absolute;top:7%;right:8%;bottom:7%;left:8%;border:2px solid rgba(255,255,255,.55);border-radius:14px;pointer-events:none;box-shadow:0 0 0 9999px #0000002e}.cam-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.cam-flash.go{animation:camflash .35s ease-out}@keyframes camflash{0%{opacity:.8}to{opacity:0}}.cam-bottom{padding:10px 14px calc(16px + env(safe-area-inset-bottom));display:grid;gap:12px}.cam-strip{display:flex;gap:8px;overflow-x:auto;min-height:58px;scrollbar-width:none}.cam-strip img{height:58px;width:auto;border-radius:8px;border:2px solid rgba(255,255,255,.8);flex:none}.cam-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.cam-hint{font-size:12.5px;opacity:.75}.cam-shutter{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:#ffffff40;cursor:pointer}.cam-shutter:active{transform:scale(.94);background:#ffffff80}.cam-done{justify-self:end;min-height:46px}.cam-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a1480;display:grid;align-items:end}.cam-sheet-card{background:var(--surface);border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:12px}.cam-sheet-card p{font-size:15.5px}.pv{width:100%;max-width:820px;display:grid;gap:10px;text-align:start;background:var(--surface-2);border-radius:18px;padding:14px}.pv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pv-head strong{font-size:15px}.pv-meta{color:var(--muted);font-size:13.5px;margin-inline-end:auto}.pv-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity}.pv-page{flex:none;width:132px;display:grid;gap:6px;justify-items:center;border:0;background:none;padding:0;cursor:zoom-in;scroll-snap-align:start}.pv-page canvas,.pv-ph{width:132px;height:auto;min-height:170px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--line),0 6px 14px -8px #0000004d;display:block}.pv-page canvas{min-height:0}.pv-page:hover canvas{box-shadow:0 0 0 2px var(--accent)}.pv-n{font:600 12px var(--f-mono);color:var(--muted)}.pv-img{border:0;padding:0;background:repeating-conic-gradient(var(--surface-3) 0 25%,var(--surface) 0 50%) 0 0 / 18px 18px;border-radius:12px;cursor:zoom-in;display:grid;place-items:center;overflow:hidden}.pv-img img{max-height:380px;max-width:100%;display:block}.pv-audio,.pv-video{width:100%}.pv-video{max-height:380px;border-radius:12px;background:#000}.pv-frame{width:100%;height:380px;border:1px solid var(--line);border-radius:12px;background:#fff}.pv-text{margin:0;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:13px/1.55 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:420px;overflow:auto;padding:2px}.pv-card{border:0;background:var(--surface);border-radius:12px;padding:8px;display:grid;gap:6px;cursor:zoom-in;box-shadow:0 0 0 1px var(--line);text-align:start}.pv-card:hover{box-shadow:0 0 0 2px var(--accent)}.pv-thumb{height:110px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--surface-2)}.pv-thumb img,.pv-thumb canvas{max-width:100%;max-height:110px;object-fit:contain;display:block}.pv-ico{font:700 13px var(--f-mono);color:var(--muted)}.pv-name{font:500 12px/1.3 var(--f-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.vw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#08080eeb;display:grid;grid-template-rows:auto 1fr;color:#fff}.vw-top{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px}.vw-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.vw-label{font:600 13px var(--f-mono);opacity:.8}.vw-close,.vw-nav{width:44px;height:44px;border-radius:50%;border:0;background:#ffffff24;color:#fff;font-size:20px;cursor:pointer;flex:none}.vw-nav{font-size:30px;line-height:1}.vw-nav:disabled{opacity:.25;cursor:default}.vw-body{display:flex;align-items:center;gap:10px;padding:0 10px calc(14px + env(safe-area-inset-bottom));min-height:0}.vw-stage{flex:1;min-width:0;height:100%;overflow:auto;display:grid;place-items:center}.vw-page{background:#fff;box-shadow:0 20px 60px -20px #000c;max-width:100%;height:auto}.vw-img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain}@media(max-width:720px){.vw-nav{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));z-index:2}.vw-nav:first-child{inset-inline-start:18px}.vw-nav:last-child{inset-inline-end:18px}.pv{padding:10px;border-radius:14px}.pv-page,.pv-page canvas,.pv-ph{width:108px}.pv-page .pv-ph{min-height:140px}}.cam-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}label.camera-btn,label.add-more,label.bn-scan{position:relative;cursor:pointer}.pk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a0a148c;display:grid;align-items:end}.pk-sheet{background:var(--surface);color:var(--ink);border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:12px;max-width:560px;width:100%;margin:0 auto;box-shadow:var(--shadow)}.pk-sheet h2{font-size:19px;margin:0}.pk-sheet p{font-size:15.5px;margin:0;color:var(--muted)}.pk-sheet .btn{justify-content:center;text-align:center}.pk-row{display:grid;grid-template-columns:1fr auto;gap:8px}.pk-url{min-width:0;font:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--ground);color:var(--ink)}.pk-msg{color:var(--ok)!important;font-weight:600}.pk-close{background:none;border:0;color:var(--muted);padding:8px}.off-preview{margin-top:12px;overflow:auto;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 70%,#8a8fa0 12%);padding:8px}.off-pages{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.off-pages>section.docx,.off-pages>.off-page{box-shadow:0 2px 10px #0000002e;background:#fff;color:#000;flex:none}.off-pages>section.docx{margin:0!important}.off-badge{font-weight:800;letter-spacing:.02em}.off-sheets{display:grid;gap:6px}.pv-doc{max-height:520px}.off-host{position:absolute;left:-20000px;top:0}.brand-mark{width:34px;height:34px;border-radius:9px;flex:none;box-shadow:0 1px 3px #00000040}.brand b{background:linear-gradient(135deg,#c98a63,#a8633e);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .brand b{background:linear-gradient(135deg,#f0b48f,#d08a61);-webkit-background-clip:text;background-clip:text}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand b{background:linear-gradient(135deg,#f0b48f,#d08a61);-webkit-background-clip:text;background-clip:text}}html[dir=rtl] .card-meta{direction:ltr;unicode-bidi:isolate;text-align:right}.prose a{overflow-wrap:anywhere}.prose p{overflow-wrap:break-word}.foot-info{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px}.foot-info a{display:inline-block;padding:6px 0;color:var(--ink);font-weight:600;font-size:14.5px}.ad:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none}.ad-result{margin-top:18px}.app-head{display:flex;align-items:center;gap:12px}.app-head img{border-radius:12px}.app-tip{background:var(--surface-2);border-radius:12px;padding:10px 12px;color:var(--ink)!important}.app-banner{position:fixed;z-index:250;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);font-size:14.5px}.app-banner img{border-radius:9px}@media(max-width:760px){.app-banner{bottom:calc(78px + env(safe-area-inset-bottom))}}.is-app .bottom-nav{padding-bottom:env(safe-area-inset-bottom)}@media(min-width:641px){.mega{position:fixed;top:calc(var(--head-h) + 8px);inset-inline:auto;left:50%;transform:translate(-50%);width:min(980px,calc(100vw - 32px))}}