@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/instrument-sans-latin-400-normal.34918409.woff2) format("woff2"),url(/_next/static/media/instrument-sans-latin-400-normal.1d032d47.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/instrument-sans-latin-400-italic.efcf6b02.woff2) format("woff2"),url(/_next/static/media/instrument-sans-latin-400-italic.4d1fab1d.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/instrument-sans-latin-500-normal.df2a691d.woff2) format("woff2"),url(/_next/static/media/instrument-sans-latin-500-normal.2d5fb5a9.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/instrument-sans-latin-600-normal.e08e708e.woff2) format("woff2"),url(/_next/static/media/instrument-sans-latin-600-normal.68b79c9c.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/instrument-sans-latin-700-normal.eb91e2cb.woff2) format("woff2"),url(/_next/static/media/instrument-sans-latin-700-normal.87940294.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/instrument-serif-latin-400-normal.e872e3f2.woff2) format("woff2"),url(/_next/static/media/instrument-serif-latin-400-normal.4ace7644.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_next/static/media/instrument-serif-latin-400-italic.7cb8e1b9.woff2) format("woff2"),url(/_next/static/media/instrument-serif-latin-400-italic.4acb39b8.woff) format("woff")}:root{--bg:#f4f3f0;--ink:#1a1a1a;--muted:#8a8a85;--line:#e2e0da;--card:#ffffff;--surface:#faf9f7;--border:#e2e0da;--accent:#2b2b2b;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.page{max-width:780px;margin:0 auto;padding:22px 24px 80px}.page--wide{max-width:1080px}.page--tool{width:100%;max-width:1280px;padding-inline:clamp(16px,2.5vw,36px);padding-bottom:24px}.tool-workspace{display:flex;flex-direction:column;width:min(100%,900px);min-height:calc(100svh - 84px);margin-inline:auto}.tool-editorial{width:min(100%,840px);padding-top:48px}.tool-editorial,.tool-editorial .article-prose{margin-inline:auto}.tool-editorial .tool-seo{margin-top:0;padding:clamp(28px,5vw,56px);border:1px solid var(--line);border-radius:24px;background:var(--card)}.page--landing{min-height:100vh;display:flex;flex-direction:column;padding-bottom:40px}.page--landing>main{flex:1 1}.page--landing .hero{display:flex;min-height:calc(100svh - 112px);flex-direction:column;justify-content:center;margin:0;padding:40px 0}.home-content{margin-top:32px;padding:72px 0 24px;border-top:1px solid var(--line)}.home-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 32px}.home-task{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.home-task h3{margin:0 0 7px;font-size:16px}.home-task h3 a{color:var(--ink);text-decoration:none}.home-task h3 a:hover{color:#2f6df6}.home-task p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.home-content__more{margin-top:32px}.guides-focus{margin-bottom:38px}.topbar{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:.3px}.topbar__actions{display:flex;align-items:center;gap:8px}.topbar--nav{position:relative;z-index:50}.nav{display:flex;align-items:center;gap:6px}.nav__link{font-family:var(--sans);font-size:14px;color:#55534d;text-decoration:none;padding:8px 12px;border-radius:8px}.nav__link:hover{background:#eceae4}.nav__item,.nav__item--drop,.nav__item--mega{position:relative}.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.12);padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.nav__item--drop:focus-within .dropdown,.nav__item--drop:hover .dropdown,.nav__item:focus-within .dropdown,.nav__item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav__trigger{display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);font-size:14px;color:#55534d;background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:8px}.nav__trigger:hover{background:#eceae4}.megamenu{position:absolute;top:calc(100% + 10px);right:0;width:min(88vw,900px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);padding:20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.nav__item--mega:focus-within .megamenu,.nav__item--mega:hover .megamenu{opacity:1;visibility:visible;transform:translateY(0)}.megamenu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px 20px;max-height:70vh;overflow-y:auto}.megacol__head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#9a978f;margin-bottom:8px}.megacol__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.megalink{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink);text-decoration:none;padding:4px 6px;border-radius:6px}a.megalink:hover{background:#eef3ff;color:#2f6df6}.megalink--soon{color:#b6b4ad;cursor:default}.megalink__soon{font-size:9px;text-transform:uppercase;letter-spacing:.4px;background:#f1f0ec;color:#b6b4ad;padding:1px 5px;border-radius:999px}.crumbs--sub{margin:22px 0 0;font-family:var(--sans);font-size:13px}.field--check{flex-direction:row;align-items:center;gap:8px}.field--grow{flex:1 1;min-width:200px}.color-input{width:52px;height:38px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer}.controls__actions--full{margin-left:0;margin-bottom:16px}.controls__error{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13px;color:#b4231a;background:#fdecea;border:1px solid #f6c9c4;border-radius:10px;padding:9px 12px}.controls__error svg{flex-shrink:0}.editor{margin-top:8px}.editor--split{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:16px;align-items:start}.editor__side{min-width:0}.converter__controls--stack{flex-direction:column;align-items:stretch;gap:12px}.converter__controls--stack .field{width:100%}.dropzone--compact{padding:16px;margin-top:12px}.dropzone--compact .dropzone__title{font-size:14px}.editor__preview{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;min-height:200px}.editor2{margin-top:14px;display:flex;flex-direction:column;gap:12px}.imgselect{display:flex;gap:8px;flex-wrap:wrap}.imgselect__item{position:relative;width:58px;height:58px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#efeee9}.imgselect__item img{width:100%;height:100%;object-fit:cover;display:block}.imgselect__item.is-active{border-color:#2f6df6;box-shadow:0 0 0 3px rgba(47,109,246,.15)}.imgselect__x{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}.editor2__body--split{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:16px;align-items:start}.editor2__aside{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;position:sticky;top:16px}.editor2__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em}.editor2__aside .editor2__controls{background:transparent;border:none;border-radius:0;padding:0;margin:0;gap:12px}.editor2__aside .field .select,.editor2__aside .field input[type=number]{width:100%;min-width:0}.video-tool-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px}.video-tool-actions .btn{width:100%;justify-content:center;padding:12px 18px;min-height:44px;font-size:14px;font-weight:600}.editor2__controls{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.editor2__active{font-size:12px;color:var(--muted)}.preview-tools{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ptool{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.ptool:hover{background:#eceae4}.ptool:active{transform:scale(.94)}.ptool.is-active{border-color:#2f6df6;background:rgba(47,109,246,.1);color:#2f6df6}.ptool__val{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:4px}.preview-head__label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.preview-head__note{font-size:11px;color:var(--muted)}.preview-dot{width:8px;height:8px;border-radius:50%;background:#2f6df6;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.preview-img{display:block;max-width:100%;max-height:62vh;margin:0 auto;border-radius:10px;background:linear-gradient(45deg,#eceae4 25%,transparent 0),linear-gradient(-45deg,#eceae4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eceae4 0),linear-gradient(-45deg,transparent 75%,#eceae4 0);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.preview-empty{color:var(--muted);font-size:13px;padding:40px 0;text-align:center}.gif-strip{display:flex;flex-wrap:wrap;gap:8px;max-height:62vh;overflow-y:auto;padding:4px}.gif-strip__cell{display:flex;flex-direction:column;align-items:center;gap:3px}.gif-strip__cell img{display:block;width:72px;height:72px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:linear-gradient(45deg,#eceae4 25%,transparent 0),linear-gradient(-45deg,#eceae4 25%,transparent 0),linear-gradient(45deg,transparent 75%,#eceae4 0),linear-gradient(-45deg,transparent 75%,#eceae4 0);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.gif-strip__label{font-size:10px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crop-wrap{display:flex;flex-direction:column;gap:8px;align-items:center}.crop-stage{position:relative;background-size:cover;background-position:50%;border-radius:10px;overflow:visible;touch-action:none;max-width:100%}.crop-mask{position:absolute;inset:0;overflow:hidden;border-radius:10px;pointer-events:none}.crop-shadow{position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,.45)}.crop-box{position:absolute;cursor:move;outline:2px solid #fff;box-sizing:border-box}.crop-stage.is-dragging .crop-box{outline-color:#2f6df6}.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #2f6df6;border-radius:50%}.crop-handle--nw{left:-7px;top:-7px;cursor:nwse-resize}.crop-handle--ne{right:-7px;top:-7px;cursor:nesw-resize}.crop-handle--sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-handle--se{right:-7px;bottom:-7px;cursor:nwse-resize}.crop-dims{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.overlay-stage{position:relative;background-size:cover;background-position:50%;border-radius:10px;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.overlay-stage.is-dragging{cursor:grabbing}.overlay-text{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}.split-toolbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.split-stage{position:relative;background-size:cover;background-position:50%;border-radius:10px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.split-stage.is-dragging{cursor:col-resize}.split-cell{position:absolute;box-sizing:border-box;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3);pointer-events:none}.split-guide{position:absolute;background:#2f6df6;box-shadow:0 0 0 1px rgba(255,255,255,.9);z-index:2}.split-guide--v{top:0;bottom:0;width:3px;margin-left:-1.5px;cursor:col-resize}.split-guide--h{left:0;right:0;height:3px;margin-top:-1.5px;cursor:row-resize}.split-guide__del{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#2f6df6;color:#fff;cursor:pointer;opacity:0;transition:opacity .12s ease}.split-guide:hover .split-guide__del{opacity:1}.merge-stage{position:relative;border-radius:10px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--line)}.merge-stage.is-dragging{cursor:grabbing}.merge-layer{position:absolute;background-size:100% 100%;background-repeat:no-repeat;cursor:grab;outline:1px solid rgba(0,0,0,.15)}.merge-layer.is-selected{outline:2px solid #2f6df6;z-index:999!important}.merge-layer__idx{position:absolute;top:4px;left:4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);border-radius:6px;pointer-events:none}.merge-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #2f6df6;border-radius:50%}.merge-handle--se{right:-8px;bottom:-8px;cursor:nwse-resize}.collage-stage{position:relative;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.collage-cell{position:absolute;background-size:cover;background-position:50%;outline:1px solid rgba(255,255,255,.7)}.collage-cell__idx{position:absolute;top:3px;left:3px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);border-radius:5px}.collage-rows{flex-wrap:wrap;margin-top:12px}.collage-rowctrl,.collage-rows{display:flex;gap:8px;align-items:center}.collage-rowctrl{padding:5px 8px 5px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.collage-rowctrl__label{font-size:12px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.collage-rowctrl__steppers{display:flex;gap:4px}.dd{position:relative;width:100%}.dd__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--bg,#fff);border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;text-align:left}.dd__btn:hover{border-color:#c7c4bc}.dd--open .dd__btn{border-color:#2f6df6;box-shadow:0 0 0 3px rgba(47,109,246,.14)}.dd__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd__caret{flex:none;color:var(--muted);transition:transform .15s ease}.dd--open .dd__caret{transform:rotate(180deg)}.dd__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.14);max-height:280px;overflow-y:auto}.dd__opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--sans);font-size:13.5px;color:var(--ink);background:transparent;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left}.dd__opt:hover{background:#eceae4}.dd__opt.is-active{color:#2f6df6;font-weight:600}.dd__group,.dd__group ul{list-style:none;margin:0;padding:0}.dd__grouphead{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#9a978f;padding:8px 10px 4px}.combine-editor{display:flex;flex-direction:column;gap:12px}.reorder{display:flex;flex-wrap:wrap;gap:8px}.reorder__item{position:relative;display:flex;align-items:center;gap:4px;padding:4px 6px 4px 2px;background:var(--bg);border:1px solid var(--line);border-radius:10px;cursor:grab}.reorder__item:active{cursor:grabbing}.reorder__grip{color:#b6b4ad}.reorder__thumb{width:42px;height:42px;object-fit:cover;border-radius:6px}.reorder__idx{font-size:11px;font-weight:700;color:var(--muted);min-width:14px;text-align:center}.combine-result{margin-top:18px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.thumb--lg{width:88px;height:88px}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.swatch{font-size:10px;font-weight:700;color:#fff;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,.08);text-shadow:0 1px 2px rgba(0,0,0,.4);min-width:62px;text-align:center}.copybox{margin-top:8px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.copybox__area{width:100%;min-height:60px;font-family:monospace;font-size:11px;border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical;background:var(--bg);color:var(--ink)}.exif{margin-top:8px;width:100%}.exif__table{width:100%;border-collapse:collapse;font-size:12.5px}.exif__table td,.exif__table th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:top}.exif__table th{width:40%;font-weight:600;color:var(--muted,#666);white-space:nowrap}.exif__table td{word-break:break-word;font-family:monospace}.exif__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.exif-empty{margin-top:8px;font-size:13px;color:var(--muted,#666);font-style:italic}.btn{font-family:var(--sans);font-size:15px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.06)}.btn--dark{background:#2b2b2b;color:#fff;border-color:#2b2b2b}.btn--pill{border-radius:999px;padding:8px 18px;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.05)}.btn--github{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn--ghost{background:transparent;font-family:var(--sans);font-size:13px}.btn--icon{display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.logo--link{text-decoration:none;color:inherit}.btn--soon{color:var(--muted);cursor:default}.btn--sm{padding:6px 11px;font-size:13px}.soon-tag{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#efeee9;color:#9a978f;padding:2px 6px;border-radius:999px;margin-left:2px}.crumbs{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:20px}.crumbs__home{font-style:italic;text-decoration:none;color:var(--ink)}.crumbs__sep{color:#c3c1ba}.crumbs__link{font-size:15px;font-family:var(--sans);color:var(--muted);text-decoration:none}.crumbs__link:hover{color:var(--ink)}.crumbs__current{font-size:15px;font-family:var(--sans);color:var(--muted)}.tools-hero{margin:40px 0 20px}.directory-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#2f6df6;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tools-title{font-family:var(--serif);font-size:52px;font-weight:400;margin:0;letter-spacing:-1px}.tools-sub{color:var(--muted);font-size:15px;margin:8px 0 22px;max-width:62ch}.searchbar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;max-width:480px;transition:border-color .15s ease,box-shadow .15s ease}.searchbar:focus-within{border-color:#2f6df6;box-shadow:0 0 0 3px rgba(47,109,246,.12)}.searchbar__icon{color:var(--muted);flex-shrink:0}.searchbar__input{border:none;outline:none;background:transparent;font-family:var(--sans);font-size:15px;width:100%;color:var(--ink)}.catnav{position:sticky;top:0;z-index:10;display:flex;gap:8px;overflow-x:auto;padding:12px 0;margin-bottom:8px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none}.catnav::-webkit-scrollbar{display:none}.chip-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);background:var(--card);color:#55534d;font-family:var(--sans);font-size:13px;font-weight:500;padding:7px 13px;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip-btn:hover{border-color:#bdbbb4}.chip-btn.is-active{background:#2b2b2b;color:#fff;border-color:#2b2b2b}.tools-groups{display:flex;flex-direction:column;gap:10px;margin-top:12px}.tgroup__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:0 0 14px}.tgroup{scroll-margin-top:72px}.tgroup--accordion{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .15s ease,box-shadow .15s ease}.tgroup--accordion[open]{border-color:#cdd8f5;box-shadow:0 8px 24px rgba(0,0,0,.04)}.tgroup--accordion .tgroup__title{margin:0;list-style:none}.tgroup--accordion .tgroup__title::-webkit-details-marker{display:none}.tgroup__toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px 18px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.tgroup__toggle:hover{background:#faf9f6}.tgroup__toggle .tgroup__count{margin-left:2px}.tgroup__caret{margin-left:auto;color:var(--muted);transition:transform .18s ease}.tgroup--accordion[open] .tgroup__caret{transform:rotate(180deg)}.tgrid--accordion{padding:0 14px 14px}.tgroup__count{font-size:12px;font-weight:600;color:var(--muted);background:#efeee9;border-radius:999px;padding:2px 8px}.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tcard{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.tcard--live{cursor:pointer}.tcard--live:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.07);border-color:#cdd8f5}.tcard--soon{opacity:.72}.tcard__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tcard__icon{width:38px;height:38px;border-radius:10px;background:#f1f0ec;color:#55534d;display:grid;place-items:center}.tcard--live .tcard__icon{background:#eef3ff;color:#2f6df6}.tcard__badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:999px}.tcard__badge.is-live{background:#e2f6e9;color:#1f9d55}.tcard__badge.is-soon{background:#efeee9;color:#9a978f}.tcard__name{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600}.tcard__go{color:#2f6df6;opacity:0;transform:translate(-2px,2px);transition:opacity .12s ease,transform .12s ease}.tcard--live:hover .tcard__go{opacity:1;transform:translate(0)}.tcard__blurb{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.4}.tools-empty{color:var(--muted);font-size:15px;padding:30px 0}.tool-hero{display:flex;align-items:center;gap:16px;margin:44px 0 22px}.tool-hero__icon{width:52px;height:52px;border-radius:14px;background:#eef3ff;color:#2f6df6;display:grid;place-items:center;flex-shrink:0}.tool-title{font-family:var(--serif);font-size:40px;font-weight:400;margin:0;line-height:1.05}.tool-desc{color:var(--muted);font-size:14px;margin:4px 0 0}.privacy-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1f9d55;background:#e2f6e9;padding:6px 12px;border-radius:999px;white-space:nowrap}.hero{margin-top:60px}.hero__hi{font-family:var(--serif);font-size:56px;font-weight:400;margin:0 0 18px;letter-spacing:-1px}.hero__lead{font-size:26px;line-height:1.35;font-weight:400;margin:26px 0 6px;max-width:30ch}.hero__sub{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px;margin:4px 0 26px}.hero__cta{display:flex;gap:12px}.kw{font-weight:500}.kw--blue{color:#2f6df6}.kw--red{color:#e2483c}.kw--green{color:#23a559}.kw--yellow{color:#e0a400}.kw--purple{color:#6f42c1}.plusgrid{display:grid;gap:2px 0;font-size:34px;line-height:.85;color:#2b2b2b;-webkit-user-select:none;user-select:none;margin:10px 0;letter-spacing:-2px}.plusgrid span{text-align:center;transform-origin:center;animation:plus-wave 4.2s ease-in-out infinite;animation-delay:var(--pd,0s);will-change:transform,opacity}@keyframes plus-wave{0%,22%,to{transform:scale(1)}7%{transform:scale(1.45);opacity:1}}@media (prefers-reduced-motion:reduce){.plusgrid span{animation:none}}.thinking{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.thinking__dots{display:inline-flex;gap:4px}.thinking__dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.ascii-spin{display:inline-flex;align-items:center;gap:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ascii-spin__glyph{font-family:monospace;font-size:14px}.cursor-block{display:inline-block;width:8px;height:15px;background:var(--ink);vertical-align:-2px;margin-left:2px}.loading-panel{margin-top:32px;padding:28px;border:1px dashed var(--line);border-radius:14px;background:var(--card)}.converter{margin-top:8px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.converter__controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.controls__actions{display:flex;gap:8px;align-items:center;margin-left:auto}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.select{padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:14px;min-width:180px}.range{width:160px;accent-color:#2b2b2b}.dropzone{border:1.5px dashed #cfcdc6;border-radius:14px;background:var(--bg);padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.page--tool .dropzone:not(.dropzone--compact){display:grid;min-height:clamp(280px,48vh,460px);place-items:center;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(47,109,246,.06),transparent 46%),var(--card);box-shadow:0 10px 32px rgba(33,35,40,.035)}.tool-workspace>.dropzone:not(.dropzone--compact){flex:1 1}.tool-workspace>.converter:not(.converter--active),.tool-workspace>.converter:not(.converter--active)>.panel{display:flex;flex:1 1;flex-direction:column}.tool-workspace>.converter:not(.converter--active)>.panel>.dropzone{flex:1 1}.page--tool .dropzone:not(.dropzone--compact):hover{border-color:#9eacd0;background:radial-gradient(circle at 50% 0,rgba(47,109,246,.1),transparent 50%),#fff}.dropzone--active{border-color:#2f6df6;background:#f2f6ff;transform:scale(1.005)}.dropzone__icon{color:#b7b5ad;margin-bottom:10px}.dropzone__title{font-size:18px;margin:0 0 6px}.dropzone__hint,.muted{color:var(--muted)}.dropzone__hint{font-size:13px;margin:0}.joblist{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}.job{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px}.thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#efeee9;flex-shrink:0;border:1px solid var(--line)}.thumb--fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a8a69e;font-size:8px;font-weight:700;text-transform:uppercase}.job__main{min-width:0;flex:1 1}.job__name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job__meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}.chip{padding:2px 8px;border-radius:6px;background:#efeee9;font-weight:600;color:#55534d}.chip--target{background:#2b2b2b;color:#fff}.job__error,.job__working{margin-top:8px}.job__error{font-size:12px;color:#e2483c}.delta{font-weight:700;font-size:11px;padding:1px 6px;border-radius:6px}.delta--good{color:#1f9d55;background:#e2f6e9}.delta--bad{color:#d1791a;background:#fdeede}.job__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.job__side-actions{display:flex;align-items:center;gap:8px}.job__remove{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:2px;display:inline-flex;border-radius:6px;transition:color .12s ease,background .12s ease}.job__remove:hover{color:#e2483c;background:#fce6e4}.job__arrow{color:#b6b4ad}.job__result{display:flex;align-items:center;gap:10px}.job__size--out{color:#23a559;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.badge__icon{font-size:12px}.badge--pending{background:#fdeede;color:#d1791a}.badge--progress{background:#e3f0fd;color:#2f6df6}.badge--success{background:#e2f6e9;color:#1f9d55}.badge--failed{background:#fce6e4;color:#e2483c}.badge--expired{background:#eeeeec;color:#8a8a85}.footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media (max-width:820px){.editor--split,.editor2__body--split{grid-template-columns:1fr}.megamenu{width:min(92vw,640px)}}.nav__burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.mnav__scrim{position:fixed;inset:0;background:rgba(20,20,20,.4);z-index:90;animation:fadeIn .15s ease}.mnav{position:fixed;top:0;right:0;z-index:100;width:min(86vw,340px);height:100dvh;background:var(--bg);border-left:1px solid var(--line);box-shadow:-18px 0 44px rgba(0,0,0,.14);padding:76px 16px 24px;overflow-y:auto;animation:slideIn .18s ease;display:flex;flex-direction:column;gap:14px}.mnav__quick{display:flex;gap:8px}.mnav__quick .btn{flex:1 1;text-align:center;justify-content:center}.mnav__cats{display:flex;flex-direction:column;gap:4px}.mnav__cat{border-bottom:1px solid var(--line)}.mnav__cathead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 4px;background:transparent;border:none;cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink)}.mnav__catlabel{display:inline-flex;align-items:center;gap:8px}.mnav__caret{color:var(--muted);transition:transform .18s ease}.mnav__cat.is-open .mnav__caret{transform:rotate(180deg)}.mnav__list{list-style:none;margin:0;padding:0 0 10px 30px;display:flex;flex-direction:column;gap:2px}.mnav__list .megalink{font-size:15px;padding:8px 6px}.mnav__foot{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.mnav__foot .btn{width:100%;text-align:center;justify-content:center}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:860px){.nav--desktop{display:none}.nav__burger{display:inline-flex}}@media (max-width:560px){.page{padding:16px 16px 64px}.logo{font-size:20px}.hero{margin-top:24px}.hero__hi{font-size:38px;margin-bottom:12px}.hero__lead{font-size:20px;margin:18px 0 6px}.hero__sub{font-size:14px}.hero__cta{flex-wrap:wrap;gap:10px}.hero__cta .btn{flex:1 1 auto;justify-content:center}.plusgrid{font-size:26px}.tool-hero{flex-wrap:wrap;gap:12px;margin:22px 0 18px}.tool-hero__icon{width:44px;height:44px}.tool-title{font-size:28px}.tool-desc{font-size:13px}.privacy-pill{display:none}.tools-title{font-size:38px}.crumbs--sub{margin-top:16px}.controls__actions--full{flex-wrap:wrap}.controls__actions--full .btn{flex:1 1 auto;justify-content:center}.job{flex-direction:column;align-items:stretch}.job__side{flex-direction:row;justify-content:space-between;align-items:center}.preview-head__note{display:none}.preview-img{max-height:52vh}}.copychip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font-family:var(--sans);transition:transform .12s ease,box-shadow .12s ease}.copychip:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.06)}.copychip__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.copychip__value{font-family:monospace;font-size:13px;font-weight:600}.copychip__icon{display:inline-flex;color:var(--muted)}.colorconv{display:grid;grid-template-columns:minmax(220px,1fr) 1.4fr;gap:20px;margin-top:12px}.colorconv__preview{border-radius:16px;border:1px solid var(--line);min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;transition:background .15s ease}.colorconv__preview-hex{font-family:var(--serif);font-size:40px;letter-spacing:1px}.colorconv__preview-sub{font-family:monospace;font-size:12.5px;opacity:.85;text-align:center}.colorconv__panel{display:flex;flex-direction:column;gap:16px}.colorconv__group{display:flex;flex-direction:column;gap:8px}.colorconv__group-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.colorconv__row{display:flex;gap:10px;align-items:flex-end}.colorconv__row .field{flex:1 1}.colorconv__hexinput{font-family:monospace;text-transform:uppercase}.colorconv__hexinput.is-invalid{border-color:#d64545}.colorconv__err{color:#d64545;font-size:11px;margin-top:4px}.colorconv__copies{display:flex;flex-wrap:wrap;gap:8px}.colorconv__foot{margin-top:22px;display:flex;justify-content:center}.picker{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:20px;margin-top:16px;align-items:start}.picker__stage-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:center}.picker__stage{position:relative;line-height:0}.picker__canvas{max-width:100%;height:auto;border-radius:8px;cursor:crosshair;display:block}.picker__loupe{position:absolute;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 18px rgba(0,0,0,.28);pointer-events:none;z-index:5}.picker__loupe-canvas{display:block;image-rendering:pixelated}.picker__side{gap:14px}.picker__readout,.picker__side{display:flex;flex-direction:column}.picker__readout{border-radius:14px;border:1px solid var(--line);padding:20px 16px;gap:6px;align-items:center;text-align:center;transition:background .12s ease}.picker__readout-hex{font-family:var(--serif);font-size:30px;letter-spacing:1px}.picker__readout-sub{font-family:monospace;font-size:12px;opacity:.85}.picker__copies{display:flex;flex-wrap:wrap;gap:8px}.picker__history-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-top:4px}.picker__empty{font-size:13px;color:var(--muted);font-style:italic;margin:0}.picker .swatch{cursor:pointer;border:1px solid rgba(0,0,0,.08)}@media (max-width:760px){.colorconv,.picker,.wm{grid-template-columns:1fr}}.wm{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:20px;margin-top:16px;align-items:start}.wm__stage{position:relative;touch-action:none}.wm__base{cursor:default}.wm__overlay{position:absolute;inset:0;cursor:crosshair}.wm__side{gap:16px}.wm__group{flex-direction:column}.wm__group,.wm__row{display:flex;gap:8px}.wm__row{align-items:center}.wm__row .select{min-width:0;flex:1 1}.select--sm{flex:0 0 auto;width:auto}.wm__hint{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.seg{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}.seg__btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:600;padding:7px 8px;border:none;background:transparent;color:var(--muted);border-radius:7px;cursor:pointer;transition:background .12s ease,color .12s ease}.seg__btn:hover{color:var(--ink)}.seg__btn.is-active{background:var(--ink);color:#fff}.cmp-slots{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.cmp-slot{display:flex;flex-direction:column;gap:8px}.cmp-slot__label{font-size:13px;font-weight:600;color:var(--muted)}.cmp-slot__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block}.cmp-slot__clear{align-self:flex-start}.cmp-warn{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,#d98324 45%,var(--line));background:color-mix(in srgb,#d98324 12%,var(--card));color:var(--ink);font-size:13px;line-height:1.45}.cmp-warn svg{flex:0 0 auto;margin-top:1px;color:#d98324}.cmp-stage{touch-action:none}.cmp-stage--slider{cursor:ew-resize}.cmp-canvas{cursor:inherit}.cmp-divider{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.25);transform:translateX(-1px);pointer-events:none}.cmp-divider__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.32)}.cmp-tag{position:absolute;top:8px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;pointer-events:none}.cmp-tag--a{left:8px}.cmp-tag--b{right:8px}.cmp-ctrl{display:flex;flex-direction:column;gap:8px}.cmp-ctrl__label{font-size:13px;font-weight:600;display:flex;justify-content:space-between}.cmp-ctrl input[type=range]{width:100%}.cmp-ramp{display:flex;flex-direction:column;gap:3px;margin-top:2px}.cmp-ramp__bar{height:10px;border-radius:5px;background:linear-gradient(90deg,#0c0e1e,#2242b2,#00b0bc,#46c84a,#f4d630,#e82e2c)}.cmp-ramp__scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.cmp-metrics{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.cmp-metric{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card)}.cmp-metric__value{font-family:var(--serif);font-size:20px;color:var(--ink)}.cmp-metric__label{font-size:12px;color:var(--muted);font-weight:600}@media (max-width:640px){.cmp-slots{grid-template-columns:1fr}}.content-hero{max-width:760px;margin:52px 0 30px}.article-meta,.content-kicker,.guide-card__meta{color:var(--muted);font-size:12px}.article-prose{max-width:760px;color:#35342f;font-size:16px;line-height:1.72}.article-prose h2{margin:38px 0 12px;color:var(--ink);font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2}.article-prose h3{margin:26px 0 10px;color:var(--ink);font-size:18px}.article-prose p{margin:0 0 16px}.article-prose ol,.article-prose ul{margin:0 0 20px;padding-left:24px}.article-prose li{margin:7px 0}.article-prose a{color:#255fd3;text-underline-offset:3px}.article-prose code{padding:2px 5px;border-radius:5px;background:#eceae4;font-size:.9em}.tool-seo{margin-top:54px;padding-top:36px;border-top:1px solid var(--line)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--line);border-radius:10px;background:var(--card)}.faq-item summary{padding:12px 14px;color:var(--ink);cursor:pointer;font-weight:600}.faq-item p{padding:0 14px 14px;margin:0}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links a.btn,.related-links a.btn:hover,.related-links a.btn:visited{color:var(--ink);text-decoration:none}.related-links a.btn--dark,.related-links a.btn--dark:hover,.related-links a.btn--dark:visited{color:#fff}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.guide-card h2,.guide-card h3{margin:10px 0;font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.15}.guide-card h2 a,.guide-card h3 a{color:var(--ink);text-decoration:none}.guide-card>p:not(.guide-card__meta){color:var(--muted);font-size:14px;line-height:1.55}.guide-card__link{display:inline-flex;align-items:center;gap:5px;margin-top:auto;color:#255fd3;font-size:13px;font-weight:600;text-decoration:none}.directory-guides{margin-top:54px;padding-top:32px;border-top:1px solid var(--line)}.directory-guides>h2{font-family:var(--serif);font-size:30px;font-weight:400}.guide-grid--compact .guide-card{min-height:210px}.guide-article{margin-top:10px}.guide-article .content-hero{margin-top:34px}.article-meta{margin-top:18px}.article-cta{margin-top:42px;padding:20px;border-radius:14px;background:#eef3ff}.article-cta h2{margin-top:0}.article-sources{margin-top:44px;padding-top:4px;border-top:1px solid var(--line);font-size:14px}.not-found{padding:90px 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-footer__links{display:flex;flex-wrap:wrap;gap:14px}.site-footer__links a{color:inherit;text-decoration:none}.mnav__guide,.site-footer__links a:hover{color:var(--ink)}.mnav__guide{font-size:15px;font-weight:600;text-decoration:none;padding:8px 4px}.pdf-file-thumb{display:inline-flex;min-width:0;align-items:center;gap:6px;color:var(--ink);font-size:11px}.pdf-file-thumb span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-pages{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f2f1ec}.pdf-pages__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.pdf-pages__head span,.pdf-pages__head strong{display:block}.pdf-pages__head strong{color:var(--ink);font-size:14px}.pdf-pages__head span{margin-top:3px;color:var(--muted);font-size:12px}.pdf-pages__actions{display:flex;gap:6px}.pdf-pages__state{display:grid;min-height:180px;place-items:center}.pdf-pages__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:540px;overflow-y:auto}.pdf-preview{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f2f1ec}.pdf-preview__head{margin-bottom:12px}.pdf-preview__head strong{display:block;color:var(--ink);font-size:14px}.pdf-preview__head span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.pdf-preview__state{display:grid;min-height:220px;place-items:center}.pdf-preview__stage{display:grid;place-items:center;padding:12px;background:#d9d7cf;border-radius:10px}.pdf-preview__stage canvas{max-width:100%;max-height:560px;height:auto;border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.18)}.redact{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f2f1ec}.redact__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.redact__head strong{display:block;color:var(--ink);font-size:14px}.redact__head span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.redact__state{display:grid;min-height:180px;place-items:center}.redact__pages{display:flex;flex-direction:column;gap:16px;max-height:620px;overflow-y:auto;padding-right:4px}.redact__page-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:12px}.redact__surface{position:relative;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:crosshair;touch-action:none}.redact__surface img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.redact__box{position:absolute;background:rgba(20,20,20,.82);border:1px solid #000;box-sizing:border-box}.redact__box--live{background:rgba(20,20,20,.35);border:1px dashed #fff}.redact__box-remove{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:none;border-radius:999px;background:#d64545;color:#fff;cursor:pointer}.linklike{padding:0;border:none;background:none;color:#5b72b8;text-decoration:underline}.linklike,.pdf-page{cursor:pointer;font:inherit}.pdf-page{min-width:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);text-align:left;transition:border-color .15s ease,transform .15s ease,background .15s ease}.pdf-page:hover{border-color:#9baee2;transform:translateY(-1px)}.pdf-page.is-selected{border-color:#5b72b8;background:#edf2ff}.pdf-page.is-draggable{cursor:grab}.pdf-page.is-draggable:active{cursor:grabbing}.pdf-page__canvas{position:relative;display:grid;aspect-ratio:.72;overflow:hidden;place-items:center;border:1px solid #dddcd6;border-radius:6px;background:#fff}.pdf-page__canvas img{width:100%;height:100%;object-fit:contain}.pdf-page__check,.pdf-page__drag{position:absolute;top:6px;right:6px;display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:rgba(255,255,255,.92);color:#40589d}.pdf-page__label{display:block;overflow:hidden;margin-top:7px;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}@media (max-width:680px){.page--landing .hero{min-height:calc(100svh - 88px)}.home-content{padding-top:48px}.home-task-grid{grid-template-columns:1fr}.content-hero{margin-top:30px}.article-prose{font-size:15px;line-height:1.66}.article-prose h2{font-size:24px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0}.site-footer{align-items:flex-start}.site-footer__links{gap:10px}.pdf-pages__head{flex-direction:column}.pdf-pages__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page--tool{padding:12px 14px 24px}.page--tool .topbar{min-height:44px}.page--tool .tool-workspace{min-height:calc(100svh - 56px)}.page--tool .crumbs--sub{overflow-x:auto;margin-top:12px;padding-bottom:3px;font-size:12px;white-space:nowrap}.page--tool .tool-hero{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px 12px;margin:18px 0 16px}.page--tool .tool-hero__icon{width:42px;height:42px;border-radius:12px}.page--tool .tool-hero>div{min-width:0}.page--tool .tool-title{font-size:clamp(27px,8vw,32px);overflow-wrap:anywhere}.page--tool .privacy-pill,.page--tool .tool-desc,.page--tool .tool-hero>.btn{display:none}.page--tool .dropzone:not(.dropzone--compact){min-height:clamp(300px,58svh,520px);padding:24px 16px;border-radius:16px}.page--tool .dropzone__inner{width:min(100%,280px);margin-inline:auto}.page--tool .dropzone__title{font-size:16px;line-height:1.4}.page--tool .dropzone__hint{line-height:1.45}.page--tool .dropzone--compact{min-height:0;padding:14px;border-radius:14px}.page--tool .panel{padding:12px;border-radius:16px}.page--tool .converter>.panel>.converter__controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:10px}.page--tool .converter>.panel>.converter__controls .field{min-width:0}.page--tool .converter>.panel>.converter__controls .range{width:100%}.page--tool .converter>.panel>.converter__controls .controls__actions{grid-column:1/-1;width:100%;margin-left:0}.page--tool .converter>.panel>.converter__controls .controls__actions .btn{flex:1 1;justify-content:center}.page--tool .editor2,.page--tool .editor2__body--split{gap:10px}.page--tool .editor2__aside,.page--tool .editor__preview{position:static;padding:14px}.page--tool .editor2__controls{padding:0}.page--tool .editor2__controls .controls__actions,.page--tool .video-tool-actions{width:100%;margin-left:0}.page--tool .editor2__controls .controls__actions .btn,.page--tool .video-tool-actions .btn{flex:1 1 auto;justify-content:center;min-height:44px;padding:12px 16px}.page--tool .converter__controls--stack{align-items:stretch;gap:12px}.page--tool .converter__controls--stack .field{min-width:0}.page--tool .dd__btn,.page--tool .select{width:100%;min-height:44px}.page--tool .btn{min-height:42px}.page--tool .job{gap:10px;padding:12px;border-radius:14px}.page--tool .job__meta,.page--tool .job__side-actions{flex-wrap:wrap}.page--tool .job__side-actions .btn{justify-content:center}.page--tool .editor__preview{overflow-x:auto}.page--tool .picker{gap:12px}.page--tool .picker__side,.page--tool .picker__stage-wrap{padding:12px;border-radius:14px}.page--tool .colorconv__row{gap:8px}.page--tool .colorconv__copies .copychip{flex:1 1 100%;justify-content:space-between}.page--tool .pdf-pages{padding:12px;border-radius:14px}.page--tool .pdf-pages__grid{gap:8px}.page--tool .pdf-pages__actions{width:100%}.page--tool .pdf-pages__actions .btn{flex:1 1}.tool-editorial{padding-top:32px}.tool-editorial .tool-seo{padding:24px 18px;border-radius:18px}.tool-editorial .directory-guides{margin-top:36px;padding-top:24px}}.video-preview-wrap{display:flex;flex-direction:column;gap:8px;width:100%}.video-preview{width:100%;max-height:420px;background:#000;border-radius:8px;display:block}.video-result{margin-top:20px;display:flex;flex-direction:column;gap:12px}.video-result__header{display:flex;align-items:center;gap:10px}.video-result__name{font-size:.85rem;color:var(--muted);font-family:monospace}.video-result__gif{max-width:100%;border-radius:8px}.video-result__audio{width:100%}.video-progress{position:relative;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:12px}.video-progress__bar{position:absolute;inset:0;background:var(--accent,#111);transition:width .3s ease;opacity:.12}.video-progress__label{position:absolute;inset:0;display:flex;align-items:center;padding:0 12px;font-size:.8rem;color:var(--ink)}.video-error{font-size:.82rem;color:#c00;background:#fff0f0;border:1px solid #fcc;border-radius:6px;padding:10px 14px;margin-bottom:10px;word-break:break-word}.video-timing-hint{font-size:.8rem;color:var(--muted);margin:0;padding:10px 12px;background:var(--surface);border-radius:10px;border:1px solid var(--line);line-height:1.45}.video-hub__feature{margin:0 0 28px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.03)}.video-hub__feature-inner{display:flex;align-items:center;gap:18px;padding:18px 22px}.video-hub__feature-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#111;color:#fff;flex-shrink:0}.video-hub__feature-copy{flex:1 1;min-width:0}.video-hub__feature-title{font-size:1.05rem;font-weight:600;margin:0 0 4px}.video-hub__feature-desc{font-size:.84rem;color:var(--muted);margin:0;line-height:1.45}.video-hub__feature .btn{margin-left:auto;flex-shrink:0}.dir-note{margin-top:40px;padding:16px 20px;background:var(--surface);border-radius:8px;border:1px solid var(--border);font-size:.82rem;color:var(--muted)}.dir-note a{color:var(--ink)}.vload{margin:0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.vload__bar-wrap{position:relative;height:8px;background:#eceae4;border-radius:999px;overflow:hidden;margin-bottom:8px}.vload__bar{height:100%;background:linear-gradient(90deg,#2b2b2b,#4a4a4a);border-radius:999px;transition:width .2s ease}.vload__label{font-size:.8rem;color:var(--muted);margin:0;line-height:1.4}.page--veditor .crumbs--sub{padding:0 0 12px}.veditor-shell{width:min(1120px,100%);margin:0 auto;padding:0 20px 32px}.veditor-drop{display:flex;align-items:center;justify-content:center;min-height:380px;margin-top:8px;border:2px dashed var(--border);border-radius:18px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}.veditor-drop--active,.veditor-drop:hover{border-color:#111;background:#fafafa;box-shadow:0 8px 28px rgba(0,0,0,.04)}.veditor-drop__inner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:48px 28px}.veditor-drop__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#111;color:#fff}.veditor-drop__title{font-size:1.35rem;font-weight:600;margin:0}.veditor-drop__sub{font-size:.88rem;color:var(--muted);margin:0;max-width:420px}.tool-workspace>.veditor-workspace{margin-top:20px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.05)}.veditor-stage{position:relative;background:#0b0b0c}.veditor-stage__video{display:block;width:100%;max-height:min(58vh,520px);object-fit:contain;margin:0 auto}.veditor-stage__time{position:absolute;bottom:12px;right:14px;font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff;background:rgba(0,0,0,.58);padding:3px 9px;border-radius:6px;pointer-events:none}.veditor-controls{background:#f7f7f8;border-top:1px solid var(--border)}.veditor-toolbar{display:flex;align-items:center;gap:8px;padding:12px 14px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.veditor-toolbar__spacer{flex:1 1;min-width:8px}.veditor-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;border:1px solid #e4e4e7;border-radius:12px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s;white-space:nowrap;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.04)}.veditor-tool:hover:not(:disabled){background:#fafafa;border-color:#d4d4d8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.veditor-tool--active,.veditor-tool--primary{background:#111;color:#fff;border-color:#111}.veditor-tool--primary:hover:not(:disabled){background:#222}.veditor-tool:disabled{opacity:.45;cursor:not-allowed}.veditor-select{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;font-size:.8rem;color:var(--muted);box-shadow:0 1px 2px rgba(0,0,0,.04);white-space:nowrap}.veditor-select select{border:none;background:transparent;font-size:.82rem;color:var(--ink);font-weight:500;cursor:pointer;padding:0}.veditor-export{padding:10px 14px 12px;border-top:1px solid var(--border);background:#fff}.veditor-export--done{background:#f4fbf6}.veditor-export--error{background:#fff5f5}.veditor-export__track{height:5px;background:#ececee;border-radius:999px;overflow:hidden;margin-bottom:8px}.veditor-export__fill{height:100%;background:#111;border-radius:999px;transition:width .25s ease}.veditor-export--done .veditor-export__fill{background:#15803d}.veditor-export__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.veditor-export__label{font-size:.8rem;color:var(--muted)}.veditor-timeline-wrap{background:#1a1a1f;padding:0 0 16px;flex:1 1}.veditor-trim-info{display:flex;align-items:center;gap:18px;padding:10px 16px;font-size:.76rem;color:#9ca3af;flex-wrap:wrap}.veditor-trim-info strong{color:#f3f4f6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.veditor-trim-info__hint{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#6b7280}.veditor-timeline{overflow-x:auto;overflow-y:hidden;padding:0 16px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#444 transparent}.veditor-timeline::-webkit-scrollbar{height:4px}.veditor-timeline::-webkit-scrollbar-track{background:transparent}.veditor-timeline::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.veditor-tl-inner{position:relative;-webkit-user-select:none;user-select:none}.veditor-ruler{position:relative;height:24px;border-bottom:1px solid #333;margin-bottom:4px}.veditor-ruler__tick{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.veditor-ruler__tick:before{content:"";display:block;width:1px;height:8px;background:#555;margin-bottom:2px}.veditor-ruler__label{font-size:.62rem;color:#666;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.veditor-track{position:relative;border-radius:8px;overflow:hidden}.veditor-track__mask{position:absolute;top:0;height:100%;background:rgba(0,0,0,.65);z-index:3;pointer-events:none}.veditor-track__mask--left{left:0}.veditor-track__mask--right{right:0}.veditor-thumbs{display:flex;height:62px;background:#1f2937;overflow:hidden}.veditor-thumb{height:62px;object-fit:cover;flex-shrink:0;display:block}.veditor-thumbs__loading{display:flex;align-items:center;justify-content:center;width:100%;font-size:.72rem;color:#555}.veditor-wave{display:flex;align-items:flex-end;height:42px;background:#111827;gap:1px;padding:0 2px 2px}.veditor-wave__bar{flex:1 1;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:2px 2px 0 0;opacity:.85;min-width:1px}.veditor-playhead{top:0;bottom:0;width:2px;background:#fff;z-index:10;pointer-events:none;border-radius:1px;box-shadow:0 0 6px rgba(255,255,255,.4)}.veditor-playhead,.veditor-playhead:before{position:absolute;transform:translateX(-50%)}.veditor-playhead:before{content:"";top:-6px;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff}.veditor-handle{position:absolute;top:0;bottom:0;width:10px;background:#3b82f6;z-index:8;cursor:ew-resize;border-radius:4px;box-shadow:0 0 0 2px rgba(59,130,246,.35)}.veditor-handle--start{transform:translateX(-100%);border-radius:6px 0 0 6px}.veditor-handle--end{transform:translateX(0);border-radius:0 6px 6px 0}.veditor-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:18px;border-radius:1px;background:rgba(255,255,255,.9);box-shadow:3px 0 0 rgba(255,255,255,.9)}.veditor-selection{position:absolute;top:0;height:100%;border:2px solid #3b82f6;border-radius:4px;pointer-events:none;z-index:5;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(59,130,246,.15)}@media (max-width:768px){.veditor-shell{padding:0 12px 24px}.veditor-toolbar{padding:10px;gap:6px}.veditor-tool{padding:7px 11px;font-size:.78rem}.veditor-trim-info__hint{margin-left:0;width:100%}.video-hub__feature-inner{flex-wrap:wrap}.video-hub__feature .btn{margin-left:0;width:100%;text-align:center}}.vstudio{margin-top:16px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.05)}.vstudio__toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:#fafafa;overflow-x:auto;flex-wrap:nowrap}.vstudio__toolbar-spacer{flex:1 1;min-width:8px}.vstudio__body{display:grid;grid-template-columns:1fr 280px;min-height:360px}.vstudio-preview{background:#0b0b0c;display:flex;align-items:stretch;justify-content:stretch;flex:1 1;min-height:360px;padding:12px}.vstudio-preview__stage{position:relative;width:100%;height:100%;min-height:280px;aspect-ratio:16/9;background:#000;margin:0}.vstudio-preview__video{width:100%;height:100%;object-fit:contain;display:block}.vstudio-preview__video-wrap{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden}.vstudio-preview__video-wrap.is-active{opacity:1;visibility:visible}.vstudio-preview__layer-badge{left:10px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.2);padding:3px 8px;z-index:2}.vstudio-preview__layer-badge,.vstudio-preview__stack-hint{position:absolute;top:10px;border-radius:6px;pointer-events:none}.vstudio-preview__stack-hint{right:10px;z-index:40;font-size:.72rem;color:#e5e5e5;background:rgba(0,0,0,.55);padding:4px 10px}.vstudio-stack-legend{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.78rem}.vstudio-stack-legend__row{padding:4px 8px;border-radius:4px;background:#f0f0ee;color:#555}.vstudio-stack-legend__row--top{background:#1a1a1a;color:#fff;font-weight:600}.vstudio-preview__empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:.88rem}.vstudio-overlay-text{position:absolute;cursor:move;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9);white-space:pre-wrap;text-align:center;max-width:92%;z-index:4;padding:6px 12px;border:2px solid transparent;border-radius:6px;transform:translate(-50%,-50%);word-break:break-word}.vstudio-overlay-text.is-selected{border-color:#3b82f6}.vstudio-overlay-img{position:absolute;object-fit:contain;z-index:3;border:2px solid transparent;border-radius:4px;pointer-events:auto;cursor:grab;touch-action:none}.vstudio-overlay-img:active{cursor:grabbing}.vstudio-overlay-img.is-selected{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.25)}.vstudio-panel{border-left:1px solid var(--border);background:#fafafa;display:flex;flex-direction:column;min-height:0}.vstudio-panel__tabs{display:flex;border-bottom:1px solid var(--border)}.vstudio-panel__tab{flex:1 1;padding:10px 8px;font-size:.78rem;font-weight:500;border:none;background:transparent;cursor:pointer;color:var(--muted)}.vstudio-panel__tab.is-active{color:var(--ink);background:#fff;box-shadow:inset 0 -2px 0 #111}.vstudio-panel__body{padding:14px;overflow-y:auto;flex:1 1}.vstudio-panel__hint{font-size:.8rem;color:var(--muted);line-height:1.5;margin:0}.vstudio-layers{display:flex;flex-direction:column;gap:6px}.vstudio-layer-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600}.vstudio-layer-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:.8rem;text-align:left}.vstudio-layer-item.is-selected{border-color:#3b82f6;background:#eff6ff}.vstudio-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.vstudio-form{display:flex;flex-direction:column;gap:12px}.vstudio-colors{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.vstudio-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #ddd;cursor:pointer;padding:0}.vstudio-swatch.is-active{border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.vstudio-timeline-wrap{background:#141418;border-top:1px solid var(--border)}.vstudio-timeline{overflow-x:auto;padding:8px 12px 12px}.vstudio-timeline__inner{position:relative;min-width:100%}.vstudio-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.vstudio-track.is-drop-target .vstudio-track__lane{background:#252530;box-shadow:inset 0 0 0 1px rgba(59,130,246,.35)}.vstudio-track{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:stretch}.vstudio-track__label{font-size:.68rem;color:#888;display:flex;align-items:center;padding-left:4px;text-transform:uppercase;letter-spacing:.04em}.vstudio-track__lane{position:relative;background:#1e1e24;border-radius:8px;min-height:44px;overflow:hidden}.vstudio-clip{position:absolute;top:4px;bottom:4px;border-radius:6px;overflow:hidden;border:2px solid transparent;min-width:24px;-webkit-user-select:none;user-select:none}.vstudio-clip--video{background:#2a3040;cursor:grab}.vstudio-clip--video:active{cursor:grabbing}.vstudio-clip__body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:1}.vstudio-clip--video .vstudio-clip__body{left:10px;right:10px}.vstudio-clip.is-dragging-source{opacity:.2;pointer-events:none}.vstudio-clip--ghost{z-index:30;pointer-events:none;cursor:grabbing;box-shadow:0 10px 28px rgba(0,0,0,.45);border-color:#3b82f6;opacity:.96}.vstudio-timeline-wrap.is-clip-dragging{cursor:grabbing}.vstudio-timeline-wrap.is-clip-dragging *{-webkit-user-select:none;user-select:none}.vstudio-clip.is-selected{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.4)}.vstudio-clip--audio{background:#1a2838}.vstudio-clip--text{background:#3d2f5c;color:#e9d5ff;padding:0}.vstudio-clip--image{background:#2f4a3a;color:#bbf7d0;padding:0}.vstudio-clip--image .vstudio-clip__body,.vstudio-clip--text .vstudio-clip__body{position:absolute;inset:0;display:flex;align-items:center;padding:0 10px;overflow:hidden;z-index:1;cursor:grab}.vstudio-clip--image .vstudio-clip__body:active,.vstudio-clip--text .vstudio-clip__body:active{cursor:grabbing}.vstudio-clip__label{font-size:.76rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;pointer-events:none}.vstudio-clip__handle--overlay{width:6px;background:rgba(255,255,255,.92);opacity:0;z-index:5;transition:opacity .12s ease}.vstudio-clip--image.is-selected .vstudio-clip__handle--overlay,.vstudio-clip--image:hover .vstudio-clip__handle--overlay,.vstudio-clip--text.is-selected .vstudio-clip__handle--overlay,.vstudio-clip--text:hover .vstudio-clip__handle--overlay{opacity:1}.vstudio-clip__handle--overlay.vstudio-clip__handle--l{left:0;border-radius:5px 0 0 5px}.vstudio-clip__handle--overlay.vstudio-clip__handle--r{right:0;border-radius:0 5px 5px 0}.vstudio-clip__thumbs{display:flex;height:100%;opacity:.9;flex:1 1}.vstudio-clip__thumbs img{height:100%;flex:1 1;object-fit:cover;min-width:0;pointer-events:none;-webkit-user-drag:none}.vstudio-clip__wave{display:flex;align-items:flex-end;height:100%;gap:1px;padding:2px}.vstudio-clip__wave div{flex:1 1;background:#3b82f6;border-radius:1px 1px 0 0;min-width:1px}.vstudio-clip__name{position:absolute;bottom:2px;left:6px;font-size:.62rem;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vstudio-clip__handle{position:absolute;top:0;bottom:0;width:10px;background:rgba(255,255,255,.85);cursor:ew-resize;z-index:4}.vstudio-clip__handle--l{left:0;border-radius:4px 0 0 4px}.vstudio-clip__handle--r{right:0;border-radius:0 4px 4px 0}.vstudio--v3{display:flex;flex-direction:column;margin-top:0;border-radius:0;border-left:none;border-right:none;min-height:calc(100svh - 168px)}.vstudio__workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100svh - 168px);align-items:stretch}.vstudio__canvas{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);background:#fff}.vstudio--v3 .vstudio__main{display:flex;flex-direction:column;flex:1 1}.vstudio-transport{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--border);background:#fafafa;flex-wrap:wrap}.vstudio-transport__time{font-family:ui-monospace,monospace;font-size:.85rem;font-weight:600;min-width:140px}.vstudio-transport__tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vstudio-transport__spacer{flex:1 1;min-width:8px}.veditor-tool--round{width:40px;height:40px;border-radius:50%;padding:0;justify-content:center}.vstudio-sidebar{display:grid;grid-template-columns:72px 1fr;grid-template-rows:minmax(0,1fr);background:#fafafa;min-height:0;height:100%;overflow:hidden}.vstudio-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:12px 8px;border-right:1px solid var(--border);background:#f3f3f4}.vstudio-sidebar__nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-size:.62rem;font-weight:600;cursor:pointer;line-height:1.2}.vstudio-sidebar__nav-btn:hover{background:rgba(0,0,0,.04);color:var(--ink)}.vstudio-sidebar__nav-btn.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.vstudio-sidebar__content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.vstudio-sidebar__title{margin:0;padding:14px 16px 10px;font-size:.92rem;font-weight:600;border-bottom:1px solid var(--border);background:#fff}.vstudio-sidebar__body{padding:14px 16px;overflow-y:auto;flex:1 1;background:#fff;min-height:0}.vstudio--v2,.vstudio--v2 .vstudio__main{display:flex;flex-direction:column}.vstudio--v2 .vstudio-panel{border-left:none;border-top:1px solid var(--border);max-height:220px}.vstudio--v2 .vstudio-panel__body{max-height:170px}.vstudio-layer-row__actions{display:flex;gap:6px}.vstudio-speed-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:10px}.vstudio-speed-preview__svg{width:120px;height:48px}.vstudio-speed-preview__label{font-size:.72rem;color:var(--muted)}.vstudio-speed-presets{display:flex;flex-wrap:wrap;gap:6px}.vstudio-easing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.vstudio-easing-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-size:.68rem;color:var(--muted)}.vstudio-easing-btn.is-active{border-color:#3b82f6;color:var(--ink);background:#eff6ff}.vstudio-easing-btn svg{width:40px;height:24px}.vstudio-timeline__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 0;color:#aaa;font-size:.75rem}.vstudio-timeline__title{font-weight:600;text-transform:uppercase;letter-spacing:.06em}.vstudio-timeline__zoom{display:flex;align-items:center;gap:8px}.vstudio-timeline__zoom span{font-family:ui-monospace,monospace;font-size:.72rem;min-width:56px;text-align:center}.veditor-playhead--draggable{pointer-events:auto;cursor:ew-resize;width:12px;margin-left:-6px;background:transparent}.veditor-playhead--draggable:before{pointer-events:none}.veditor-playhead--draggable:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:2px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.4);border-radius:1px}.vstudio-clip__speed{position:absolute;top:2px;right:4px;font-size:.58rem;background:rgba(0,0,0,.65);color:#fbbf24;padding:1px 4px;border-radius:3px;pointer-events:none;z-index:3}.vstudio-preview__video-wrap .vstudio-preview__video{position:absolute;inset:0}.page--video-editor-active{max-width:none;width:100%;margin:0;padding-inline:0;padding-bottom:0;min-height:100svh;display:flex;flex-direction:column}.page--video-editor-active>.topbar{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,2.5vw,36px)}.page--video-editor-active .video-editor-main{width:100%}.page--video-editor-active .video-editor-main,.video-editor-active{flex:1 1;display:flex;flex-direction:column;min-height:0}.video-editor-active__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1280px;margin-inline:auto;padding:10px clamp(16px,2.5vw,36px);flex-shrink:0}.crumbs--compact{margin:0}.video-editor-notice{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;padding:16px 18px;border:1px solid #f0d9a8;border-radius:14px;background:#fffbeb;color:#5c4a1f}.video-editor-notice__icon{flex-shrink:0;color:#d97706;margin-top:2px}.video-editor-notice__title{margin:0 0 6px;font-size:.95rem;font-weight:700;color:#78350f}.video-editor-notice__text{margin:0 0 14px;font-size:.88rem;line-height:1.55;color:#6b5a2e}.dropzone--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.ve-shell{flex:1 1;display:flex;flex-direction:column;min-height:0;width:min(1720px,90vw);margin:0 auto}.ve-shell__grid{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) 288px;min-height:calc(100svh - 148px);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 48px rgba(0,0,0,.07)}.ve-shell__main{display:grid;grid-template-rows:minmax(300px,1fr) auto auto;min-width:0;min-height:0;background:#0a0a0b}.ve-preview{padding:20px 24px;background:#000;overflow:hidden}.ve-preview,.ve-preview .vstudio-preview{display:flex;align-items:center;justify-content:center;min-height:0}.ve-preview .vstudio-preview{width:100%;height:100%}.ve-preview .vstudio-preview__stage{height:100%;width:auto;max-width:100%;aspect-ratio:16/9;margin:0 auto;background:#000;box-shadow:0 4px 32px rgba(0,0,0,.5)}.ve-transport{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f7f7f5;border-top:1px solid var(--line);flex-wrap:wrap}.ve-transport__time{font-family:ui-monospace,monospace;font-size:.85rem;font-weight:600;min-width:130px}.ve-transport__tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ve-transport__spacer{flex:1 1;min-width:8px}.ve-timeline{min-height:0;max-height:38vh;overflow:hidden;border-top:1px solid #2a2a30}.ve-timeline .vstudio-timeline-wrap{height:100%;max-height:38vh}.ve-sidebar{border-left:1px solid var(--line);background:#fafafa;min-height:0;overflow:hidden}@media (max-width:960px){.ve-shell{width:94vw}.ve-shell__grid{grid-template-columns:1fr;grid-template-rows:minmax(260px,45vh) auto;min-height:auto}.ve-shell__main{grid-template-rows:minmax(220px,36vh) auto minmax(160px,28vh)}.ve-sidebar{max-height:340px;border-left:none;border-top:1px solid var(--line)}.ve-sidebar.vstudio-sidebar{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ve-sidebar .vstudio-sidebar__nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}}@media (max-width:900px){.page--video-editor-active .crumbs--sub,.page--video-editor-active .tool-hero{padding-inline:16px}.vstudio__body{grid-template-columns:1fr}.vstudio-panel{border-left:none;border-top:1px solid var(--border)}}html{scroll-behavior:smooth}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}