@charset "UTF-8";:root{--color-ink: #16202a;--color-muted: #647384;--color-line: #cbd4dd;--color-panel: #fff;--color-accent: #e85d32;--color-accent-text: #b63f1f;--color-accent-soft: #fff0e9;--color-bg: #eef1f4;--color-on-accent: #fff;--color-error: #b42318;--color-error-dark: #ff9b86;--font-body: Nunito, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, monospace;--font-size-brand: 1.35rem;--font-size-label: .75rem;--space-2xs: .35rem;--space-xs: .4rem;--space-sm: .55rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--layout-max: 1160px;--layout-width: 90vw;--radius-sm: 6px;--radius-md: 7px;--radius-lg: 9px;--shadow-pane: 0 12px 30px rgba(21, 32, 42, .0431372549);--motion-fast: .2s;--motion-ease: ease;--interactive-lift: -1px;--focus-width: 2px;--target-min-size: 44px;--space-header-block: 1rem;--space-header-inline: clamp(1.25rem, 5vw, 5rem);--space-main-block: clamp(1.5rem, 3vw, 3rem);--space-hero-copy: 1rem;--space-controls: 1.5rem;--space-pane: 1rem;--space-pane-head: .75rem;--space-preview-top: .75rem;--space-footer: 1.5rem;--space-status-top: .35rem;--measure-hero: 760px;--measure-textarea-height: 220px;--measure-preview-height: 220px;--measure-text-preview-height: 180px;--type-body: 1rem;--type-button: .9rem;--type-small: .85rem;--type-hero: clamp(2.5rem, 5vw, 4.25rem);--type-hero-mobile: clamp(2.5rem, 14vw, 4rem);--type-intro: 1.1rem;--line-intro: 1.5;--border-width: 1px;--border-accent-width: 4px;--focus-offset: 1px;--space-button-inline: 1rem;--space-pane-action-block: .45rem;--space-actions-top: 1rem;--space-guide-top: clamp(3.5rem, 8vw, 7rem);--space-guide-section: clamp(2rem, 5vw, 4rem);--space-card: clamp(1.25rem, 2.5vw, 2rem);--space-content-gap: clamp(1rem, 2vw, 1.5rem);--space-mobile-main-block: 2.5rem;--space-mobile-controls: 1.75rem;--line-payload: 1.55;--measure-status: 1.4rem;--measure-copy: 68ch;--type-section: clamp(2rem, 4vw, 3.25rem);--type-card-title: 1.3rem;--line-copy: 1.7;--ink: var(--color-ink);--muted: var(--color-muted);--line: var(--color-line);--panel: var(--color-panel);--accent: var(--color-accent);--accent-text: var(--color-accent-text);--accent-soft: var(--color-accent-soft);--bg: var(--color-bg);--measure-main: min(var(--layout-max), var(--layout-width))}:root[data-theme=dark]{--color-ink: #e9eef3;--color-muted: #93a1af;--color-line: #33404c;--color-panel: #182129;--color-accent: #b6cf4f;--color-accent-text: #b6cf4f;--color-accent-soft: #39241d;--color-bg: #11171d;--color-on-accent: #11171d}:root{font-family:var(--font-body);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-header-block) var(--space-header-inline);border-bottom:var(--border-width) solid var(--line);background:var(--panel)}.brand{font-weight:900;font-size:var(--font-size-brand);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.03em}.mark{display:grid;place-items:center;width:2rem;height:2rem;color:var(--color-on-accent);background:var(--accent);font-weight:900}.tagline,small,footer,.hero p{color:var(--muted)}.theme{margin-left:auto}button{min-height:var(--target-min-size);padding:.6rem var(--space-button-inline);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:inherit;cursor:pointer;font:inherit;font-size:var(--type-button);font-weight:600;transition:border-color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(var(--interactive-lift))}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}main{width:var(--measure-main);margin:auto;padding:var(--space-main-block) 0;flex:1}.hero{border-left:var(--border-accent-width) solid var(--accent);padding-left:var(--space-xl)}.hero h1{font-size:var(--type-hero);line-height:.98;letter-spacing:-.06em;margin:0 0 var(--space-hero-copy)}.hero p{font-size:var(--type-intro);line-height:var(--line-intro);margin:0}.controls,.actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-controls) 0}.control-group{display:flex;flex-direction:column;gap:var(--space-2xs)}.group-label{font-size:var(--font-size-label);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seg{display:flex;border:var(--border-width) solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--panel)}.seg button{border:0;border-radius:0;background:transparent;text-transform:capitalize}.seg button.active{background:var(--ink);color:var(--panel)}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.pane{padding:var(--space-pane);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-pane)}.pane-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-pane-head);font-weight:800}.pane-head span{display:flex;gap:var(--space-xs)}.pane-head button{min-height:var(--target-min-size);padding:.45rem var(--space-md);font-size:var(--type-small)}textarea{width:100%;min-height:var(--measure-textarea-height);resize:vertical;padding:var(--space-lg);font:var(--type-body)/var(--line-payload) var(--font-mono);color:inherit;background:color-mix(in srgb,var(--panel) 88%,var(--accent-soft));border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);overflow-wrap:anywhere}.preview{display:block;max-width:100%;max-height:var(--measure-preview-height);margin-top:var(--space-preview-top)}.text-preview{max-height:var(--measure-text-preview-height);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--accent-soft);padding:var(--space-md);border-radius:var(--radius-sm)}.primary{background:var(--accent);border-color:var(--accent);color:var(--color-on-accent);font-weight:800}.actions{margin-top:var(--space-actions-top)}footer{padding:var(--space-footer);text-align:center;border-top:var(--border-width) solid var(--line);font-size:var(--type-small)}[role=alert]{color:var(--color-error);min-height:var(--measure-status);margin-top:var(--space-preview-top);font-weight:700}[data-theme=dark] [role=alert]{color:var(--color-error-dark)}[role=status]{color:var(--muted);min-height:var(--measure-status);margin-top:var(--space-status-top)}.tool-guide{margin-top:var(--space-guide-top);padding-top:var(--space-guide-section);border-top:var(--border-width) solid var(--line)}.tool-guide h2,.tool-guide h3,.tool-guide p{text-wrap:pretty}.tool-guide h2,.tool-guide h3{margin-top:0;text-wrap:balance}.tool-guide h2{margin-bottom:var(--space-lg);font-size:var(--type-section);line-height:1.05;letter-spacing:-.045em}.tool-guide h3{margin-bottom:var(--space-md);font-size:var(--type-card-title);line-height:1.2}.tool-guide p{line-height:var(--line-copy)}.tool-guide__intro{max-width:var(--measure-copy)}.tool-guide__intro>p:last-child{margin:0;color:var(--muted);font-size:var(--type-intro)}.eyebrow{margin:0 0 var(--space-sm);color:var(--accent-text);font-size:var(--font-size-label);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.format-grid,.guide-grid{display:grid;gap:var(--space-content-gap)}.format-grid{grid-template-columns:repeat(3,1fr);margin-top:var(--space-guide-section)}.format-card,.guide-panel{padding:var(--space-card);border-radius:var(--radius-lg);background:var(--panel)}.format-card{display:flex;min-width:0;flex-direction:column;border-top:var(--border-accent-width) solid var(--accent);box-shadow:var(--shadow-pane)}.format-card__index{margin-bottom:var(--space-xl);color:var(--muted);font:800 var(--type-small)/1 var(--font-mono)}.format-card p{margin:0 0 var(--space-xl);color:var(--muted)}.format-card code{display:block;margin-top:auto;padding:var(--space-md);border-radius:var(--radius-sm);color:var(--ink);background:color-mix(in srgb,var(--panel) 82%,var(--accent-soft));font-family:var(--font-mono);font-size:var(--type-small);overflow-wrap:anywhere}.guide-grid{grid-template-columns:repeat(2,1fr);margin-top:var(--space-content-gap)}.guide-panel{border:var(--border-width) solid var(--line)}.guide-panel--privacy{background:color-mix(in srgb,var(--panel) 88%,var(--accent-soft))}.guide-panel--privacy>p:not(.eyebrow){color:var(--muted)}.step-list,.check-list{margin:var(--space-xl) 0 0;padding:0;list-style:none}.step-list{counter-reset:guide-step}.step-list li{display:grid;grid-template-columns:2rem 1fr;gap:var(--space-md);padding:var(--space-lg) 0;border-top:var(--border-width) solid var(--line);counter-increment:guide-step}.step-list li:before{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:var(--color-on-accent);background:var(--accent);content:counter(guide-step);font-weight:900}.step-list strong,.step-list span{display:block}.step-list span{margin-top:var(--space-2xs);color:var(--muted);line-height:1.5}.check-list li{position:relative;padding:var(--space-sm) 0 var(--space-sm) var(--space-xl);font-weight:700}.check-list li:before{position:absolute;left:0;color:var(--accent);content:"✓";font-weight:900}.faq{display:grid;grid-template-columns:minmax(12rem,.7fr) 1.3fr;gap:var(--space-guide-section);margin-top:var(--space-guide-section);padding-top:var(--space-guide-section);border-top:var(--border-width) solid var(--line)}.faq__items details{border-bottom:var(--border-width) solid var(--line)}.faq__items details:first-child{border-top:var(--border-width) solid var(--line)}.faq__items summary{padding:var(--space-xl) var(--space-2xl) var(--space-xl) 0;cursor:pointer;font-weight:800}.faq__items summary::marker{color:var(--accent)}.faq__items details p{max-width:var(--measure-copy);margin:0 0 var(--space-xl);color:var(--muted)}@media(max-width:700px){.workspace{grid-template-columns:1fr}.hero h1{font-size:var(--type-hero-mobile)}.control-group{width:100%}main{padding:var(--space-mobile-main-block) 0}.controls{margin:var(--space-mobile-controls) 0}.seg{width:100%}.seg button{flex:1}.format-grid,.guide-grid,.faq{grid-template-columns:1fr}.faq{gap:var(--space-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}