*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:transparent;color:#f7f8fb;font-family:Pretendard,system-ui,sans-serif}button,a,textarea,input{font:inherit}.app{min-height:100dvh;display:grid;place-items:center;padding:18px;background:transparent}.loading,.error{color:#aab0bf}.gallery,.camera-media,.feed-media,.chat-media{position:relative}.image-open{display:block;width:100%;padding:0;border:0;background:#090b10;cursor:zoom-in}.image-open>img{display:block;width:100%;height:100%;object-fit:contain}.nav{position:absolute;z-index:4;top:45%;width:38px;height:38px;border:0;border-radius:50%;background:#0009;color:white;font-size:28px}.prev{left:10px}.next{right:10px}.counter{position:absolute;z-index:4;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#0009;font-size:11px}.thumbs{display:flex;gap:6px;justify-content:center;padding:8px;background:#0d1017}.thumbs button{width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none}.thumbs button.active{border-color:#9f86ff}.thumbs img{width:100%;height:100%;object-fit:cover}dialog{width:min(96vw,1200px);height:min(94vh,900px);border:1px solid #ffffff22;border-radius:20px;background:#05070bdd;color:white;padding:50px 18px 18px}dialog::backdrop{background:#000c}dialog img{width:100%;height:calc(100% - 45px);object-fit:contain}dialog button{position:absolute;right:14px;top:10px;width:36px;height:36px;border-radius:50%;border:1px solid #fff3;background:#fff1;color:white;font-size:24px}dialog a{display:block;width:max-content;margin:8px auto;padding:8px 14px;border-radius:10px;background:#7658ee;color:white;text-decoration:none}.chat-card{width:min(720px,100%);height:min(920px,calc(100dvh - 36px));display:grid;grid-template-rows:auto auto 1fr auto auto;overflow:hidden;border:1px solid #ffffff18;border-radius:28px;background:#11151e}.chat-card header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px}.chat-card h1{margin:0;font-size:18px}.chat-card header p{margin:4px 0 0;color:#99a1b1;font-size:12px}.chat-media .image-open{height:220px}.messages{overflow:auto;padding:16px}.msg{margin:8px 0;display:flex;flex-direction:column;align-items:flex-start}.msg.owner{align-items:flex-end}.msg span{font-size:10px;color:#9299a8}.msg p{max-width:75%;margin:3px 0;padding:10px 12px;border-radius:16px;background:#252b39}.msg.owner p{background:linear-gradient(135deg,#7559ee,#b252e8)}.roles{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 12px}.roles button{height:34px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff0b;color:#a8afbd}.roles button.active{color:white;border-color:#8b74ff;background:#7658ee22}.chat-card form{display:flex;gap:8px;padding:10px 12px}.chat-card textarea{flex:1;resize:none;border:1px solid #ffffff18;border-radius:18px;padding:11px;background:#ffffff0b;color:white}.chat-card form button{border:0;border-radius:16px;padding:0 18px;background:#7658ee;color:white}.camera-shell{width:min(430px,100%);height:min(860px,calc(100dvh - 20px));background:#000;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #000}.camera-screen{position:relative;width:100%;height:100%;overflow:hidden}.camera-media,.camera-media .image-open{height:100%}.camera-media .thumbs{position:absolute;bottom:112px;left:0;right:0;background:transparent;z-index:5}.camera-media .counter{top:78px}.focus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;color:#ffd60a}.camera-top,.camera-bottom{position:absolute;z-index:6;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px;color:white;text-shadow:0 2px 8px #000}.camera-top{top:0}.camera-bottom{bottom:0;background:linear-gradient(transparent,#000c);padding-bottom:30px}.camera-bottom #shutter{width:72px;height:72px;border:5px solid #fff;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #000}.camera-bottom a{color:white;text-decoration:none}.camera-media .nav{top:50%}#flash{position:absolute;inset:0;pointer-events:none;background:white;opacity:0;z-index:10}.flash{animation:flash .7s}@keyframes flash{0%{opacity:0}10%{opacity:1}100%{opacity:0}}.feed-page{width:min(540px,100%)}.post{overflow:hidden;border:1px solid #ffffff18;border-radius:22px;background:#121620}.post header{display:flex;align-items:center;gap:10px;padding:13px}.post header img{width:40px;height:40px;border-radius:50%}.post header div{display:grid;flex:1}.post header span{font-size:11px;color:#9ba2b1}.post header button{border:0;background:none;color:white}.feed-media .image-open{aspect-ratio:1/1}.post-actions{display:flex;gap:14px;padding:12px 14px}.post-actions button{border:0;background:none;color:white;font-size:23px}.post-actions span{flex:1}.likes,.caption{padding:0 14px}.caption{line-height:1.5}.post time{display:block;padding:0 14px 16px;color:#8f96a5;font-size:11px}.empty,.no-image{display:grid;place-items:center;min-height:120px;color:#8f96a5}@media(max-width:600px){.app{padding:0}.chat-card,.camera-shell{height:100dvh;border-radius:0}.feed-page{width:100%}.post{border-radius:0;border-left:0;border-right:0}}/* v4.2 chat message images */
.msg .bubble{max-width:78%;overflow:hidden;border-radius:17px;background:#252b39}.msg.owner .bubble{background:linear-gradient(135deg,#7559ee,#b252e8)}.msg .bubble p{max-width:none;margin:0;padding:10px 12px;background:none}.message-image{display:block;width:100%;max-width:360px;padding:0;border:0;background:#090b10;cursor:zoom-in}.message-image img{display:block;width:100%;max-height:360px;object-fit:cover}.msg>p{display:none}
/* SOOP camera restored */
.soop-camera{--u:4.5px;width:450px;height:800px;max-width:100vw;max-height:100dvh;background:#000;overflow:hidden;position:relative}.camera-stage{position:absolute;inset:0}.soop-photo-frame{position:absolute;left:50%;top:45%;width:100%;aspect-ratio:1/1;transform:translate(-50%,-50%);overflow:hidden;background:#050505}.soop-photo{width:100%;height:100%;object-fit:cover;transform:scale3d(1.075,1.075,1);filter:blur(7px) brightness(.91) saturate(.92);opacity:0;transition:opacity .35s;will-change:transform,filter}.soop-photo.loaded{opacity:1;animation:idle-drift 7s ease-in-out infinite}.soop-photo.sharp-final{animation:none!important;filter:url('#soop-sharpen') contrast(1.07) saturate(1.04) brightness(1.02)!important;opacity:1!important}.soop-photo.auto-exposure{animation:auto-exposure .32s ease-out both!important}@keyframes idle-drift{0%,100%{transform:scale3d(1.075,1.075,1)}50%{transform:scale3d(1.105,1.105,1) translate3d(-.7%,.7%,0)}}@keyframes auto-exposure{0%{filter:url('#soop-sharpen') brightness(.82) contrast(1.02)}100%{filter:url('#soop-sharpen') brightness(1.02) contrast(1.07) saturate(1.04)}}.soop-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 33.2%,#fff5 33.3%,transparent 33.6%,transparent 66.4%,#fff5 66.5%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#fff5 33.3%,transparent 33.6%,transparent 66.4%,#fff5 66.5%,transparent 66.8%)}.soop-focus{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border:2px solid #ffd60a;border-radius:5px;animation:focus-pulse 2.4s infinite}.soop-focus:after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#ffd60a;transform:translate(-50%,-50%)}@keyframes focus-pulse{50%{transform:translate(-50%,-50%) scale(.94);opacity:.72}}.hidden{opacity:0!important;visibility:hidden!important}.soop-top{position:absolute;z-index:12;top:32px;left:0;right:0;display:flex;justify-content:space-between;padding:0 24px}.soop-bottom{position:absolute;z-index:12;left:0;right:0;bottom:24px}.mode-row{display:flex;justify-content:center;gap:20px;margin-bottom:28px}.mode-btn{border:0;background:none;color:#ffffffb3;font-weight:700}.mode-btn.active{color:#ffd60a}.camera-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px}.cam-thumb{width:50px;height:50px;border-radius:7px;background-size:cover;background-position:center;border:1px solid #fff7}.shutter-slot{position:relative;width:140px;height:72px;display:grid;place-items:center}.soop-shutter{width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #000;box-shadow:0 0 0 5px #fff}.capture-actions{display:none;gap:9px}.capture-actions.show{display:flex}.capture-actions a,.capture-actions button{padding:11px 14px;border-radius:999px;color:#fff;background:#007aff;text-decoration:none;border:1px solid #fff4}.capture-actions button{background:#141414c9}.flip-btn{justify-self:end;width:50px;height:50px;border-radius:50%;background:#ffffff22;color:#fff}.soop-flash{position:absolute;inset:0;z-index:20;background:#fff;opacity:0;pointer-events:none}.soop-flash.active{animation:soop-flash .68s ease-out}@keyframes soop-flash{9%{opacity:1}24%{opacity:.92}100%{opacity:0}}.camera-shake{animation:camera-shake .1s ease-out}@keyframes camera-shake{25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}}.capture-look{position:absolute;inset:0;opacity:0;pointer-events:none}.capture-look.show{opacity:1}.capture-look:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 55%,#0002 82%,#0005 100%)}.capture-look:after{content:'';position:absolute;inset:0;opacity:.045;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 10% 20%,#ffffff42 0 1px,transparent 1px 3px);background-size:4px 4px}.sticker-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.camera-sticker{position:absolute;font-size:34px;opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(var(--r));animation:sticker-pop .38s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes sticker-pop{75%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(var(--r))}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}}.capture-meta{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;font-size:10px;text-shadow:0 2px 7px #000;opacity:0}.capture-meta.show{opacity:1}.capture-meta span:last-child{text-align:right}.camera-nav{position:absolute;z-index:13;left:10px;right:10px;top:50%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.camera-nav button{pointer-events:auto;width:44px;height:58px;border-radius:14px;background:#0005;color:#fff;font-size:28px}.camera-nav span{align-self:flex-start;margin-top:-315px;padding:6px 11px;border-radius:999px;background:#0006;font-size:13px}.save-toast{position:absolute;left:50%;bottom:90px;z-index:30;transform:translate(-50%,12px);padding:10px 15px;border-radius:999px;background:#121214d1;opacity:0}.save-toast.show{opacity:1;transform:translate(-50%,0)}
/* SNS restored */
.sns-shell{width:min(680px,100%);min-height:100dvh;background:linear-gradient(180deg,#10131a,#090b0f);border:1px solid #ffffff16}.sns-top{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.sns-top b span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#ff4f8b)}.sns-feed{padding:28px 20px 60px}.sns-post{overflow:hidden;border-radius:22px;border:1px solid #ffffff16;background:#13161d;box-shadow:0 20px 60px #0005}.sns-post+.sns-post{margin-top:22px}.sns-post.is-building{animation:postEnter .76s cubic-bezier(.18,.9,.24,1.08) both}@keyframes postEnter{0%{opacity:0;transform:translateY(-34px) scale(.92);filter:blur(10px)}64%{opacity:1;transform:translateY(5px) scale(1.012);filter:blur(0)}}.sns-post header{display:flex;align-items:center;gap:11px;padding:15px 16px}.sns-post header img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sns-post header div{display:grid;flex:1}.sns-post header span{color:#9aa1ad;font-size:12px}.sns-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#11141a}.sns-media>img{width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.06);filter:blur(14px) saturate(.75)}.sns-post.is-ready .sns-media>img{animation:imageReveal .72s .2s forwards}@keyframes imageReveal{to{opacity:1;transform:scale(1);filter:blur(0) saturate(1)}}.scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent,#ffffff47,transparent);transform:translateY(-110%)}.sns-post.is-ready .scan{animation:scan .7s .18s}@keyframes scan{25%{opacity:.6}100%{opacity:0;transform:translateY(110%)}}.new-badge{position:absolute;z-index:2;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:#0c0e12b3;font-size:11px;font-weight:900;opacity:0}.sns-post.is-ready .new-badge{animation:badge .34s .55s forwards,badgeOut .35s 2.3s forwards}@keyframes badge{to{opacity:1}}@keyframes badgeOut{to{opacity:0;transform:translateY(-8px)}}.sns-body{padding:14px 16px 17px}.sns-actions{display:flex;gap:12px}.sns-actions button{width:34px;height:34px;border:0;border-radius:50%;background:none;color:#fff;font-size:22px}.sns-actions .bookmark{margin-left:auto}.sns-actions .liked{color:#ff4f79;animation:heartPop .38s}.sns-actions .bookmarked{color:#ffd66e}@keyframes heartPop{50%{transform:scale(1.5) rotate(-9deg)}}.sns-likes{font-weight:900;font-size:14px}.sns-body p{line-height:1.55}.sns-comments{display:grid;gap:7px}.sns-comment{font-size:13px;animation:commentIn .35s}@keyframes commentIn{from{opacity:0;transform:translateY(8px)}}.sns-body time{display:block;margin-top:12px;color:#777f8d;font-size:11px}.burst-heart{position:fixed;z-index:120;pointer-events:none;color:#ff4f79;font-size:28px;animation:floatHeart .8s ease-out forwards}@keyframes floatHeart{0%{opacity:0;transform:translate(-50%,-20%) scale(.45)}25%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),-150px) scale(1.25) rotate(var(--r))}}.sns-toast{position:fixed;left:50%;bottom:28px;z-index:140;transform:translate(-50%,20px);padding:11px 15px;border-radius:999px;background:#1b1f28f2;opacity:0;transition:.25s}.sns-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:600px){.soop-camera{width:100vw;height:100dvh}.sns-feed{padding-inline:0}.sns-post{border-radius:0;border-left:0;border-right:0}.sns-shell{border:0}}

/* v4.4 layout and interaction fixes */
.chat-card{grid-template-rows:auto 1fr auto;height:min(820px,calc(100dvh - 24px))}
.chat-controls{position:relative;z-index:5;background:#11151ef5;border-top:1px solid #ffffff12;backdrop-filter:blur(12px)}
.message-row{display:flex;align-items:flex-end;gap:7px;max-width:85%}.msg.owner .message-row{flex-direction:row-reverse}.msg .bubble{max-width:100%}.msg time{flex:0 0 auto;padding-bottom:3px;color:#7f8796;font-size:10px;white-space:nowrap}.sender-name{margin-bottom:2px}
.soop-camera{height:748px;max-height:calc(100dvh - 12px)}.soop-photo-frame{top:43%;}.soop-bottom{bottom:18px}.mode-row{margin-bottom:20px}.camera-nav span{margin-top:-286px}
.sns-shell{width:min(600px,100%);height:748px;min-height:0;overflow:hidden;background:linear-gradient(180deg,#10131a,#090b0f);border:1px solid #ffffff16}.sns-top{height:56px}.sns-feed{height:calc(100% - 56px);padding:12px 18px;overflow:hidden}.sns-post{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.sns-post header{padding:10px 14px}.sns-post header img{width:36px;height:36px}.sns-media{aspect-ratio:auto;min-height:0;touch-action:pan-y;cursor:grab}.sns-media:active{cursor:grabbing}.sns-track{display:flex;width:100%;height:100%;will-change:transform}.sns-slide{flex:0 0 100%;width:100%;height:100%;display:grid;place-items:center;background:#11141a}.sns-slide img{display:block;width:100%;height:100%;object-fit:contain}.sns-counter{position:absolute;z-index:3;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#0009;font-size:11px}.sns-body{padding:9px 14px 11px;overflow:auto}.sns-actions{gap:8px}.sns-actions button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:none;color:#fff;font-size:24px;line-height:1}.sns-actions .bookmark{margin-left:auto;font-size:22px}.sns-likes{margin-top:2px}.sns-body p{margin:7px 0;line-height:1.42}.sns-comments{gap:4px}.sns-body time{margin-top:7px}.sns-post.is-ready .sns-media>img{animation:none}
@media(max-width:600px){.chat-card{height:100dvh}.soop-camera{width:100vw;height:min(748px,100dvh)}.sns-shell{width:100vw;height:min(748px,100dvh);border:0}.sns-feed{padding-inline:0}.sns-post{border-radius:0;border-left:0;border-right:0}}

/* v4.6 wider default layout, SNS arrow navigation */
@media (min-width: 601px){
  .chat-card{width:min(1080px,calc(100vw - 36px))}
  .soop-camera{width:min(675px,calc(100vw - 12px))}
  .sns-shell{width:min(900px,calc(100vw - 12px))}
}
.sns-media{cursor:default;touch-action:auto}
.sns-media:active{cursor:default}
.sns-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:64px;border:1px solid #ffffff2a;border-radius:16px;background:#0008;color:#fff;font-size:38px;line-height:1;backdrop-filter:blur(10px);cursor:pointer}
.sns-arrow:hover{background:#000b}
.sns-arrow:disabled{opacity:.22;cursor:default}
.sns-prev{left:14px}.sns-next{right:14px}
@media(max-width:600px){.sns-arrow{width:42px;height:58px}.sns-prev{left:8px}.sns-next{right:8px}}

/* v4.7 iframe 800px fit, restored widths and polished comments */
html,body{width:100%;height:100%;min-height:0;overflow:hidden}
.app{width:100%;height:100%;min-height:0;padding:10px;overflow:hidden}
.chat-card{width:min(720px,100%);height:min(780px,100%)}
.soop-camera{width:min(450px,100%);height:min(780px,100%);max-height:100%;flex:0 0 auto}
.soop-bottom{bottom:22px}
.soop-photo-frame{top:43%}
.camera-nav span{margin-top:-300px}
.sns-shell{width:min(900px,100%);height:min(780px,100%);max-height:100%}
.sns-comments{position:relative;max-height:124px;overflow-y:auto;padding-top:28px;margin-top:-10px;scrollbar-width:thin;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 14px,#000 42px,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 14px,#000 42px,#000 100%)}
.sns-comment{padding:2px 0;line-height:1.45}
@media(min-width:601px){.chat-card{width:min(720px,calc(100vw - 20px))}.soop-camera{width:min(450px,calc(100vw - 20px))}}
@media(max-width:600px){.app{padding:0}.chat-card,.soop-camera,.sns-shell{height:100%;max-height:100%}}

/* v4.8 frame-safe camera, polished chat scrollbar, SNS overlay swap */
.messages{scrollbar-width:thin;scrollbar-color:#7b68ee55 transparent;scrollbar-gutter:stable}
.messages::-webkit-scrollbar{width:9px}
.messages::-webkit-scrollbar-track{background:transparent}
.messages::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:linear-gradient(#9a86ff,#6e5bd8) padding-box}
.messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b5a6ff,#806cf0) padding-box}

.soop-camera{width:450px!important;min-width:450px;height:780px!important;min-height:780px;max-width:450px!important;max-height:780px!important;flex:none!important;contain:layout paint}
.soop-photo-frame{width:450px!important;height:450px!important;aspect-ratio:auto!important;top:335px!important;transform:translate(-50%,-50%)!important}
.camera-stage{width:450px;height:780px;overflow:hidden}
.soop-bottom{bottom:24px!important}
.camera-nav span{margin-top:-300px!important}
@media(max-width:470px){.soop-camera{width:100vw!important;min-width:0;max-width:100vw!important;height:100%!important;min-height:0;max-height:100%!important}.camera-stage{width:100%;height:100%}.soop-photo-frame{width:100%!important;height:auto!important;aspect-ratio:1/1!important;top:43%!important}}

.sns-post{grid-template-rows:auto minmax(0,1fr) auto!important}
.sns-body{position:relative;z-index:4;margin-top:-92px;padding:48px 16px 14px!important;overflow:visible!important;background:linear-gradient(to bottom,transparent 0,rgba(19,22,29,.72) 34px,#13161d 94px,#13161d 100%)}
.sns-comments{order:0;max-height:104px;margin:0 0 8px;padding:20px 0 4px;overflow-y:auto;mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%)}
.sns-feed-info{order:1;position:relative;z-index:2}
.sns-feed-info time{display:block;margin-top:7px;color:#777f8d;font-size:11px}

/* Admin previews mirror generated room structure */
.live-preview{display:grid;place-items:center;padding:10px;background:transparent}
.preview-chat-card{width:min(720px,100%);height:780px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #ffffff18;border-radius:28px;background:#11151e;color:#f7f8fb}
.preview-chat-card header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px}.preview-chat-card h1{margin:0;font-size:18px}.preview-chat-card header p{margin:4px 0 0;color:#99a1b1;font-size:12px}
.preview-messages{overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#7b68ee55 transparent}.preview-msg{margin:8px 0;display:flex;flex-direction:column;align-items:flex-start}.preview-msg.owner{align-items:flex-end}.preview-msg>span{font-size:10px;color:#9299a8}.preview-message-row{display:flex;align-items:flex-end;gap:7px;max-width:85%}.preview-msg.owner .preview-message-row{flex-direction:row-reverse}.preview-bubble{max-width:100%;padding:10px 12px;border-radius:16px;background:#252b39}.preview-msg.owner .preview-bubble{background:linear-gradient(135deg,#7559ee,#b252e8)}.preview-bubble p{margin:3px 0}.preview-message-image{display:block;width:220px;max-width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#090b10}.preview-message-image img{display:block;width:100%;height:auto}.preview-message-row time{font-size:10px;color:#7f8796}
.preview-chat-controls{background:#11151ef5;border-top:1px solid #ffffff12}.preview-roles{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 12px}.preview-roles button{height:34px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff0b;color:#a8afbd}.preview-roles button.active{color:#fff;border-color:#8b74ff;background:#7658ee22}.preview-chat-controls form{display:flex;gap:8px;padding:10px 12px}.preview-chat-controls textarea{flex:1;resize:none;border:1px solid #ffffff18;border-radius:18px;padding:11px;background:#ffffff0b;color:#fff}.preview-chat-controls form button{border:0;border-radius:16px;padding:0 18px;background:#7658ee;color:#fff}

.preview-camera-frame{width:450px!important;min-width:450px;height:780px!important;min-height:780px;max-width:450px!important;max-height:780px!important;flex:none!important}
.preview-photo-frame{width:450px!important;height:450px!important;aspect-ratio:auto!important;top:335px!important}
.preview-camera-stage{width:450px;height:780px;overflow:hidden}.preview-camera-bottom{bottom:24px!important}.preview-camera-nav span{margin-top:-300px!important}

.preview-sns-shell{width:min(900px,100%);height:780px;overflow:hidden;border:1px solid #ffffff16;background:linear-gradient(180deg,#10131a,#090b0f);color:#f7f8fb}.preview-sns-top{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.preview-sns-top b span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#ff4f8b)}.preview-sns-feed{height:calc(100% - 56px);padding:12px 18px}.preview-sns-post{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #ffffff16;border-radius:22px;background:#13161d}.preview-sns-post header{display:flex;align-items:center;gap:11px;padding:10px 14px}.preview-sns-post header img,.preview-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#7359ff,#ff4f8b)}.preview-sns-post header div{display:grid;flex:1}.preview-sns-post header span{font-size:12px;color:#9aa1ad}.preview-sns-media{position:relative;min-height:0;overflow:hidden;background:#11141a}.preview-sns-track,.preview-sns-slide{width:100%;height:100%}.preview-sns-slide{display:grid;place-items:center}.preview-sns-slide img{width:100%;height:100%;object-fit:contain}.preview-sns-placeholder{color:#7f8797}.preview-sns-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:64px;border:1px solid #ffffff2a;border-radius:16px;background:#0008;color:#fff;font-size:38px}.preview-sns-arrow.left{left:14px}.preview-sns-arrow.right{right:14px}.preview-sns-counter{position:absolute;z-index:5;right:12px;top:12px;padding:5px 9px;border-radius:999px;background:#0009;font-size:11px}.preview-sns-body{position:relative;z-index:4;margin-top:-92px;padding:48px 16px 14px;background:linear-gradient(to bottom,transparent 0,rgba(19,22,29,.72) 34px,#13161d 94px,#13161d 100%)}.preview-sns-comments{max-height:104px;padding:20px 0 4px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%);font-size:13px}.preview-sns-comments div{padding:2px 0}.preview-sns-actions{display:flex;gap:8px}.preview-sns-actions button{width:38px;height:38px;border:0;background:none;color:#fff;font-size:24px}.preview-sns-actions .bookmark{margin-left:auto}.preview-sns-info>p{margin:7px 0;line-height:1.42}.preview-sns-info time{color:#777f8d;font-size:11px}
@media(max-width:900px){.preview-chat-card,.preview-sns-shell{height:680px}.preview-camera-frame{transform:scale(.87);transform-origin:top center;margin-bottom:-100px}}