:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#10233a;--muted:#5c667a;--panel-bg:#fffdfad1;--panel-border:#0c21331a;--panel-shadow:0 30px 70px #0f172a14;--soft-surface:#f4f8f7c7;--preview-bg:linear-gradient(180deg, #eef7f5f2, #fff8f3f2);--drop-border:#0c21332e;--accent:#0b7a75;--accent-strong:#0a5c58;--accent-warm:#f46856;background:radial-gradient(circle at 0 0,#0b7a752e,#0000 28%),radial-gradient(circle at 100% 0,#f4685633,#0000 24%),linear-gradient(#f7f3ee 0%,#f4efe8 100%);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}#root{min-height:100vh}h1,h2,h3,p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(340px,460px);align-items:stretch;gap:28px;display:grid}.hero-copy,.upload-panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:28px;position:relative;overflow:hidden}.hero-copy{text-align:left;padding:52px}.hero-copy:before,.upload-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#f468562e,#0000 70%);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto auto 0 0;transform:translate(-30%,35%)}.upload-panel{padding:22px}.eyebrow,.upload-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow{color:var(--accent-strong);background:#0b7a751a}.hero-copy h1{max-width:12ch;margin:22px 0 18px}.hero-text{max-width:34rem;color:var(--muted);font-size:1.05rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;display:grid}.feature-grid article{background:var(--soft-surface);border:1px solid #0c213314;border-radius:20px;padding:18px}.feature-grid strong,.dropzone-content strong{color:var(--text-strong);display:block}.feature-grid p{color:var(--muted);margin-top:8px;font-size:.95rem}.dropzone{border:1.5px dashed var(--drop-border);background:linear-gradient(180deg, #ffffffeb, #f7f2ecf5), var(--soft-surface);border-radius:24px;gap:20px;min-height:470px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.dropzone.dragging,.dropzone.has-file{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 22px 44px #0f172a14}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-content{z-index:1;cursor:pointer;justify-items:start;gap:10px;padding-right:48px;display:grid;position:relative}.dropzone-content span:last-child,.link-card span,.status-text,.error-text{color:var(--muted)}.upload-badge{color:#9a3412;background:#f973161f}.preview-card,.preview-placeholder{z-index:1;background:var(--preview-bg);border:1px solid #0c213314;border-radius:22px;place-items:center;min-height:280px;display:grid;position:relative}.preview-card img{object-fit:contain;border-radius:18px;width:100%;max-height:280px;display:block}.preview-placeholder{gap:12px}.preview-placeholder span{background:linear-gradient(90deg,#0b7a751f,#f4685638);border-radius:999px;display:block}.preview-placeholder span:first-child{width:72%;height:14px}.preview-placeholder span:nth-child(2){border-radius:24px;width:84%;height:110px}.preview-placeholder span:nth-child(3){width:56%;height:14px}.actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.primary-button,.secondary-button{min-height:50px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:16px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-warm));box-shadow:0 18px 30px #0b7a753d}.secondary-button{color:var(--text-strong);background:#ffffffe0;border-color:#0c21331a}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;box-shadow:none;opacity:.55;transform:none}.result-panel{background:#ffffffc7;border:1px solid #0c213314;border-radius:20px;gap:12px;margin-top:18px;padding:18px;display:grid}.status-text,.error-text{margin:0;font-size:.95rem}.status-text{color:var(--accent-strong)}.error-text{color:#b42318}.link-card{gap:8px;display:grid}.link-card a{color:var(--text-strong);word-break:break-all;text-decoration:none}.link-card a:hover{text-decoration:underline}@media (width<=960px){.hero-panel{grid-template-columns:1fr}.hero-copy{padding:34px 28px}.feature-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100%,100% - 20px);padding:18px 0 28px}.upload-panel{padding:14px}.dropzone{min-height:420px;padding:16px}.actions{grid-template-columns:1fr}}