.capture-try,.scroll-try{aspect-ratio:16/10;width:100%;font-family:var(--atat-font,-apple-system, BlinkMacSystemFont, sans-serif);-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#eef1f6 0%,#dfe5ee 55%,#d6dde8 100%);border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.capture-try-scene{background:linear-gradient(160deg,#eef1f6 0%,#dfe5ee 55%,#d6dde8 100%);position:absolute;inset:0}.capture-try-window,.scroll-try-window{background:#fff;border-radius:12px;flex-direction:column;display:flex;position:absolute;box-shadow:0 14px 40px #00000029,0 0 0 .5px #00000024}.capture-try-window{width:78%;height:82%;top:9%;left:11%;overflow:hidden}.capture-try-titlebar{flex:none;align-items:center;height:28px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 -.5px #0000001a}.capture-try-lights{gap:8px}.capture-try-lights>*{width:12px;height:12px}.capture-try-photo{flex:1;min-height:0;position:relative}.capture-try-photo svg{width:100%;height:100%;display:block;position:absolute;inset:0}.capture-try-surface{z-index:1;cursor:crosshair;touch-action:pan-y;outline:none;position:absolute;inset:0}.capture-try-surface:focus-visible{border-radius:inherit;box-shadow:inset 0 0 0 2px #00000073}.capture-try-flash{z-index:2;pointer-events:none;background:#fff;animation:.25s ease-out both capture-flash;position:absolute}.capture-try-card{z-index:3;transform-origin:0 100%;width:200px;height:125px;animation:.45s cubic-bezier(.22,1,.36,1) both capture-try-card-in;position:absolute;bottom:16px;left:16px}@keyframes capture-try-card-in{0%{opacity:0;transform:translate(-28px)scale(.96)}to{opacity:1;transform:none}}.capture-try-crop{position:relative;overflow:hidden}.capture-try-crop>div{transform-origin:0 0;position:absolute;top:0;left:0}.scroll-try-stitched{background:#fff}.capture-try-hint,.capture-try-button{z-index:3;font:500 13px/18px var(--atat-font,-apple-system, BlinkMacSystemFont, sans-serif);white-space:nowrap;border-radius:999px;margin:0;padding:7px 14px;position:absolute;bottom:16px}.capture-try-hint{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000009e;left:50%;transform:translate(-50%)}.capture-try-button{color:#1d1d1f;cursor:pointer;background:#fff;border:0;right:16px;box-shadow:0 1px 3px #00000029,0 0 0 .5px #0000001a}.capture-try-button:active{opacity:.7}.capture-try-button:focus-visible{outline-offset:2px;outline:2px solid #00000073}.scroll-try-window{inset:7% calc(244px + 9%) 23% 5%}.scroll-try-titlebar strong{color:#3c3c43;pointer-events:none;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.scroll-try-frame{flex:1;min-height:0;position:relative}.scroll-try-thread{overscroll-behavior:contain;scrollbar-width:none;border-radius:0 0 12px 12px;height:100%;overflow:hidden}.scroll-try-thread::-webkit-scrollbar{display:none}.scroll-try[data-phase=capturing] .scroll-try-thread{overflow-y:auto}.scroll-try-selection{z-index:1;pointer-events:none;border-radius:0 0 12px 12px;inset:0}.scroll-try-messages{flex-direction:column;gap:4px;margin:0;padding:12px 14px 18px;list-style:none;display:flex}.scroll-try-messages li{flex-direction:column;align-items:flex-start;display:flex}.scroll-try-messages li[data-mine]{align-items:flex-end}.scroll-try-messages p{color:#000;background:#e9e9eb;border-radius:17px;max-width:72%;margin:0;padding:6px 11px;font-size:13px;line-height:17px}.scroll-try-messages li[data-mine] p{color:#fff;background:#1a8cff}.scroll-try-sender{color:#8e8e93;margin:8px 0 2px 11px;font-size:11px;line-height:13px}.scroll-try-preview{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:#f8f8f8d6;border-radius:16px;flex-direction:column;gap:8px;width:244px;padding:12px;animation:.25s ease-out both scroll-try-preview-in;display:flex;position:absolute;top:7%;bottom:23%;right:4%;box-shadow:0 10px 30px #00000024,0 0 0 .5px #0000001f}@keyframes scroll-try-preview-in{0%{opacity:0}to{opacity:1}}.scroll-try-preview strong{color:#1d1d1f;font-size:12px;font-weight:600;line-height:15px}.scroll-try-rail{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.scroll-try-stitch{background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001f}.scroll-try-stitch>div{transform-origin:0 0;position:absolute;top:0;left:0}.scroll-try-bar{z-index:3;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.scrolling-capture-bar{box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);min-width:380px;font-family:var(--atat-font,-apple-system, BlinkMacSystemFont, sans-serif);background:#f6f6f6d1;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 8px 28px #0000002e,0 0 0 .5px #00000024}.scrolling-capture-title{flex-direction:column;flex:1;gap:1px;min-width:120px;max-width:220px;display:flex}.scrolling-capture-title strong{color:#1d1d1f;white-space:nowrap;font-size:12px;font-weight:600;line-height:15px}.scrolling-capture-title span{color:#3c3c4399;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:10px;line-height:12px;overflow:hidden}.scrolling-capture-divider{background:#0000001f;flex:none;width:1px;height:18px}.scrolling-capture-actions{flex:none;gap:8px;display:flex}.scrolling-capture-action{color:#3c3c43bf;height:28px;font:500 11px/1 var(--atat-font,-apple-system, BlinkMacSystemFont, sans-serif);white-space:nowrap;cursor:pointer;background:#0000000f;border:0;border-radius:8px;align-items:center;gap:4px;margin:0;padding:0 10px;display:inline-flex}.scrolling-capture-action[data-primary]{color:#1d1d1f;font-weight:600}.scrolling-capture-action:active{background:#0000001f}.scrolling-capture-action:focus-visible{outline-offset:1px;outline:2px solid #00000073}.scrolling-capture-glyph{background:currentColor;width:12px;height:12px;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}@media (width<=640px){.scroll-try{aspect-ratio:4/5}}@container (width<=560px){.scroll-try-window{bottom:20%;right:5%}.scroll-try-preview{display:none}.scroll-try-bar{bottom:4%}}@container (width<=440px){.scrolling-capture-bar{min-width:0}.scrolling-capture-title,.scrolling-capture-divider{display:none}.capture-try-window{width:90%;height:86%;top:7%;left:5%}.capture-try-card{scale:.72}.capture-try-hint,.capture-try-button{padding:6px 12px;font-size:12px;bottom:12px}.capture-try-button{right:12px}}@media (prefers-reduced-motion:reduce){.capture-try-card,.scroll-try-preview,.capture-try-flash{animation:none}}
