:root{--paper: #f7f5f0;--ink: #2d2a26;--ink-light: #6b6560;--ink-faint: #a8a299;--vermillion: #c41e3a;--border: #d4d0c8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,Georgia,serif;background:var(--paper);background-image:radial-gradient(circle at 20% 80%,rgba(196,30,58,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(45,42,38,.02) 0%,transparent 50%);color:var(--ink);min-height:100vh;line-height:1.5}#app{max-width:1400px;margin:0 auto;padding:40px 32px}.header{text-align:center;margin-bottom:40px}.header__title{font-size:3.5rem;font-weight:400;font-style:italic;letter-spacing:.15em;margin-bottom:8px;position:relative;display:inline-block}.header__title:after{content:"";position:absolute;bottom:6px;right:-20px;width:10px;height:10px;background:var(--vermillion);border-radius:2px;transform:rotate(3deg)}.header__subtitle{font-size:1rem;color:var(--ink-light);font-weight:400;letter-spacing:.3em;text-transform:uppercase}.debug{display:flex;align-items:center;gap:16px;margin-bottom:16px}.debug__toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;color:var(--ink-light);-webkit-user-select:none;user-select:none}.debug__toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--vermillion);cursor:pointer}.debug__step-btn{font-family:inherit;font-size:1rem;background:var(--vermillion);border:none;color:#fff;padding:10px 24px;cursor:pointer;transition:all .2s ease;letter-spacing:.1em}.debug__step-btn:hover:not(:disabled){background:var(--ink)}.debug__step-btn:disabled{opacity:.4;cursor:not-allowed}.debug__step-desc{font-size:.95rem;color:var(--ink-light);font-weight:600;letter-spacing:.05em}.controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:20px 24px;background:#fff9;border:1px solid var(--border);margin-bottom:32px}.controls__upload{font-family:inherit;font-size:1rem;background:var(--ink);border:none;color:var(--paper);padding:12px 28px;cursor:pointer;transition:all .2s ease;letter-spacing:.1em}.controls__upload:hover,.controls__upload--capture{background:var(--vermillion)}.controls__upload--capture:hover{background:var(--ink)}.controls__param{display:flex;align-items:center;gap:10px}.controls__param-label{font-size:.9rem;color:var(--ink-light);min-width:60px;text-align:right}.controls__param-range{width:80px;accent-color:var(--ink);cursor:pointer}.controls__param-value{font-size:.9rem;font-weight:600;min-width:32px;text-align:left;font-variant-numeric:tabular-nums}.controls__param-select{font-family:inherit;font-size:.9rem;padding:4px 8px;border:1px solid var(--border);background:#fff;color:var(--ink);cursor:pointer}.color-mode{display:flex;flex-direction:column;gap:6px}.color-mode__option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--ink-light);-webkit-user-select:none;user-select:none}.color-mode__option input[type=radio]{display:none}.color-mode__option input[type=radio]:checked+.color-mode__swatch{outline:2px solid var(--ink);outline-offset:2px}.color-mode__swatch{width:18px;height:18px;border-radius:3px;flex-shrink:0}.color-mode__swatch--bw{background:var(--ink)}.color-mode__swatch--pastel{background:linear-gradient(135deg,#f4a0a0,#f4d4a0,#a0f4a0,#a0d4f4,#c4a0f4)}.camera{margin-bottom:32px;text-align:center}.camera__video{width:100%;max-width:640px;background:#000}.camera__actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.camera__btn{font-family:inherit;font-size:1rem;background:var(--ink);border:none;color:var(--paper);padding:12px 28px;cursor:pointer;transition:all .2s ease;letter-spacing:.1em}.camera__btn:hover{background:var(--vermillion)}.camera__btn--close{background:var(--ink-light)}.workspace{width:100%}.workspace__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.workspace__frame{position:relative;background:#fff;padding:20px;box-shadow:0 4px 20px #0000000f}.workspace__frame:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid var(--border);pointer-events:none}.workspace__label{position:absolute;top:-10px;left:28px;background:var(--paper);padding:0 12px;font-size:.8rem;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase}.workspace__frame img{width:100%;height:auto;display:block;max-height:70vh;object-fit:contain}.workspace__result{min-height:200px;display:flex;align-items:center;justify-content:center}.workspace__result svg{width:100%;height:auto;max-height:70vh}.status{margin-top:24px;font-size:.95rem;color:var(--ink-faint);min-height:28px;text-align:center}.status--error{color:var(--vermillion)}@media (max-width: 900px){.workspace__grid{grid-template-columns:1fr}}@media (max-width: 700px){#app{padding:24px 16px}.header__title{font-size:2.5rem}.controls{gap:16px;padding:16px}.controls__param{width:100%;justify-content:space-between}.controls__param-range{flex:1;max-width:120px}}