*{box-sizing:border-box}html{background:#f5f5f1;color:#282826;font:14px Arial,sans-serif}body{margin:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #858a7b;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(24px,calc((100vw - 1160px)/2));background:white;border-bottom:1px solid #deded8}.identity{display:flex;align-items:center;gap:14px}.identity img{width:60px;height:60px}.identity strong{font-size:21px;font-weight:600;letter-spacing:-.5px}.locale{border:1px solid #e2e2dc;padding:6px;border-radius:4px;color:#888;font-size:11px}main{max-width:1160px;margin:auto;padding:28px 24px 36px}.order{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #ddddd5}.eyebrow{font-size:10px;letter-spacing:.14em;color:#85857d}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 0}.pilot{font-size:11px;color:#828278;border:1px solid #dcdcd5;border-radius:20px;padding:6px 11px}.product{display:flex;align-items:center;gap:18px;margin:24px 0}.product>img{width:113px;max-height:34px}.product>div{border-left:1px solid #dcdcd5;padding-left:18px}.product h2{font-size:15px;margin:0 0 7px}.product p{font-size:12px;margin:0;color:#85857d}.tabs{display:inline-flex;background:#e9e9e3;padding:4px;border-radius:8px;margin:0 0 16px}.tabs button{border:0;background:none;padding:10px 14px;border-radius:5px;color:#888}.tabs button[aria-pressed=true]{background:white;color:#282826;box-shadow:0 1px 3px #0001}.viewer{position:relative;background:#eaeae4;border:1px solid #deded7;border-radius:9px;padding:9px;min-height:180px}.art{display:block;width:100%;padding:0;border:0;background:white;cursor:zoom-in}.art img{display:block;width:100%;height:auto;min-height:120px}.actions{position:absolute;right:16px;top:16px;display:flex;gap:6px;z-index:1}.actions button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:6px;background:#282826;color:white;box-shadow:0 1px 3px #0002}.hint{color:#929288;font-size:11px;margin-top:12px}.summary{display:flex;justify-content:space-between;padding-top:16px;margin-top:18px;border-top:1px solid #deded5;color:#85857c;font-size:12px}.summary span:first-child{font-weight:600;color:#444}footer{background:white;border-top:1px solid #deded8;color:#999;font-size:11px;text-align:center;padding:20px}.local{font-size:11px;border-left:2px solid #b69a54;padding-left:9px;color:#8a7753;margin:0 0 20px}.message{margin:30px 0;padding:20px;background:white;border:1px solid #deded5;border-radius:8px;color:#777;line-height:1.6}#loading{position:absolute;inset:70px 0 auto;text-align:center;color:#85857c;font-size:12px}.viewer.busy .art{opacity:.15}.viewer:not(.busy) #loading{display:none}dialog{border:0;border-radius:14px;color:#282826;padding:24px;max-width:calc(100vw - 24px);width:440px;box-shadow:0 20px 90px #0004}dialog::backdrop{background:#0007}.file-head,.full-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-head h2{font-size:18px;margin:0}.file-head button{border:0;background:none;padding:6px;display:grid;place-items:center}#fileName{word-break:break-word;font-size:13px;color:#666;margin:25px 0 15px}#fileHint{font-size:13px;color:#888;line-height:1.65;min-height:40px}.primary{width:100%;padding:14px;background:#282826;color:white;border:0;border-radius:7px}#fileResult{font-size:12px;color:#888;line-height:1.6}#full{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;background:#f5f5f1;overflow:hidden}.full-head{height:64px;padding:10px 20px;background:white;border-bottom:1px solid #ddd}.full-head button{display:flex;align-items:center;gap:7px;background:white;border:1px solid #ddd;border-radius:6px;padding:9px;font-size:12px}.zoom{height:48px;display:flex;justify-content:center;align-items:center;gap:18px}.zoom button{width:32px;height:32px;background:white;border:1px solid #ddd;border-radius:4px;font-size:20px}.zoom output{font-size:12px;min-width:40px;text-align:center}#pan{height:calc(100% - 112px);overflow:auto;padding:16px;overscroll-behavior:contain;touch-action:pan-x pan-y}#fullArt{display:block;height:auto;max-width:none;background:white;margin:auto;min-width:100%}[hidden]{display:none!important}
.identity img{border-radius:14px}
@media(max-width:600px){header{padding:14px 18px}.identity{gap:11px}.identity img{width:48px;height:48px;border-radius:12px}.identity strong{font-size:18px}main{padding:24px 16px 30px}h1{font-size:30px}.product{gap:13px}.product>img{width:90px}.product>div{padding-left:13px}.product h2{font-size:13px;line-height:1.5}.viewer{padding:6px}.actions{top:12px;right:12px}.actions button{width:36px;height:36px}.actions svg{width:18px;height:18px}.art img{min-height:160px}dialog{padding:20px}.tabs button{padding:10px 12px}.full-head{padding-top:max(10px,env(safe-area-inset-top))}}