:root{--background:#fff;--panel:#fffffff0;--panel-strong:#fff;--ink:#000;--muted:#000000ad;--accent:#000;--accent-soft:#0000000f;--border:#00000024;--shadow:0 24px 80px #00000014}*{box-sizing:border-box}html,body{min-height:100dvh;color:var(--ink);background:var(--background);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}.page-shell{max-width:1180px;min-height:100dvh;padding:40px 20px calc(40px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.hero{gap:24px;width:min(100%,760px);margin:0 auto 24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;background:#fffffff5;border:1px solid #0000001f;border-radius:999px;width:fit-content;padding:8px 14px;font-size:.72rem;display:inline-flex}.headline{max-width:760px;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(1.85rem,min(3.8vw,5dvh),3.15rem);line-height:.92}.lede{max-width:720px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.grid{flex:1;width:min(100%,760px);min-height:0;margin:0 auto;display:flex}.panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--panel);border:1px solid var(--border);border-radius:22px}.panel-strong{background:var(--panel-strong)}.upload-panel{flex-direction:column;flex:1;gap:16px;min-height:0;padding:28px;display:flex}.console-controls{flex-direction:column;order:2;gap:16px;min-height:0;display:flex}.stack{gap:16px;display:grid}.dropzone{isolation:isolate;background:#fffffffa;border:1.5px dashed #0000002e;border-radius:18px;flex:1;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.dropzone-button{cursor:pointer;width:100%;text-align:inherit;appearance:none;order:1;padding:0}.dropzone-button:focus-visible{outline-offset:4px;outline:3px solid #00000038}.dropzone-filled{border-style:solid;border-color:#00000024}.dropzone-image{z-index:0;object-fit:cover}.dropzone-scrim{z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000 0% 15%,#00000059 78%,#000000c7 100%);position:absolute;inset:0}.dropzone-empty{z-index:1;text-align:center;color:var(--muted);gap:8px;max-width:36ch;padding:32px;display:grid;position:relative}.file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portion-controls{gap:12px;display:grid}.field{gap:8px;display:grid}.checkbox-field{background:#fff;border:1px solid #0000001f;border-radius:12px;gap:8px;padding:14px 16px;display:grid}.checkbox-field-disabled{opacity:.68}.checkbox-row{align-items:center;gap:12px;display:flex}.checkbox-input{accent-color:#000;width:18px;height:18px;margin:0}.field-label{color:var(--ink);font-size:.92rem;font-weight:600}.field-hint{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.input,.file-input,.button{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #00000024;border-radius:12px;padding:8px 12px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:40px}.button{cursor:pointer;background:var(--accent);color:#fff;min-height:40px;box-shadow:none;border:none;justify-content:center;align-items:center;font-weight:600;transition:transform .16s,background-color .16s;display:flex}.button>*{z-index:1;position:relative}.button:hover{background:#000000eb;transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.75}.result-drawer{z-index:2;border-radius:0 0 18px 18px;gap:8px;padding:20px 22px 22px;display:grid;position:absolute;bottom:0;left:0;right:0}.result-line{color:#fffffff5;text-shadow:0 1px 2px #00000073;margin:0;font-size:1rem;line-height:1.4}.result-emphasis{text-shadow:0 1px 3px #00000080;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.18rem;font-weight:700}.result-muted,.warning-line{margin:0;font-size:.94rem;line-height:1.45}.result-muted{color:#ffffffc7;text-shadow:0 1px 2px #0006}.warning-line{color:var(--ink);overflow-wrap:anywhere}@media (min-width:960px){.hero,.grid{width:min(100%,1080px)}.upload-panel{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.upload-panel>.console-controls{order:0;grid-column:1}.upload-panel>.console-controls>.button{margin-top:auto}.upload-panel>.dropzone-button{order:0;grid-area:1/2;height:100%}}@media (max-width:768px){.page-shell{padding:32px 18px calc(32px + env(safe-area-inset-bottom))}.hero{gap:16px;margin-bottom:22px}.headline{font-size:clamp(1.55rem,min(7.2vw,4.4dvh),2.35rem);line-height:.96}.lede{font-size:.98rem;line-height:1.55}.dropzone{min-height:240px}.button{min-height:40px}}@media (max-width:640px){.page-shell{padding:24px 14px calc(24px + env(safe-area-inset-bottom))}.dropzone{border-radius:16px;min-height:220px}.upload-panel{padding:18px}.result-drawer{border-radius:0 0 16px 16px;padding:16px 18px 18px}}