:root{--ink:#07121f;--muted:#525f73;--line:#e2e7ef;--mint:#edf1f7;--green:#1d5fd1;--green-hover:#174bab;--action-on-dark-hover:#8ccdff;--forest:#050d1a;--forest-raised:#152640;--sage:#5cb8ff;--tan:#5cb8ff;--beige:#e4eefc;--theme-tint:#fff;--theme-soft:#e4eefc;--theme-border:#6f7e96;--frame-border:#d2dae6;--page-bg:#f8f6f1;--ink-line:#152640;--sand-ink:#03182f;--eyebrow-font:var(--body);--theme-muted:#6f7e96;--hero-ink:#eef3fa;--hero-muted:#8a9bb4;--hero-title-size:clamp(32px, 3vw, 42px);--tool-card-background:linear-gradient(135deg, var(--surface), var(--theme-tint));--mascot-art:url(/images/mascots/cat-blue.webp);--brand-art:url(/images/brand/cat-orange.webp);--liquid-wave-front-strong:#cfe6ff38;--liquid-wave-back-strong:#03182f40;--ink-shadow:#050d1a26;--handle-shadow:0 3px 10px var(--ink-shadow);--leaf:#1d5fd1;--leaf-tint:#f8f6f1;--danger-border:#bd4c48;--timeline-track:#6f7e96;--video-accent:#5cb8ff;--video-screen-bg:#050d1a;--video-focus-ring:#1d5fd1}html{scrollbar-color:#c5cdd9 var(--page-bg)}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{border-color:var(--page-bg);background:#c5cdd9}::-webkit-scrollbar-thumb:hover{background:var(--theme-border)}:root .site-header{background:var(--page-bg);border-bottom:1px solid var(--line);color:var(--ink)}:root .hero-section{background:var(--forest);color:var(--hero-ink)}:root .hero-section:after{background:radial-gradient(closest-side,#5cb8ff1f,#5cb8ff00);border:0;width:640px;height:640px;top:-260px;right:-240px}:root .hero-copy>.eyebrow{width:fit-content;color:var(--sage);letter-spacing:.12em;background:#5cb8ff1a;border-radius:999px;justify-self:start;padding:6px 12px;font-size:11px;font-weight:700}@media (max-width:760px){:root .hero-copy>.eyebrow{justify-self:center}}:root .hero .hero-title{color:var(--hero-ink);letter-spacing:-.04em;font-weight:800}:root .hero-section .highlight{color:var(--sage)}:root .hero .hero-actions .button{font-size:15px;font-weight:700}:root .media-upload{background:var(--surface)}:root .media-upload:before{opacity:.52}:root .media-upload-watermark{opacity:.13}:root .hero-leaf{display:none}:root .hero-section :is(.hero-promises svg){color:var(--sage)}:root .hero-section :is(.hero-description,.hero-promises){color:var(--hero-muted)}:root .hero-section .highlight svg{stroke:var(--tan)}:root .button{border-radius:8px}:root .tools-surface{--control-surface:#eff3f9;--control-border:#6f7e96;--control-ink:#07121f}:root .tools-surface :is(.button.button-outline,.qr-file-header>button,.qr-export-meta button,.image-file-actions button,.media-source-actions>button,.media-result-actions>button,.source-file .icon-button,.editor-file-header>button,.preview-size-toggle,.target-shortcuts button,.wave-loop:not(.active),.audio-format-grid button:not(.active),.audio-segmented button:not(.active),.image-view-switch button:not(.active),.image-ratios button:not(.active),.image-scale-presets button:not([aria-pressed=true]),.qr-presets button:not([aria-pressed=true])){border:1px solid var(--frame-border);background:var(--surface);color:var(--control-ink);box-shadow:0 1px 2px color-mix(in srgb, var(--forest) 6%, transparent);transition:border-color .16s,color .16s,background-color .16s}.tools-surface :is(.image-ratios,.image-scale-presets,.qr-presets) button:not(.active):not([aria-pressed=true]){border-color:var(--frame-border)}:root .tools-surface :is(.button.button-outline,.media-source-actions>button,.editor-file-header>button,.target-shortcuts button,.audio-format-grid button:not(.active),.audio-segmented button:not(.active),.image-ratios button:not(.active),.image-scale-presets button:not([aria-pressed=true]),.qr-presets button:not([aria-pressed=true]),.image-view-switch button:not(.active)):hover:not(:disabled){border-color:var(--green);color:var(--green)}:root .policy-summary{border-radius:6px}:root :is(.media-upload-shell,.media-upload){border-radius:2px}:root .media-categories{scrollbar-color:var(--theme-border) transparent}:root .button-outline{border-color:var(--theme-border)}:root .image-preview-column,:root .image-preview-stage.crop-mode,:root .minimal-studio .source-file,:root .compact-trim{background:var(--theme-tint)}:root .media-upload-art{background:var(--mint);border-color:var(--theme-border)}@media (max-width:760px){:root{--hero-title-size:clamp(28px, 6vw, 36px)}}:root .media-upload-shell.is-dragging,:root .image-workspace.is-dragging{box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 15%, transparent)}:root .image-view-switch{background:var(--theme-soft)}:root .image-scale-presets button[aria-pressed=true]{border-color:var(--theme-muted)}@media (min-width:761px) and (max-width:950px){.nav-bar{gap:14px}}@media (max-width:560px){.nav-bar{gap:10px}}@media (forced-colors:active){html{scrollbar-color:auto}}
body{font-size:var(--text-body)}:is(h1,h2,h3,.hero-title){text-wrap:balance}.tools-surface :is(input:not([type=range]):not([type=checkbox]),select,textarea){font-family:var(--body);font-size:var(--text-body);line-height:1.5}.tools-surface :is(button,.button),.site-footer a{font-size:var(--text-label);line-height:1.4}.tools-surface .media-upload .editor-mode-switch button{font-size:.8125rem}.tools-surface :is(.field-title,.field-title>label,.qr-fields label>span,.qr-colors label>span,.qr-option-row label>span,.image-dimensions label>span,.audio-checkbox,.image-check,.qr-filename>span:first-child){font-size:var(--text-label);font-weight:550;line-height:1.5}.tools-surface :is(.image-control-section h2,.qr-preview-heading h2,.qr-download-panel h2){font-size:var(--text-section);letter-spacing:-.02em;font-weight:650;line-height:1.4}.media-upload .upload-description{font-size:var(--text-body);line-height:1.65}.tools-surface :is(.source-file strong,.image-file-details strong,.image-size-summary strong){font-size:var(--text-label);font-weight:600;line-height:1.5}@media (max-width:760px){.hero .hero-title{font-size:clamp(1.625rem,1.25rem + 2vw,2rem);line-height:1.2}.policy-section h2,.faq-topic h2,.faq-index h2{font-size:1.25rem;line-height:1.4}.tools-surface .media-upload h2{letter-spacing:-.025em;font-size:1.25rem}.hero .hero-description,.tool-about .tool-about-body p,.tool-about .tool-about-guide li,.tool-about .tool-about-body h3,.privacy-notice p,.faq-topic details p,.faq-topic summary{font-size:.9375rem;line-height:1.65}.media-upload .upload-description{font-size:var(--text-label);line-height:1.6}.faq-index-eyebrow,.policy-summary-eyebrow,.faq-page .faq-index-note{font-size:var(--text-caption);line-height:1.5}}