.v3ds-control-rose{--rose-size: 44px;--rose-gap: 5px;--rose-offset: 28px;--rose-scale: 1;--rose-bg: rgba(118, 125, 140, .72);--rose-bg-hover: rgba(92, 99, 112, .86);--rose-border: rgba(255, 255, 255, .48);--rose-icon: rgba(255, 255, 255, .96);--rose-shadow: 0 6px 16px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .22);position:fixed;z-index:10;display:grid;grid-template-columns:repeat(3,var(--rose-size));grid-template-rows:repeat(3,var(--rose-size));gap:var(--rose-gap);width:max-content;-webkit-user-select:none;user-select:none;touch-action:manipulation;transform:scale(var(--rose-scale))}.v3ds-control-rose--bottom-left{left:var(--rose-offset);bottom:var(--rose-offset);transform-origin:bottom left}.v3ds-control-rose--bottom-right{right:var(--rose-offset);bottom:var(--rose-offset);transform-origin:bottom right}.v3ds-control-rose--top-left{left:var(--rose-offset);top:var(--rose-offset);transform-origin:top left}.v3ds-control-rose--top-right{right:var(--rose-offset);top:var(--rose-offset);transform-origin:top right}.v3ds-control-rose--left{left:var(--rose-offset);top:50%;transform:translateY(-50%) scale(var(--rose-scale));transform-origin:left center}.v3ds-control-rose--right{right:var(--rose-offset);top:50%;transform:translateY(-50%) scale(var(--rose-scale));transform-origin:right center}.v3ds-control-rose--top{top:var(--rose-offset);left:50%;transform:translate(-50%) scale(var(--rose-scale));transform-origin:top center}.v3ds-control-rose--bottom{bottom:var(--rose-offset);left:50%;transform:translate(-50%) scale(var(--rose-scale));transform-origin:bottom center}.v3ds-control-rose__btn{width:var(--rose-size);height:var(--rose-size);border-radius:999px;border:1px solid var(--rose-border);background:var(--rose-bg);box-shadow:var(--rose-shadow);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.v3ds-control-rose__btn:hover{background:var(--rose-bg-hover);border-color:#ffffff6b;transform:scale(1.08)}.v3ds-control-rose__btn:active{transform:scale(.94)}.v3ds-control-rose__btn:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.v3ds-control-rose__btn--up{grid-column:2;grid-row:1}.v3ds-control-rose__btn--left{grid-column:1;grid-row:2}.v3ds-control-rose__btn--center{grid-column:2;grid-row:2}.v3ds-control-rose__btn--right{grid-column:3;grid-row:2}.v3ds-control-rose__btn--zoom-out{grid-column:1;grid-row:3}.v3ds-control-rose__btn--down{grid-column:2;grid-row:3}.v3ds-control-rose__btn--zoom-in{grid-column:3;grid-row:3}.v3ds-control-rose__arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--rose-icon);filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.v3ds-control-rose__plus,.v3ds-control-rose__minus{position:relative;width:16px;height:16px}.v3ds-control-rose__plus:before,.v3ds-control-rose__plus:after,.v3ds-control-rose__minus:before{content:"";position:absolute;left:50%;top:50%;width:17px;height:3px;border-radius:999px;background:var(--rose-icon);transform:translate(-50%,-50%)}.v3ds-control-rose__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.v3ds-control-rose__crosshair{width:23px;height:23px;border:3px solid var(--rose-icon);border-radius:999px;position:relative;box-sizing:border-box}.v3ds-control-rose__crosshair:before,.v3ds-control-rose__crosshair:after{content:"";position:absolute;left:50%;top:50%;background:var(--rose-icon);border-radius:999px;transform:translate(-50%,-50%)}.v3ds-control-rose__crosshair:before{width:31px;height:3px}.v3ds-control-rose__crosshair:after{width:3px;height:31px}@media(max-width:640px){.v3ds-control-rose{--rose-offset: 16px}}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef2f7}button,code{font:inherit}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}.hero-panel{position:fixed;z-index:20;top:24px;left:24px;width:min(380px,calc(100vw - 48px));padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#ffffffc2;box-shadow:0 22px 70px #25304929;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}.eyebrow{margin:0 0 8px;color:#9b6b2f;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-panel h1{margin:0;max-width:12ch;font-size:clamp(2rem,5vw,3.6rem);line-height:.92;letter-spacing:-.06em}.hero-panel p:not(.eyebrow){margin:14px 0 0;color:#4e5a6d;line-height:1.55}.hero-panel code{padding:.12rem .35rem;border-radius:8px;background:#9b6b2f1f;color:#6f451a}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions button{border:0;border-radius:999px;padding:.72rem .95rem;color:#fff;background:#172033;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 10px 22px #1720332e}.actions button:hover{transform:translateY(-1px);background:#9b6b2f;box-shadow:0 12px 26px #9b6b2f40}@media(max-width:720px){.hero-panel{top:14px;left:14px;width:calc(100vw - 28px);box-sizing:border-box;padding:16px}.hero-panel h1{max-width:16ch}}