@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:IBM Plex Sans,system-ui,sans-serif;color:#171411;background:radial-gradient(circle at top left,rgba(247,140,67,.22),transparent 24rem),radial-gradient(circle at top right,rgba(41,109,163,.16),transparent 26rem),linear-gradient(180deg,#fcf7ef,#f2ece3);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(1360px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:24px;align-items:stretch;margin-bottom:24px}.hero-copy,.hero-panel,.control-card,.viewer-card{border:1px solid rgba(23,20,17,.09);background:#fffcf7d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #3f2a1414}.hero-copy{border-radius:32px;padding:40px}.hero-panel{border-radius:32px;padding:22px}.eyebrow{margin:0 0 12px;color:#9a5e24;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}h1,h2,.dropzone-title,.panel-grid strong{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}h1{max-width:12ch;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.95}.lede{max-width:62ch;margin:20px 0 0;color:#4f463f;font-size:1.05rem}.panel-grid{display:grid;grid-template-columns:1fr;gap:14px;height:100%}.panel-grid article{border-radius:20px;padding:18px;background:linear-gradient(180deg,#ffffffb8,#f9f0e4eb)}.panel-label{display:inline-block;margin-bottom:8px;color:#88654a;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.panel-grid strong{display:block;margin-bottom:8px;font-size:1.3rem}.panel-grid p,.dropzone-copy,.viewer-note,.status-text,.meta-text{margin:0;color:#5d5148}.workspace{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:24px}.control-card,.viewer-card{border-radius:28px}.control-card{padding:24px}.control-header{margin-bottom:20px}.control-header h2,.viewer-topbar h2{font-size:1.9rem}.dropzone{position:relative;overflow:hidden;border:1px dashed rgba(23,20,17,.22);border-radius:24px;padding:24px;background:linear-gradient(135deg,#f78c4314,#296da314),#ffffff9e;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dropzone.is-dragover{transform:translateY(-2px);border-color:#c66326;box-shadow:0 16px 30px #c663261f}.dropzone-title{font-size:1.4rem}.dropzone-copy{margin-top:10px;margin-bottom:18px}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:#fff9f1;background:linear-gradient(135deg,#d66d2c,#a84614);box-shadow:0 14px 26px #a8461438}.button-secondary{color:#1f1a15;background:#ece3d8}.button-accent{color:#f8fbff;background:linear-gradient(135deg,#1e6089,#0f3f60);box-shadow:0 14px 26px #0f3f6033}.status-card{margin-top:16px;border-radius:24px;padding:18px;background:#f7f1e9e6}.status-label{margin:0 0 10px;color:#84624a;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.status-text{color:#211b16;font-weight:600}.meta-text{margin-top:8px;font-size:.94rem}.viewer-card{padding:18px;min-height:680px}.viewer-topbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px;padding:10px 10px 0}.viewer-note{max-width:28ch;text-align:right}.viewer-stage{position:relative;min-height:590px;height:calc(100vh - 250px);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#ffffff61,#f0e8dfb8),repeating-linear-gradient(90deg,rgba(74,59,47,.06) 0,rgba(74,59,47,.06) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(180deg,rgba(74,59,47,.06) 0,rgba(74,59,47,.06) 1px,transparent 1px,transparent 32px)}.viewer-stage canvas{display:block;width:100%;height:100%}.viewer-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7f6e60;font-size:1.02rem}.site-footer{margin-top:24px;text-align:center;color:#7f6e60;font-size:.9rem}.site-footer a{color:#9a5e24;text-decoration:none;transition:color .18s ease}.site-footer a:hover{color:#c66326;text-decoration:underline}@media(max-width:1024px){.hero,.workspace{grid-template-columns:1fr}.viewer-card{min-height:560px}.viewer-stage{min-height:460px;height:62vh}}@media(max-width:720px){.shell{width:min(100% - 20px,1360px);padding-top:20px;padding-bottom:32px}.hero-copy,.hero-panel,.control-card,.viewer-card{border-radius:24px}.hero-copy,.control-card,.viewer-card{padding:18px}.hero-panel{padding:16px}.button-row,.viewer-topbar{grid-template-columns:1fr;display:grid}.viewer-note{text-align:left}.viewer-stage{min-height:360px;height:50vh}}