*{box-sizing:border-box}body{margin:0;background:#eae9de;color:#244435;font:14px system-ui,sans-serif}button,select{font:inherit;color:inherit;min-height:42px;touch-action:manipulation}button,select,summary{cursor:pointer}button,select{border:1px solid #a9b5a3;border-radius:6px;background:#f8f6e9;padding:9px 12px}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d7492d;outline-offset:3px}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 26px;background:#f6f2df;border-bottom:1px solid #c9cdbd}.preview-brand{display:flex;align-items:center;gap:10px;font-size:28px;color:#d7492d;text-decoration:none;font-weight:750}.preview-brand>span{color:#244435;font-size:19px;letter-spacing:-.8px}.preview-brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:550;margin-top:4px}.preview-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.preview-tools label{display:grid;gap:5px;font-size:10px;font-weight:650;letter-spacing:.5px}.preview-tools select{font-size:12px;letter-spacing:0;min-width:145px}.preview-tools button{font-size:12px;font-weight:600}.accent{background:#d7492d;color:#fff4de;border-color:#bb4028}
.preview-workspace{display:flex;flex-direction:column;align-items:center;padding:18px 20px 28px;gap:14px;min-height:calc(100svh - 103px);background:radial-gradient(ellipse at center,#c6d4b84d,transparent 70%)}.device-meta{display:flex;align-items:center;gap:10px;font-size:12px}.device-meta span{font-size:10px;color:#77866f}.phone{position:relative;border:8px solid #26352c;background:#f6f2df;box-shadow:0 20px 50px #233d2930,0 0 0 1px #55614f;border-radius:37px;overflow:hidden;transform-origin:top left}.phone.oneplus{border-radius:27px}.phone-status{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-size:12px;font-weight:650;position:relative}.phone-status>i{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:100px;height:25px;border-radius:20px;background:#1d2821}.oneplus .phone-status{height:28px;padding-left:42px}.oneplus .phone-status>i{left:16px;top:9px;transform:none;width:11px;height:11px}.phone-address{height:44px;display:grid;place-items:center;font-size:13px;color:#53634c;border-top:1px solid #d4d8c6;border-bottom:1px solid #d4d8c6;background:#e7eada}.phone iframe{display:block;border:0;width:100%;background:#f6f2df}.phone-home{height:16px;display:grid;place-items:center}.phone-home i{width:105px;height:4px;background:#26352c;border-radius:10px}.oneplus .phone-home{height:14px}.oneplus .phone-home i{width:70px;height:3px}.phone.landscape{border-radius:27px}.phone.landscape .phone-status{height:28px}.phone.landscape .phone-status>i{display:none}.phone.landscape .phone-address{height:36px}.phone.landscape .phone-home{height:14px}
.preview-note{margin:0;text-align:center;font-size:12px;color:#65765c}details{font-size:10px;color:#748369;max-width:480px;text-align:center}details summary{padding:4px}details p{line-height:1.6;margin:8px 0}details a{color:inherit}
.preview-tools [hidden]{display:none}.preview-tools{justify-content:flex-end}.preview-tools label:has(#hand-style) select,.preview-tools label:has(#hand-pose) select{min-width:135px}
@media(max-width:850px){.preview-toolbar{align-items:flex-start;padding:14px;gap:15px;flex-wrap:wrap}.preview-tools{gap:8px}.preview-workspace{padding-inline:10px}.preview-tools select{min-width:135px}.preview-brand{font-size:23px}.preview-brand>span{font-size:17px}}
.device-tabs{display:flex;align-items:center;align-self:flex-end;border:1px solid #b6c0ab;padding:3px;border-radius:8px;background:#e6eadb;gap:3px}.device-tabs button{border:0;background:transparent;white-space:nowrap;min-height:36px;padding:9px 13px}.device-tabs button[aria-selected="true"]{background:#244b39;color:#fff1d1;box-shadow:0 2px 3px #1d39271f}.phone.desktop{border-radius:12px}.desktop .phone-status,.desktop .phone-home,.desktop .phone-address{display:none}.oneplus .phone-status>i{left:50%;top:0;transform:translateX(-50%);width:120px;height:19px;border-radius:0 0 12px 12px}.oneplus .phone-status{padding-inline:20px}.preview-tools button[hidden]{display:none}

.preview-brand{flex-direction:column;align-items:flex-start;gap:5px;flex-shrink:0}.preview-brand img{display:block;width:142px;height:auto}.preview-brand small{margin:0 0 0 56px;color:#65765c;font-size:8px;letter-spacing:1.4px}