:root{--black: #0b0b0b;--white: #ffffff;--beige: #bb9c6a;--scene-bg: #151515;--text: var(--white);--text-2: rgba(255, 255, 255, .74);--beige-soft: color-mix(in srgb, var(--beige) 22%, transparent);--beige-line: color-mix(in srgb, var(--beige) 55%, transparent);--glass-bg: rgba(14, 14, 14, .7);--glass-bg-solid: rgba(18, 18, 18, .95);--glass-border: rgba(255, 255, 255, .13);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(255, 255, 255, .03);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .32), 0 2px 8px rgba(0, 0, 0, .22);--glass-blur: blur(16px) saturate(130%);--hover: rgba(255, 255, 255, .09);--radius-lg: 22px;--radius-md: 16px;--tap: 44px;--gutter: 16px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .22s;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--scene-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable Text,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{overflow:hidden;overscroll-behavior:none}[hidden]{display:none!important}img{display:block}.app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--scene-bg)}.viewer{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.viewer:focus{outline:none}.viewer:focus-visible{outline:2px solid var(--beige);outline-offset:-4px}.viewer-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.viewer-canvas:active{cursor:grabbing}.ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + var(--gutter));pointer-events:none}.ui .glass,.ui button{pointer-events:auto}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-bg-solid)}}.brandbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;border-radius:var(--radius-md)}.brand-main{padding:12px 18px}.brand-main img{height:30px;width:auto}.brand-client{gap:12px;padding:6px 6px 6px 16px}.presented{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.client-chip{display:block;padding:2px 8px;border-radius:11px;background:#000}.client-chip img{height:38px;width:auto}.bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.hint-row{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}.hint{max-width:min(520px,calc(100vw - 2 * var(--gutter) - 52px));padding:9px 16px;border-radius:999px;text-align:center;pointer-events:none!important;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear 0s}.hint.is-hidden{opacity:0;transform:translateY(6px) scale(.98);visibility:hidden;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur)}.hint h1{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--beige)}.hint p{margin:1px 0 0;font-size:.8rem;line-height:1.35;color:var(--white)}.toolbar{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-lg)}.group{display:flex;align-items:center;gap:2px}.sep{width:1px;height:24px;margin:0 5px;background:#ffffff24}.icon-btn{position:relative;display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:14px;background:transparent;color:var(--white);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform .12s var(--ease)}.icon-btn.round{border-radius:50%;border:1px solid var(--glass-border)}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover:not(:disabled){background:var(--hover)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn[aria-pressed=true],.icon-btn[aria-expanded=true]{background:var(--beige-soft);color:var(--beige);box-shadow:inset 0 0 0 1px var(--beige-line)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn .icon-exit,.icon-btn[aria-pressed=true] .icon-enter{display:none}.icon-btn[aria-pressed=true] .icon-exit{display:block}:focus-visible{outline:2px solid var(--beige);outline-offset:2px}@media (hover: hover) and (pointer: fine){[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;padding:6px 10px;border-radius:8px;background:#0b0b0beb;border:1px solid var(--glass-border);color:var(--white);font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .16s var(--ease),transform .16s var(--ease)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.35s}[data-tooltip]:focus-visible:after{transition-delay:0ms}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 18px;border:1px solid var(--glass-border);border-radius:999px;background:#ffffff0f;color:var(--white);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover{background:#ffffff1f}.btn-primary{background:var(--beige);border-color:var(--beige);color:var(--black)}.btn-primary:hover{background:color-mix(in srgb,var(--beige) 88%,var(--white))}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);z-index:5}.loading{overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#1a1a1a 0%,var(--black) 70%)}.loading-graphic{position:absolute;left:50%;top:50%;width:min(92vmin,760px);height:auto;transform:translate(-50%,-50%);opacity:.13;pointer-events:none}.loading-content{position:relative;display:grid;justify-items:center;gap:18px;text-align:center}.loading-logo{width:min(240px,60vw);height:auto}.loading-content p{margin:0;font-size:.85rem;letter-spacing:.04em;color:var(--text-2)}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--beige);animation:spin 1s linear infinite}.progress{width:200px;height:2px;border-radius:1px;background:#ffffff1f;overflow:hidden}.progress-bar{width:0;height:100%;background:var(--beige)}.message{background:#00000059}.card{width:min(400px,100%);padding:22px;border-radius:var(--radius-lg)}.card h2{margin:0 0 6px;font-size:1.05rem;font-weight:600}.card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-2)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.card-actions:empty{display:none}.drop-zone{position:absolute;inset:10px;display:grid;place-items:center;border:1.5px dashed var(--beige);border-radius:var(--radius-lg);background:#0b0b0b59;pointer-events:none;z-index:6}.drop-zone-inner{padding:12px 20px;border-radius:999px;color:var(--white);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){:root{--gutter: 10px}.ui{padding-top:calc(var(--safe-top) + 10px);padding-bottom:calc(var(--safe-bottom) + 10px)}.brand-main{padding:10px 12px}.brand-main img{height:20px}.brand-client{flex-direction:column;align-items:flex-end;gap:4px;padding:6px 6px 6px 10px}.presented{font-size:.6rem;letter-spacing:.12em;padding-right:4px}.client-chip{padding:1px 6px;border-radius:9px}.client-chip img{height:26px}.toolbar{gap:0;padding:3px}.group{gap:0}.sep{margin:0 3px}}@media (max-width: 359px){.sep{margin:0 1px}.brand-main img{height:17px}}@media (orientation: landscape) and (max-height: 500px){.ui{padding-top:calc(var(--safe-top) + 8px);padding-bottom:calc(var(--safe-bottom) + 8px)}.brand-main{padding:8px 12px}.brand-main img{height:20px}.brand-client{padding:4px 4px 4px 12px}.client-chip img{height:26px}.bottom{gap:6px}.hint-row{position:absolute;top:calc(var(--safe-top) + 8px);left:50%;transform:translate(-50%)}.hint{max-width:min(420px,calc(100vw - 480px));padding:6px 14px}.hint p{font-size:.74rem}}@media (orientation: landscape) and (max-height: 500px) and (max-width: 700px){.hint-row{position:static;transform:none}.hint{max-width:calc(100vw - 2 * var(--gutter) - 52px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;transition-delay:0ms!important}.spinner{animation-duration:2.4s}}.app:fullscreen{width:100%;height:100%}