@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;750&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--color-paper:#f8fafd;--color-paper-2:#f0f4f7;--color-paper-3:#e6eaef;--color-surface:#fbfdfe;--color-surface-raised:#f4f7fb;--color-graphite:#161b22;--color-graphite-2:#252930;--color-ink:#0f141c;--color-ink-2:#282e37;--color-muted:#585e67;--color-muted-2:#7f848b;--color-rule:#ccd2d8;--color-rule-2:#a3acb6;--color-accent:#0076ec;--color-accent-strong:#004ca3;--color-accent-soft:#d7eaff;--color-accent-ink:#f8fafd;--color-warning:#784900;--color-warning-soft:#fae9ca;--color-focus:#1e86fe;--color-media:#0e1218;--color-media-shadow:#004ca32e;--color-modal-backdrop:#0e1218b8;--color-modal-backdrop-soft:#1a20286b;--color-modal-shadow:#1a20283d;--font-display:"Space Grotesk", "Aptos Display", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", "Aptos", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-display-s:clamp(2.35rem, 4vw + .8rem, 4rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--z-modal:400}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(98.257% -.443965 -1.43218);--color-paper-2:lab(95.9353% -.662178 -2.14616);--color-paper-3:lab(92.4497% -.787586 -2.89203);--color-surface:lab(99.0698% -.333875 -1.07465);--color-surface-raised:lab(97.2114% -.662297 -2.14623);--color-graphite:lab(9.45149% -.520468 -5.83602);--color-graphite-2:lab(16.4257% -.556231 -5.14616);--color-ink:lab(6.13237% -.554688 -6.19069);--color-ink-2:lab(18.74% -.972927 -6.52643);--color-muted:lab(39.6339% -.997692 -5.85871);--color-muted-2:lab(54.7281% -.798196 -4.41887);--color-rule:lab(83.7451% -1.06937 -3.96903);--color-rule-2:lab(69.8037% -1.48308 -6.52967);--color-accent:lab(49.543% 8.27035 -68.7982);--color-accent-strong:lab(32.002% 12.605 -61.7621);--color-accent-soft:lab(91.7498% -2.85745 -16.3176);--color-accent-ink:lab(98.257% -.443965 -1.43218);--color-warning:lab(35.904% 19.689 64.1016);--color-warning-soft:lab(93.1622% 2.56968 17.4378);--color-focus:lab(55.4655% 6.17436 -68.9159);--color-media:lab(5.22184% -.324033 -4.40709);--color-media-shadow:lab(32.002% 12.605 -61.7621/.18);--color-modal-backdrop:lab(5.22184% -.324033 -4.40709/.72);--color-modal-backdrop-soft:lab(11.7709% -.782177 -6.51836/.42);--color-modal-shadow:lab(11.7709% -.782177 -6.51836/.24)}}
:root{--background:var(--color-paper);--surface:var(--color-surface);--surface-strong:var(--color-paper-2);--text:var(--color-ink);--muted:var(--color-muted);--border:var(--color-rule);--accent:var(--color-accent);--accent-strong:var(--color-accent-strong);--accent-soft:var(--color-accent-soft);--warning:var(--color-warning);--warning-bg:var(--color-warning-soft)}*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:calc(72px + var(--space-lg));background:var(--background);color:var(--text);font-family:var(--font-body);overflow-x:clip}body{min-height:100%;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:3px}.site-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:24px 0 36px}.header{justify-content:space-between;align-items:center;gap:20px;padding:12px 0 28px;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:750;display:inline-flex}.brand__mark{background:var(--accent);width:34px;height:34px;color:var(--color-accent-ink);border-radius:8px;place-items:center;display:grid}.nav{color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:18px;font-size:14px;display:flex}.nav a:hover{color:var(--accent)}.language-switch,.button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:650;display:inline-flex}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--color-accent-ink)}.button:disabled{cursor:not-allowed;opacity:.56}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:8px;flex:none;place-items:center;display:inline-grid;position:relative}.icon-button:before,.icon-button:after{content:"";width:10px;height:10px;position:absolute}.icon-button--expand:before{border-top:2px solid;border-right:2px solid;top:10px;right:10px}.icon-button--expand:after{border-bottom:2px solid;border-left:2px solid;bottom:10px;left:10px}.icon-button--collapse:before{border-bottom:2px solid;border-right:2px solid;top:10px;left:10px}.icon-button--collapse:after{border-top:2px solid;border-left:2px solid;bottom:10px;right:10px}.hero{padding:52px 0 44px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:750}.hero h1,.root-choice h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(40px,7vw,76px);line-height:.98}.hero p:not(.eyebrow),.root-choice__copy{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:19px;line-height:1.65}.tools-section{padding:20px 0 12px}.tools-section__header{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px;margin-bottom:18px;display:grid}.tools-section__header h2{letter-spacing:0;margin:0;font-size:30px}.search-field{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.search-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:8px;padding:0 14px}.filters{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.filter{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--muted);border-radius:8px;padding:7px 12px;font-weight:700}.filter[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:184px;padding:18px}.tool-card--link{transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);display:block}.tool-card--link:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-card__meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:750;display:flex}.status{background:var(--warning-bg);color:var(--warning);border-radius:999px;flex:none;padding:4px 8px}.status[data-status=available]{background:var(--accent-soft);color:var(--accent-strong)}.tool-card h2{letter-spacing:0;margin:24px 0 10px;font-size:21px}.tool-card p{color:var(--muted);margin:0;line-height:1.55}.empty-state{border:1px dashed var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:8px;padding:28px}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}.footer p{margin:0}.root-choice{place-items:center;width:min(760px,100% - 32px);min-height:100dvh;margin:0 auto;padding:40px 0;display:grid}.root-choice__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.tool-hero{padding:42px 0 28px}.tool-hero h1{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(36px,6vw,64px);line-height:1.02}.tool-hero p:not(.eyebrow){max-width:720px;color:var(--muted);margin:16px 0 0;font-size:18px;line-height:1.65}.watermark-tool{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;padding:14px 0 26px;display:grid}.watermark-tool__panel,.watermark-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px}.watermark-tool__panel{gap:16px;padding:18px;display:grid}.form-field{color:var(--muted);gap:8px;font-size:13px;font-weight:750;display:grid}.form-field input[type=text],.form-field input[type=number],.form-field input[type=file],.form-field select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:9px 11px}.form-field input[type=range]{width:100%;accent-color:var(--accent)}.form-field small{color:var(--muted);font-weight:600;line-height:1.4}.control-grid{gap:14px;display:grid}.watermark-tool__inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-field,.toggle-field{min-height:40px;color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:750;display:inline-flex}.color-field input{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:42px;height:34px;padding:2px}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.tool-message{border:1px solid var(--warning-bg);background:var(--warning-bg);color:var(--warning);border-radius:8px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5}.watermark-tool__actions{flex-wrap:wrap;gap:10px;display:flex}.stitch-list{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;gap:10px;padding:12px;display:grid}.stitch-list p,.stitch-list ol{margin:0}.stitch-list p{color:var(--text);font-size:14px;font-weight:750}.stitch-list ol{gap:8px;max-height:190px;padding:0;list-style:none;display:grid;overflow:auto}.stitch-list__item{border-bottom:1px solid var(--border);gap:2px;min-width:0;padding-bottom:8px;display:grid}.stitch-list__item:last-child{border-bottom:0;padding-bottom:0}.stitch-list__item span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.stitch-list__item small{color:var(--muted);font-size:12px;font-weight:650}.watermark-preview{min-height:480px;overflow:hidden}.watermark-preview__header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:16px 18px;display:flex}.watermark-preview__header h2,.watermark-preview__header p{margin:0}.watermark-preview__header h2{letter-spacing:0;font-size:20px}.watermark-preview__header p{max-width:360px;color:var(--muted);text-align:right;font-size:13px;line-height:1.45}.watermark-preview__canvas{object-fit:contain;background:var(--surface-strong);width:100%;height:auto;max-height:720px;display:block}.stitch-preview__canvas{max-height:820px}.video-tool__section{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;gap:12px;padding:12px;display:grid}.video-tool__section h2{color:var(--text);letter-spacing:0;margin:0;font-size:15px}.video-tool__meta{gap:10px;margin:0;display:grid}.video-tool__meta div{gap:3px;display:grid}.video-tool__meta dt{color:var(--muted);font-size:12px;font-weight:750}.video-tool__meta dd{color:var(--text);margin:0;font-size:13px;font-weight:700;line-height:1.35}.video-tool__range{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-tool__inline{flex-wrap:wrap;gap:10px;display:flex}.video-time-range{gap:10px;padding:4px 0 2px;display:grid}.video-time-range__track{--range-left:0%;--range-right:0%;min-height:32px;position:relative}.video-time-range__track:before,.video-time-range__track:after{content:"";border-radius:999px;height:6px;position:absolute;top:13px;left:0;right:0}.video-time-range__track:before{background:var(--border)}.video-time-range__track:after{right:var(--range-right);left:var(--range-left);background:var(--accent)}.video-time-range__track input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:32px;margin:0;position:absolute;inset:0}.video-time-range__track input[type=range]::-webkit-slider-thumb{border:2px solid var(--surface);appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 1px 5px var(--color-media-shadow);pointer-events:auto;border-radius:50%}.video-time-range__track input[type=range]::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);width:18px;height:18px;box-shadow:0 1px 5px var(--color-media-shadow);pointer-events:auto;border-radius:50%}.video-time-range__track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:6px}.video-time-range__track input[type=range]::-moz-range-track{background:0 0;height:6px}.video-time-range__labels{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:750;display:flex}.video-tool__progress{color:var(--muted);gap:8px;font-size:13px;font-weight:750;display:grid}.video-tool__progress progress{width:100%;height:12px;accent-color:var(--accent)}.video-preview{gap:12px;padding:18px;display:grid}.video-preview-pane{min-height:560px}.video-preview-grid{gap:0;display:grid}.video-preview+.video-preview{border-top:1px solid var(--border)}.video-preview h3{color:var(--text);letter-spacing:0;margin:0;font-size:16px}.video-preview__media{background:var(--color-media);object-fit:contain;border-radius:8px;width:100%;max-height:680px;display:block}.video-preview__details{color:var(--muted);margin:0;font-size:13px;font-weight:650;line-height:1.5}.video-preview__empty-result{border:1px dashed var(--border);min-height:220px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:24px;display:grid}.video-png-tool{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.video-png-tool__limit-warning{gap:10px;display:grid}.video-png-tool__limit-warning p{margin:0}.video-frame-gallery{gap:14px;padding:2px 0 30px;display:grid}.video-frame-gallery__header{justify-content:space-between;align-items:center;gap:14px;display:flex}.video-frame-gallery__header h2{letter-spacing:0;margin:0;font-size:24px}.video-frame-gallery__empty{border:1px dashed var(--border);min-height:180px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:24px;display:grid}.video-frame-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:14px;display:grid}.video-frame-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;min-width:0;padding:10px;display:grid}.video-frame-card__image-button{aspect-ratio:16/10;border:1px solid var(--border);background:var(--color-media);border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.video-frame-card__image-button img{object-fit:contain;width:100%;height:100%;display:block}.video-frame-card__meta{gap:3px;min-width:0;display:grid}.video-frame-card__meta span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;overflow:hidden}.video-frame-card__meta small{color:var(--muted);font-size:12px;font-weight:700}.video-frame-modal{z-index:20;background:var(--color-modal-backdrop);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-frame-modal__panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,980px);max-height:min(860px,100vh - 48px);display:grid;overflow:hidden}.video-frame-modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.video-frame-modal__header h2,.video-frame-modal__header p{margin:0}.video-frame-modal__header h2{letter-spacing:0;font-size:18px}.video-frame-modal__header p{color:var(--muted);margin-top:3px;font-size:13px;font-weight:650}.video-frame-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.video-frame-modal__panel>img{object-fit:contain;background:var(--color-media);width:100%;max-height:calc(100vh - 150px);display:block}.watermark-preview__empty{min-height:380px;color:var(--muted);text-align:center;place-items:center;padding:28px;display:grid}.base-converter{gap:14px;padding:14px 0 26px;display:grid}.base-converter__toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.base-converter__toolbar p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.base-converter__controls{grid-template-columns:repeat(2,minmax(min(160px,100%),1fr));gap:12px;display:grid}.base-converter__controls label,.base-converter__panel{gap:8px;min-width:0;display:grid}.base-converter__controls span,.base-converter__panel span,.base-converter__shortcuts>span{color:var(--muted);font-size:13px;font-weight:750}.base-converter__controls input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:8px;padding:9px 11px;font-weight:700}.base-converter__shortcuts{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.base-converter__shortcuts>div{flex-wrap:wrap;gap:8px;display:flex}.base-converter__shortcut{border:1px solid var(--border);background:var(--color-surface);min-height:34px;color:var(--muted);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:750}.base-converter__shortcut[data-active=true]{border-color:var(--accent);background:var(--accent);color:var(--color-accent-ink)}.base-converter__workspace{grid-template-columns:repeat(2,minmax(min(280px,100%),1fr));gap:14px;display:grid}.base-converter__panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.base-converter__panel textarea{resize:vertical;border:1px solid var(--border);background:var(--color-surface);width:100%;min-height:240px;color:var(--text);font-family:var(--font-mono);border-radius:8px;padding:12px;font-size:14px;line-height:1.55}.base-converter__panel textarea[readonly]{cursor:copy;color:var(--accent-strong);font-weight:750}.base-converter__message{border:1px solid var(--border);background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:750}.base-converter__message[data-error=true]{border-color:color-mix(in srgb, var(--warning) 28%, var(--border));background:var(--warning-bg);color:var(--warning)}.json-editor{gap:14px;padding:14px 0 26px;display:grid}.json-editor__toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.json-editor__toolbar p{color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:1.45}.json-editor__modes{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.json-editor__mode{border:0;border-right:1px solid var(--border);min-height:38px;color:var(--muted);background:0 0;padding:8px 14px;font-weight:750}.json-editor__mode:last-child{border-right:0}.json-editor__mode[data-active=true]{background:var(--accent);color:var(--color-accent-ink)}.json-editor__workspace{grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr);align-items:stretch;gap:14px;display:grid}.json-editor__panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.json-editor__panel>span{color:var(--muted);font-size:13px;font-weight:750}.json-editor__panel textarea{resize:vertical;border:1px solid var(--border);background:var(--color-surface);width:100%;min-height:420px;max-height:640px;color:var(--text);font-family:var(--font-mono);border-radius:8px;padding:12px;font-size:13px;line-height:1.55}.json-editor__panel--input .button{place-self:start}.json-editor__panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.json-editor__panel-header>div:first-child{min-width:0}.json-editor__panel-header h2,.json-editor__panel-header p{margin:0}.json-editor__panel-header h2{letter-spacing:0;font-size:18px}.json-editor__panel-header p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:700;overflow:hidden}.json-editor__panel-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.json-tree{border:1px solid var(--border);background:var(--color-surface);border-radius:8px;min-height:420px;max-height:640px;padding:10px;overflow:auto}.json-tree--modal{min-height:360px;max-height:min(620px,100vh - 220px)}.json-tree--fullscreen{height:100%;min-height:0;max-height:none}.json-tree__row{grid-template-columns:28px minmax(80px,max-content) minmax(0,1fr);align-items:center;gap:8px;padding:5px 0;display:grid}.json-tree__row--primitive{grid-template-columns:28px minmax(0,1fr)}.json-tree__toggle{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--accent-strong);border-radius:6px;place-items:center;font-weight:800;display:inline-grid}.json-tree__spacer{width:24px}.json-tree__key{overflow-wrap:anywhere;color:var(--text);font-size:13px;font-weight:750}.json-tree__meta{color:var(--muted);font-size:12px;font-weight:700}.json-tree__children{border-left:1px solid var(--border);grid-column:2/-1;gap:2px;margin-left:3px;padding-left:12px;display:grid}.json-tree__primitive{grid-column:2/-1;grid-template-columns:minmax(70px,max-content) minmax(0,max-content);align-items:center;gap:6px;min-width:0;display:grid}.json-tree__primitive[data-has-nested=true]{grid-template-columns:minmax(70px,max-content) minmax(0,max-content) 28px}.json-tree__primitive input{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:34px;color:var(--text);font-family:var(--font-mono);border-radius:8px;padding:7px 9px;font-size:13px}.json-tree__value{min-width:0;max-width:min(520px,100%);color:var(--accent-strong);font-family:var(--font-mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px;line-height:1.45;overflow:hidden}.json-tree__value:hover{background:var(--accent-soft)}.json-tree__nested{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--accent-strong);border-radius:7px;place-items:center;display:inline-grid;position:relative}.json-tree__nested:before,.json-tree__nested:after{content:"";position:absolute}.json-tree__nested:before{border:2px solid;border-radius:4px;width:13px;height:13px}.json-tree__nested:after{border-top:2px solid;border-right:2px solid;width:5px;height:5px;transform:translate(1px,-1px)rotate(45deg)}.json-tree__nested:hover{background:var(--accent-soft)}.json-tree__empty,.json-editor__empty{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.json-editor__modal{z-index:50;background:var(--color-modal-backdrop-soft);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.json-editor__modal-panel{border:1px solid var(--border);background:var(--surface);width:min(860px,100%);max-height:calc(100vh - 48px);box-shadow:0 24px 80px var(--color-modal-shadow);border-radius:8px;gap:14px;padding:18px;display:grid;overflow:hidden}.json-editor__modal-panel--fullscreen{grid-template-rows:auto minmax(0,1fr);width:min(1280px,100vw - 32px);height:calc(100vh - 32px);max-height:none}@media (max-width:760px){.site-shell{width:min(100% - 24px,1120px);padding-top:16px}.header{align-items:flex-start;padding-bottom:18px}.nav{flex-wrap:wrap;gap:8px 12px}.hero{padding:36px 0 30px}.hero h1,.root-choice h1{font-size:42px;line-height:1.03}.hero p:not(.eyebrow),.root-choice__copy{font-size:17px}.tools-section__header{grid-template-columns:1fr;align-items:start}.tool-grid{grid-template-columns:1fr}.tool-hero{padding:30px 0 20px}.tool-hero h1{font-size:40px;line-height:1.05}.watermark-tool,.video-png-tool,.video-tool__range{grid-template-columns:1fr}.video-frame-gallery__header,.video-frame-modal__header{align-items:start;display:grid}.video-frame-modal{padding:12px}.watermark-preview{min-height:320px}.watermark-preview__header{gap:8px;display:grid}.watermark-preview__header p{text-align:left;max-width:none}.base-converter__toolbar{align-items:start;display:grid}.base-converter__controls,.base-converter__workspace{grid-template-columns:1fr}.base-converter__panel textarea{min-height:190px}.json-editor__toolbar{gap:10px;display:grid}.json-editor__toolbar p{text-align:left}.json-editor__workspace{grid-template-columns:1fr}.json-editor__panel textarea{min-height:300px}.json-tree{min-height:320px}.json-tree__row--primitive{grid-template-columns:minmax(0,1fr)}.json-tree__primitive{grid-column:1;grid-template-columns:minmax(0,1fr)}.json-tree__primitive[data-has-nested=true]{grid-template-columns:minmax(0,1fr) 28px}.json-tree__row--primitive{padding-left:32px}.json-tree__row--primitive .json-tree__spacer{display:none}.json-editor__panel-header{display:grid}.json-editor__panel-actions{justify-content:start}.json-editor__modal{align-items:stretch;padding:12px}.json-editor__modal-panel{max-height:calc(100vh - 24px);padding:14px}.json-editor__modal-panel--fullscreen{width:calc(100vw - 24px);height:calc(100vh - 24px)}.footer{flex-direction:column}}@media (min-width:761px) and (max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.json-editor__workspace{grid-template-columns:1fr}}body{background:linear-gradient(180deg, var(--color-paper) 0%, var(--color-paper-2) 54%, var(--color-paper) 100%);color:var(--color-ink-2);font-weight:400}h1,h2,h3,.brand,.footer__statement{color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere;font-style:normal;font-weight:700}kbd,.eyebrow,.status,.tool-card__meta,.tool-inventory dt,.tool-card__action{font-family:var(--font-mono)}.site-shell{width:min(1180px,100% - clamp(32px,6vw,88px));padding-block:var(--space-lg) var(--space-xl)}.header{z-index:200;top:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xs);background:color-mix(in oklch, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;position:sticky}.brand{min-height:44px;padding-inline:var(--space-xs) var(--space-sm);font-size:var(--text-base);letter-spacing:0;white-space:nowrap}.brand__mark{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-graphite);width:32px;height:32px;color:var(--color-accent-ink);font-family:var(--font-mono);font-size:var(--text-sm)}.nav{gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.nav a,.language-switch,.button,.filter,.tool-card__action,.base-converter__shortcut,.json-editor__mode{white-space:nowrap}.nav>a:not(.search-pill),.language-switch{border:var(--rule-hair) solid transparent;border-radius:var(--radius-sm);min-height:40px;padding:var(--space-xs) var(--space-sm);color:var(--color-muted);transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out)}.nav>a:not(.search-pill):hover,.language-switch:hover{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink)}.search-pill{align-items:center;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);min-height:40px;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);background:var(--color-paper-2);color:var(--color-muted);transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:inline-flex}.search-pill:hover{border-color:var(--color-accent);transform:translateY(-1px)}.search-pill__icon{border:2px solid;border-radius:50%;width:14px;height:14px;position:relative}.search-pill__icon:after{content:"";background:currentColor;border-radius:999px;width:6px;height:2px;position:absolute;bottom:-4px;right:-5px;transform:rotate(45deg)}kbd{border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-xs);background:var(--color-surface);min-width:24px;height:24px;color:var(--color-ink-2);font-size:var(--text-xs);place-items:center;font-weight:600;display:inline-grid}.hero{gap:clamp(var(--space-lg), 5vw, var(--space-2xl));padding-block:var(--space-3xl) var(--space-xl);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;display:grid}.eyebrow{align-items:center;gap:var(--space-xs);color:var(--color-accent-strong);font-size:var(--text-xs);letter-spacing:.06em;margin-block-end:var(--space-md);font-weight:700;display:inline-flex}.eyebrow:before{border-radius:var(--radius-xs);background:var(--color-accent);content:"";width:8px;height:8px}.hero h1,.root-choice h1{max-width:12ch;font-size:var(--text-display);line-height:.98}.hero p:not(.eyebrow),.root-choice__copy{max-width:64ch;color:var(--color-muted);font-size:var(--text-md);line-height:1.62}.hero__proof{gap:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);grid-template-columns:auto minmax(0,1fr);align-items:start;padding-block-start:var(--space-lg);display:grid}.hero__proof-indicator{border:3px solid var(--color-accent);width:13px;height:13px;box-shadow:0 0 0 5px var(--color-accent-soft);border-radius:50%;margin-block-start:.3rem}.hero__proof h2{font-size:var(--text-md);margin:0;line-height:1.2}.hero__proof p{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.tools-section{padding-block:var(--space-xl) var(--space-lg)}.tools-section__header{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:minmax(0,1.1fr) minmax(220px,.45fr) minmax(280px,420px);align-items:stretch}.tools-section__header h2{font-size:var(--text-2xl);line-height:1}.tools-section__header p{max-width:62ch;margin:var(--space-sm) 0 0;color:var(--color-muted);line-height:1.55}.tool-inventory{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.tool-inventory div{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--color-surface)}.tool-inventory dt{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.tool-inventory dd{margin:var(--space-xs) 0 0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1}.search-field{gap:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}#tool-search{scroll-margin-top:calc(72px + var(--space-lg))}.search-field input,.form-field input[type=text],.form-field input[type=number],.form-field input[type=file],.form-field select,.base-converter__controls input,.base-converter__panel textarea,.json-editor__panel textarea,.json-tree,.json-tree__primitive input{border-color:var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out)}.base-converter__panel textarea,.json-editor__panel textarea,.json-tree,.json-tree__primitive input,.json-tree__value{font-family:var(--font-mono)}.search-field input:focus,.form-field input:focus,.form-field select:focus,.base-converter__controls input:focus,.base-converter__panel textarea:focus,.json-editor__panel textarea:focus{border-color:var(--color-accent);background:var(--color-surface)}.search-field input::placeholder{color:var(--color-muted-2)}.filters{gap:var(--space-xs);margin-bottom:var(--space-md)}.filter,.button,.language-switch,.base-converter__shortcut,.json-editor__mode{border-color:var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out)}.filter:hover,.button:hover,.base-converter__shortcut:hover,.json-editor__mode:hover{border-color:var(--color-rule-2);color:var(--color-ink)}.filter:active,.button:active,.search-pill:active,.tool-card--link:active{transform:translateY(1px)}.filter[data-active=true],.base-converter__shortcut[data-active=true],.json-editor__mode[data-active=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.tool-grid{gap:var(--space-sm);grid-template-columns:repeat(12,minmax(0,1fr))}.tool-card{border-color:var(--color-rule);border-radius:var(--radius-lg);min-height:196px;padding:var(--space-lg);background:var(--color-surface);grid-column:span 4;align-content:start;display:grid}.tool-card:first-child,.tool-card:nth-child(6n){grid-column:span 5}.tool-card:nth-child(2),.tool-card:nth-child(7n){grid-column:span 3}.tool-card--link{transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out)}.tool-card--link:hover{border-color:var(--color-accent);background:var(--color-paper-2);transform:translateY(-2px)}.tool-card__meta{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.status{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-xs);letter-spacing:.04em}.status[data-status=available]{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent-strong)}.tool-card h2{margin-block:var(--space-lg) var(--space-xs);font-size:var(--text-lg);line-height:1.1}.tool-card p{color:var(--color-muted);line-height:1.58}.tool-card__action{border-block-end:var(--rule-hair) solid currentColor;color:var(--color-accent-strong);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;place-self:end start;margin-block-start:var(--space-lg);font-weight:700}.empty-state,.watermark-tool__panel,.watermark-preview,.video-tool__section,.video-frame-card,.base-converter__shortcuts,.base-converter__panel,.json-editor__panel,.json-tree,.json-editor__modal-panel,.video-frame-modal__panel{border-color:var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}.watermark-preview,.video-preview-pane{background:var(--color-surface)}.video-preview__media,.video-frame-card__image-button,.video-frame-modal__panel>img{background:var(--color-media)}.tool-message,.base-converter__message{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent-strong)}.tool-message[data-error=true],.base-converter__message[data-error=true]{border-color:var(--color-warning-soft);background:var(--color-warning-soft);color:var(--color-warning)}.footer{gap:var(--space-lg);border-top-color:var(--color-rule);margin-top:var(--space-2xl);padding-block-start:var(--space-xl);display:grid}.footer__statement{max-width:28ch;margin:0;font-size:clamp(1.9rem,5vw,3.25rem);line-height:1.02}.footer__meta{justify-content:space-between;gap:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm);padding-block-start:var(--space-md);display:flex}.footer__meta p{margin:0}@media (max-width:60rem){.header,.hero,.tools-section__header{grid-template-columns:minmax(0,1fr)}.nav{justify-content:start;padding-block-start:var(--space-xs);overflow-x:auto}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card,.tool-card:first-child,.tool-card:nth-child(2),.tool-card:nth-child(6n),.tool-card:nth-child(7n){grid-column:auto}}@media (max-width:40rem){.site-shell{width:min(100% - 32px,1180px);padding-block-start:var(--space-md)}.header{position:static}html{scroll-padding-top:var(--space-md)}#tool-search{scroll-margin-top:var(--space-md)}.brand{padding-inline:0}.nav{gap:var(--space-2xs)}.nav>a:not(.search-pill),.language-switch,.search-pill{min-height:44px}.search-pill span:not(.search-pill__icon){display:none}.hero{padding-block:var(--space-xl)}.hero h1,.root-choice h1{font-size:var(--text-display-s)}.hero p:not(.eyebrow),.root-choice__copy{font-size:var(--text-base)}.tool-inventory,.tool-grid,.video-tool__range,.base-converter__controls,.base-converter__workspace{grid-template-columns:minmax(0,1fr)}.tool-card{min-height:auto}.footer__meta{display:grid}}@media (hover:hover) and (pointer:fine){.button--primary:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}.craft-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.craft-checker{background-color:#fff;background-image:conic-gradient(#e5e7eb 25%, transparent 0 50%, #e5e7eb 0 75%, transparent 0);background-size:20px 20px}.craft-source{object-fit:contain;max-width:100%;max-height:180px;margin:auto;display:block}.craft-fieldset{border:1px solid var(--border);min-width:0;margin:0;padding:12px}.craft-fieldset legend{padding:0 6px;font-weight:700}.craft-two-columns{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.craft-palette-input{resize:vertical;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:6px;padding:12px;font:12px/1.8 monospace}.craft-swatches{flex-wrap:wrap;gap:5px;display:flex}.craft-swatches span{border:1px solid #9ca3af;border-radius:3px;width:22px;height:22px}.bead-workspace{gap:16px;min-width:0;padding:18px;display:grid}.bead-workspace h3,.bead-workspace p{margin:0}.craft-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bead-paint-colors{flex-wrap:wrap;gap:6px;max-height:220px;padding:3px;display:flex;overflow:auto}.bead-paint{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;display:flex}.bead-paint span,.bead-table-color{vertical-align:middle;border:1px solid #9ca3af;flex-shrink:0;width:18px;height:18px;display:inline-block}.bead-table-color{margin-right:8px}.bead-paint[aria-pressed=true],.bead-workspace .button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.bead-scroll{border:1px solid var(--border);background:#f3f4f6;max-height:650px;overflow:auto}.bead-canvas-wrap{flex-shrink:0;position:relative}.bead-canvas-wrap canvas{cursor:crosshair;width:100%;height:100%;display:block}.bead-canvas-wrap canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.bead-cursor{pointer-events:none;border:2px solid #000;position:absolute;box-shadow:inset 0 0 0 2px #fff}.craft-table-scroll{max-height:360px;overflow:auto}.craft-materials{border-collapse:collapse;width:100%;font-size:13px}.craft-materials th,.craft-materials td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px}.craft-materials th{background:var(--surface);position:sticky;top:0}.craft-spare{max-width:180px}@media (max-width:760px){.bead-tool{grid-template-columns:minmax(0,1fr)}.bead-workspace{padding:12px}.bead-scroll{max-height:480px}}