.demo-page{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:70px 0 100px}.demo-page h1{font-size:clamp(48px,6vw,76px);max-width:800px}.demo-lede{max-width:620px;font-size:17px}.demo-requirements{max-width:720px;font-size:12px}.photo-demo{margin-top:36px}.demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.demo-toolbar>div{flex:1;min-width:0}.demo-file-label{display:block;font-weight:600;margin-bottom:12px}.demo-toolbar input{display:block;width:100%;max-width:380px;font:12px Manrope,sans-serif;color:var(--ink)}.demo-toolbar input::file-selector-button{padding:10px 14px;margin-right:12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;cursor:pointer}.demo-toolbar p{font-size:11px;margin:10px 0 0}.demo-filename{overflow-wrap:anywhere;color:var(--lime)}.demo-toolbar button{border:0;font-family:inherit;cursor:pointer}.demo-toolbar .button-secondary{border:1px solid var(--line)}.demo-toolbar button:disabled{opacity:.45;cursor:default;transform:none}.demo-status{min-height:48px;padding:16px 0;font:12px DM Mono,monospace;color:var(--lime)}.demo-error{padding:15px;margin:0 0 20px;border:1px solid #b26751;border-radius:6px;color:#ffb69f;font-size:13px}.demo-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-panels figure{margin:0;min-width:0}.demo-source,.demo-viewer{height:470px}.demo-source{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px}.demo-source img{object-fit:contain;padding:60px 20px 20px}.demo-panels figcaption{margin-top:12px;font-size:11px;line-height:1.6;color:var(--muted)}.demo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px 28px;margin:0;font-size:15px}.demo-depth{margin-top:30px;max-width:550px}.demo-depth label{display:flex;justify-content:space-between;font-weight:600}.demo-depth output{color:var(--lime);font:13px DM Mono,monospace}.demo-depth input{width:100%;margin:20px 0 0;accent-color:var(--lime);min-height:30px}.demo-depth p,.demo-note{font-size:12px}.photo-demo button:focus-visible,.photo-demo input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:760px){.demo-page{width:calc(100% - 38px);padding-top:50px}.demo-panels{grid-template-columns:1fr;gap:28px}.demo-source,.demo-viewer{height:350px}.demo-toolbar>div{flex-basis:100%}}