@font-face{font-family:serif;src:local('Georgia')}*{box-sizing:border-box}body{margin:0;background:#18151e;color:#efe8e2;font-family:'Segoe UI',sans-serif}header{height:100px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:18px;padding:0 6vw;letter-spacing:3px;font-size:14px}small{display:block;font-size:10px;letter-spacing:2px;color:#ae9aa5;margin-top:7px}.seal{font-size:38px;color:#cfb48b}.local{margin-left:auto;color:#b9a4ab;font-size:10px}main{max-width:1450px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:6vw;padding:60px 6vw}.eyebrow{font-size:10px;letter-spacing:3px;color:#c8aa82}h1{font-family:Georgia,'Batang',serif;font-size:49px;line-height:1.4;font-weight:400;margin:25px 0}em{font-style:normal;color:#d4b1bd}.intro>p{color:#b9aab6;line-height:1.9;font-size:14px}label{display:block;margin-top:23px;font-size:12px;color:#d3c2cb}select{width:100%;background:#251f2b;color:#eee;border:1px solid #5a4655;padding:12px;margin-top:9px;border-radius:5px}input[type=range]{width:100%;accent-color:#d4a1b8;display:block;margin-top:13px}output{float:right;color:#b79cae}.check{display:flex;align-items:center;gap:9px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}button{border:1px solid #695563;background:transparent;color:#e2cbd7;padding:12px 15px;border-radius:5px;cursor:pointer}button:first-child{background:#d6b5c0;color:#28202c;border-color:transparent}button:disabled{opacity:.4;cursor:default}.privacy{font-size:11px!important}details{font-size:11px;color:#aa97a6;line-height:1.8}.mirror{min-width:0;align-self:center}.frame{position:relative;padding:13px;border:1px solid #8d6e60;border-radius:44% 44% 5px 5px;background:#201b26;overflow:hidden;box-shadow:0 30px 80px #08060d77}#view{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:44% 44% 3px 3px}#placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#403044,#211b29);text-align:center}#placeholder span{font-size:65px;color:#b59678}h2{font-family:Georgia,'Batang',serif;font-size:25px;font-weight:400}#placeholder p{font-size:12px;color:#bda8b7}.corner{position:absolute;bottom:25px;left:30px;font-size:9px;letter-spacing:3px;color:#e9d5b4}.status{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:11px;color:#c2acb9}.caption{text-align:center;font-family:'Batang',serif;font-size:13px;color:#9e889c;margin:32px 0}footer{margin:0 6vw;padding:24px 0;border-top:1px solid #ffffff12;color:#776675;font-size:10px}footer span{float:right}@media(max-width:850px){main{grid-template-columns:1fr;padding-top:28px;gap:30px}.intro{order:2}h1{font-size:35px;margin:12px 0}.mirror{order:1}.frame{max-width:680px;margin:auto}header{height:80px}.local{font-size:8px}footer span{float:none;display:block;margin-top:8px}}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e0c491;outline-offset:4px}