:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eee9df;background:#0d0f13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#25212a,#0d0f13 62%);min-height:100vh}header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 24px;border-bottom:1px solid #49403a}header b{font-size:22px;letter-spacing:.05em;color:#e9d3b2}nav{display:flex;gap:12px}nav a{color:#d4c2a7;text-decoration:none;border:1px solid #61594f;border-radius:100px;padding:10px 16px}nav a.active{background:#d6b98c;color:#17171a}main{max-width:1100px;margin:45px auto;padding:0 24px}h1{font-size:clamp(30px,5vw,53px);margin:0 0 12px;letter-spacing:-.045em}p{line-height:1.6;color:#bcb7b0}section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.panel{border:1px solid #4b4340;background:#17181dc9;border-radius:22px;padding:24px}.preview{display:flex;align-items:center;justify-content:center;min-height:360px;background:#0b0c10;border-radius:15px;overflow:hidden}.preview img{display:block;max-width:100%;max-height:550px}.preview video{width:100%;height:auto;max-height:550px}label{display:block;font-size:13px;color:#c5b8a6;margin:16px 0 8px}input[type=text]{width:100%;padding:14px;border-radius:10px;border:1px solid #63594f;background:#0e1014;color:#eee;font:inherit}button,.btn{display:inline-block;background:#e5c79c;color:#171717;border:0;border-radius:12px;padding:13px 18px;font:600 15px inherit;cursor:pointer;margin:10px 8px 0 0;text-decoration:none}button.secondary,.btn.secondary{background:#323039;color:#e5d6c3;border:1px solid #655a51}button:disabled{opacity:.5;cursor:wait}.status{white-space:pre-wrap;word-break:break-word;background:#101115;border:1px solid #39373a;border-radius:12px;padding:14px;margin-top:15px;min-height:54px}.hint{font-size:13px;color:#aaa3a0}.foot{font-size:13px;margin:30px 0;color:#a69c91}#photo{max-width:100%;display:block;touch-action:manipulation;cursor:crosshair}#corners{margin-top:10px}input[type=file]{max-width:100%}@media(max-width:760px){section{grid-template-columns:1fr}header{gap:14px;flex-wrap:wrap}.panel{padding:17px}main{margin:28px auto}.preview{min-height:250px}}