:root{color-scheme:light;--surface-primary: #fafafa;--surface-secondary: #ffffff;--surface-elevated: #ffffff;--text-primary: #171717;--text-secondary: #555555;--text-tertiary: #626262;--border-default: #e7e7e7;--border-subtle: #f0f0f0;--accent-primary: #b93e32;--accent-hover: #8f2d24;--accent-label: #ffffff;--focus: #0a72ef;--status-success: #176b48;--status-warning: #7a4b00;--status-error: #b42318;--radius-small: 6px;--radius-card: 12px;--shadow-ring: 0 0 0 1px rgb(0 0 0 / 8%);--shadow-card: 0 0 0 1px rgb(0 0 0 / 8%), 0 2px 2px rgb(0 0 0 / 4%), 0 8px 8px -8px rgb(0 0 0 / 4%)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--surface-primary: #111111;--surface-secondary: #191919;--surface-elevated: #222222;--text-primary: #f5f5f5;--text-secondary: #b9b9b9;--text-tertiary: #b0b0b0;--border-default: #353535;--border-subtle: #2a2a2a;--accent-primary: #ff958a;--accent-hover: #ffb2aa;--accent-label: #171717;--focus: #7db5ff;--status-success: #72d5a8;--status-warning: #f0bf63;--status-error: #ff938b;--shadow-ring: 0 0 0 1px rgb(255 255 255 / 14%);--shadow-card: 0 0 0 1px rgb(255 255 255 / 14%), 0 2px 2px rgb(0 0 0 / 18%), 0 8px 8px -8px rgb(0 0 0 / 28%)}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100svh;margin:0;background:var(--surface-primary);color:var(--text-primary);font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.site-header,main,.site-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle)}.brand{font-size:15px;font-weight:600;letter-spacing:-.02em;text-decoration:none}.brand{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:24px}.utility-nav{display:flex;flex-wrap:wrap;gap:4px 12px}.utility-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--text-secondary);font-size:13px}.header-note,.helper,.field-help{color:var(--text-tertiary);font-size:13px}.header-note{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}main{flex:1 0 auto;padding:64px 0 96px}.hero{max-width:760px;padding-bottom:56px}.eyebrow,.mono-label{margin:0;color:var(--text-tertiary);font:500 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-size:clamp(2.25rem,6vw,4rem);line-height:1.04;letter-spacing:-.055em;font-weight:600}h2{margin-bottom:12px;font-size:2rem;line-height:1.16;letter-spacing:-.04em;font-weight:600}.lede{max-width:64ch;margin-bottom:0;color:var(--text-secondary);font-size:18px;line-height:1.58}.tool-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(320px,.68fr);gap:24px;align-items:start}.workspace-column,.preview-column{display:grid;gap:24px}.panel{background:var(--surface-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.upload-panel,.settings-panel,.files-panel,.preview-panel,.trust-panel{padding:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.mode-badge{padding:6px 10px;border-radius:999px;background:#b93e321f;color:var(--accent-primary);font:500 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.dropzone{display:grid;place-items:center;min-height:244px;padding:32px 20px;border:1px dashed var(--accent-primary);border-radius:var(--radius-card);background:#b93e320a;text-align:center;transition:background-color .15s ease-out,transform .15s ease-out,opacity .15s ease-out}.dropzone.drag-over{background:#b93e3221;transform:translateY(-2px)}.dropzone.is-disabled{opacity:.55;transform:none}.dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone-title{margin-bottom:4px;font-size:20px;font-weight:600;letter-spacing:-.02em}.dropzone-copy{max-width:34ch;margin-bottom:20px;color:var(--text-secondary)}.helper{margin:16px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;min-width:0}.field-wide{grid-column:1 / -1}.field-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:500}.field-label strong{color:var(--accent-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.field input[type=number],.field select{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:var(--radius-small);background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-ring)}.field input[type=number]:focus-visible,.field select:focus-visible,.field input[type=range]:focus-visible,.background-options input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field input[type=range]{width:100%;accent-color:var(--accent-primary)}.field-help{margin:0}.check-field{display:flex;align-items:flex-start;gap:10px;min-height:44px}.check-field input,.background-options input[type=radio]{accent-color:var(--accent-primary)}.check-field span{display:grid;gap:2px}.check-field small{color:var(--text-secondary);font-size:13px}.background-fieldset{margin:24px 0 0;padding:16px;border:0;box-shadow:var(--shadow-ring);border-radius:var(--radius-small)}.background-fieldset legend{padding:0 4px;font-size:14px;font-weight:500}.background-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.background-options label{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text-secondary);font-size:14px}#custom-background{width:44px;height:44px;padding:2px;border:0;border-radius:var(--radius-small);background:transparent;box-shadow:var(--shadow-ring)}.background-fieldset .field-help{margin-top:8px}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:var(--radius-small);font-size:14px;font-weight:600;transition:transform .15s ease-out,background-color .15s ease-out,opacity .15s ease-out}.button:focus-visible,.text-button:focus-visible,.site-footer a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button:active{transform:translateY(1px) scale(.985)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{background:var(--accent-primary);color:var(--accent-label)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-ring)}.button-secondary:hover:not(:disabled){background:var(--border-subtle)}.button-quiet{background:transparent;color:var(--text-secondary)}.text-button{min-width:44px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--accent-primary);font-size:14px;font-weight:600}.text-button:disabled{cursor:not-allowed;opacity:.45}.button-full{width:100%;margin-top:24px}.file-list{display:grid;gap:10px}.empty-state{margin:0;padding:24px 0 4px;color:var(--text-tertiary)}.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.file-row.selected{margin-inline:-12px;padding-inline:12px;border-radius:var(--radius-small);background:#b93e3212}.file-select{display:grid;width:100%;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.file-select:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-small)}.file-row:last-child{border-bottom:0}.file-main{min-width:0}.file-name{overflow:hidden;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.file-facts{display:flex;flex-wrap:wrap;gap:6px 0;color:var(--text-tertiary);font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.file-facts span{white-space:nowrap}.file-facts span:not(:last-child):after{content:"|";margin-inline:12px}.file-status{justify-self:end;color:var(--text-secondary);font:500 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.file-status.ready{color:var(--status-success)}.file-status.failed,.file-status.unsupported{color:var(--status-error)}.file-status.converting{color:var(--accent-primary)}.file-error{grid-column:1 / -1;margin:0;color:var(--status-error);font-size:13px}.file-action{min-height:44px;padding:8px 10px;border:0;border-radius:var(--radius-small);background:transparent;color:var(--accent-primary);font-size:13px;font-weight:600}.file-action:hover{background:#b93e321a}.preview-stage{display:grid;place-items:center;min-height:320px;overflow:hidden;border-radius:var(--radius-small);background-color:var(--surface-primary);background-image:linear-gradient(45deg,rgb(127 127 127 / 8%) 25%,transparent 25%),linear-gradient(-45deg,rgb(127 127 127 / 8%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(127 127 127 / 8%) 75%),linear-gradient(-45deg,transparent 75%,rgb(127 127 127 / 8%) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.preview-stage.has-background{background-image:none}.preview-placeholder{max-width:24ch;padding:24px;color:var(--text-tertiary);text-align:center}.preview-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:var(--text-primary);color:var(--surface-secondary);font:600 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}#preview-image{display:block;max-width:100%;max-height:460px;object-fit:contain}#preview-image[hidden]{display:none}.preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 0 0}.meta-item{display:grid;gap:2px}.meta-key{color:var(--text-tertiary);font:500 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.meta-value{font-size:14px}.notice-stack{display:grid;gap:8px;margin-top:16px}.notice{margin:0;padding:10px 12px;border-radius:var(--radius-small);background:#7a4b001a;color:var(--status-warning);font-size:13px}.notice.error{background:#b423181a;color:var(--status-error)}.notice.success{background:#176b481a;color:var(--status-success)}.trust-panel p:not(.eyebrow){color:var(--text-secondary)}.trust-list{display:grid;gap:10px;margin-top:20px;color:var(--text-secondary);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.trust-list span{padding-top:10px;border-top:1px solid var(--border-subtle)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:96px;padding-top:48px;border-top:1px solid var(--border-default)}.content-grid p:not(.eyebrow){max-width:62ch;color:var(--text-secondary)}.notes-list{display:grid;gap:16px}.notes-list div{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.notes-list span{color:var(--text-secondary);font-size:14px}.faq-section{max-width:820px;margin-top:96px}.faq-section h2{margin-top:8px}details{padding:16px 0;border-bottom:1px solid var(--border-subtle)}summary{display:flex;align-items:center;cursor:pointer;min-height:44px;font-weight:600}details p{max-width:70ch;margin:10px 0 0;color:var(--text-secondary)}.legal-page{max-width:760px}.site-footer{display:grid;gap:8px;padding:24px 0 64px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 8px}.site-footer a{color:var(--text-secondary)}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}.site-footer nav a{min-width:44px;justify-content:center}.site-footer p{margin:0}.site-footer .brand-line{color:var(--text-secondary)}@media(max-width:767px){.site-header,main,.site-footer{width:min(100% - 32px,680px)}main{padding:40px 0 72px}.site-header{display:grid;grid-template-columns:1fr;gap:0;min-height:88px;padding-block:8px}.header-tools{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.header-note{margin:0}.utility-nav{flex-wrap:nowrap;gap:0 8px}.header-note{font-size:11px;text-align:right}.hero{padding-bottom:40px}.tool-layout,.content-grid{grid-template-columns:1fr}.upload-panel,.settings-panel,.files-panel,.preview-panel,.trust-panel{padding:20px}.content-grid{gap:32px;margin-top:64px;padding-top:32px}.faq-section{margin-top:64px}.preview-stage{min-height:260px}.action-row .button{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}