:root{color:#151515;font-synthesis:none;text-rendering:geometricprecision;background:#f5f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}.app-shell{background-color:#f5f6f1;background-image:linear-gradient(90deg,#16897714 1px,#0000 1px),linear-gradient(0deg,#e65f4512 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:end;gap:16px;max-width:1240px;margin:0 auto 20px;display:flex}.eyebrow{color:#168977;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:800}h1{color:#171717;margin:0;font-size:34px;line-height:1.05}.status-pill{background:#f2c94c;border:1px solid #171717;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-weight:800;display:inline-flex}.workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;max-width:1240px;margin:0 auto;display:grid}.tool-panel,.preview-panel{background:#ffffffeb;border:1px solid #d6d8d2;border-radius:8px;box-shadow:0 14px 40px #15151514}.tool-panel{flex-direction:column;gap:16px;padding:16px;display:flex}.dropzone{aspect-ratio:1/.78;color:#3f4842;cursor:pointer;background:#fafaf7;border:2px dashed #99a29a;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.dropzone:hover{border-color:#168977}.dropzone img{object-fit:contain;background:#fff;width:100%;height:100%}.dropzone-empty{flex-direction:column;align-items:center;gap:10px;font-weight:800;display:inline-flex}.file-row,.panel-title,.error-box,.primary-button,.secondary-button,.download-button{align-items:center;gap:10px;display:flex}.file-row{color:#505a54;min-height:28px;font-size:14px}.file-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.control-group{background:#fff;border:1px solid #e1e3dc;border-radius:8px;gap:16px;padding:14px;display:grid}.panel-title{color:#111;font-weight:900}.range-control{gap:8px;display:grid}.range-control span{color:#4b554f;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;display:flex}.range-control strong{color:#151515}.range-control input{accent-color:#168977;width:100%}.error-box{color:#8c2d1f;background:#fff2ed;border:1px solid #e65f45;border-radius:8px;min-height:44px;padding:10px 12px;font-weight:700}.primary-button,.secondary-button,.download-button{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:8px;justify-content:center;min-height:46px;font-weight:900;text-decoration:none}.primary-button:disabled{cursor:not-allowed;opacity:.45}.download-button{color:#111;background:#f2c94c;min-height:40px;padding:0 14px}.secondary-button{color:#111;background:#fff;min-height:40px;padding:0 14px}.preview-panel{min-height:640px;overflow:hidden}.result-meta{color:#43504a;border-bottom:1px solid #e1e3dc;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 14px;font-weight:800;display:flex}.result-actions{align-items:center;gap:10px;display:flex}.svg-preview{background:#fdfdfb;place-items:center;height:calc(100% - 64px);min-height:576px;padding:18px;display:grid;overflow:auto}.svg-preview svg{border:1px solid #e1e3dc;max-width:100%;max-height:74vh}.empty-preview{background:#fff;height:100%;min-height:640px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=880px){.app-shell{padding:16px}.topbar{align-items:start}h1{font-size:28px}.workspace{grid-template-columns:1fr}.preview-panel,.empty-preview{min-height:420px}.svg-preview{min-height:360px}}@media (width<=560px){.topbar,.result-meta{flex-direction:column;align-items:stretch}.download-button{width:100%}.result-actions{flex-direction:column;align-items:stretch}.secondary-button{width:100%}}