:root{--bg:#f2f0eb;--ink:#151515}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}body{overflow:hidden;background:var(--bg);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,[role=button]:focus-visible{outline:3px solid #e3bd77;outline-offset:3px}svg{display:block}
.app{position:relative;width:100%;height:100svh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 75% 70% at 50% 43%,#faf9f6,#f1efea 69%,#eae7e1 100%);isolation:isolate}
.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 13% at 52% 79%,#554d4325,transparent 100%),repeating-linear-gradient(89deg,transparent 0,transparent 90px,#756e6506 91px,#fff4 93px);opacity:.63}.viewport{position:absolute;inset:0;touch-action:pan-y;overflow:hidden}.scene{position:absolute;left:50%;top:50%;transform-origin:center;width:1200px;height:950px;isolation:isolate;will-change:transform}.fan{position:absolute;inset:0;pointer-events:none}
.video-card{position:absolute;left:0;top:0;width:352px;height:620px;transform-origin:50% 88%;overflow:hidden;border-radius:18px;background:#242323;box-shadow:0 25px 35px #28241e40,0 4px 10px #08080734,0 0 0 1px #ffffff18 inset;isolation:isolate;cursor:pointer;pointer-events:auto;user-select:none;transition:transform .68s cubic-bezier(.19,.83,.17,1),opacity .37s ease,filter .4s;backface-visibility:hidden;will-change:transform}.video-card.is-front{box-shadow:0 38px 46px #28241e50,0 9px 14px #08080732,0 0 0 1px #ffffff22 inset}.card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:#161718}.card-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0003,transparent 21%,transparent 51%,#0002 68%,#000b 100%)}.glass-sheen{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(108deg,#fff2 0%,transparent 17%,transparent 77%,#fff1 100%);box-shadow:inset 0 0 0 .8px #ffffff50,inset 1px 1px 0 #ffffff1b}
.card-actions{position:absolute;right:10px;bottom:98px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;filter:drop-shadow(0 1px 2px #0009)}.card-action{border:0;background:transparent;color:inherit;display:flex;align-items:center;flex-direction:column;gap:1px;padding:1px;min-width:39px}.card-action svg{height:28px;width:28px;stroke-width:1.9}.card-action .count{font-size:11px;font-weight:650;text-shadow:0 1px 2px #000b}.card-action.is-liked svg{fill:#f05266;stroke:#f05266}.card-action:hover svg{transform:scale(1.09)}
.card-info{position:absolute;left:13px;right:60px;bottom:28px;z-index:4;color:#fff;text-shadow:0 2px 4px #000c}.creator{display:flex;align-items:center;gap:7px;min-width:0}.creator-pic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#c4a98e,#6f665a);border:1.5px solid #fff8;font-size:12px;font-weight:750}.creator-name{font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow{border:1px solid #fff;background:#1d1d1d38;border-radius:999px;color:#fff;font-size:11px;font-weight:650;padding:5px 11px;backdrop-filter:blur(5px);flex:none}.follow.on{color:#191919;background:#fff;text-shadow:none}.caption{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:9px;opacity:.94}.clip-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff65;z-index:5}.clip-progress div{height:100%;width:0;background:#f7f6f2}.front-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) scale(.84);border-radius:50%;width:68px;height:68px;display:grid;place-items:center;background:#0c0c0c5a;color:white;backdrop-filter:blur(8px);border:1px solid #ffffff70;opacity:0;z-index:7;pointer-events:none;transition:opacity .2s,transform .2s}.front-play svg{width:30px;height:30px}.video-card.is-front:hover .front-play,.video-card.is-front.is-paused .front-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card.is-front:focus-within .front-play{opacity:1}
.video-card.error:after{content:'Video unavailable · check MP4 encoding';position:absolute;left:9px;right:9px;top:40%;color:#fff;text-align:center;font-size:12px;text-shadow:0 2px 3px #000;background:#0008;border-radius:8px;padding:9px;z-index:10}
/* Transparent stack: no tin, lid, metallic box or frame. Twenty independent glass card edges. */
.deck{position:absolute;top:643px;left:468px;width:280px;height:280px;perspective:1000px;z-index:1;cursor:pointer;transform:rotate(-13deg);transform-origin:center;transition:filter .25s}.deck:hover{filter:brightness(1.08)}.deck-floor{position:absolute;left:-40px;top:145px;width:360px;height:130px;border-radius:50%;background:#211e1a39;filter:blur(26px);transform:rotate(8deg)}.deck-depth{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.deck-layer{position:absolute;top:8px;left:10px;width:260px;height:380px;border-radius:16px;background:linear-gradient(130deg,#f8f9f5e8,#bfc4c2b8 39%,#eee 73%,#909896bd);border:1.2px solid #fff9;box-shadow:0 1px 2px #2224;transform-origin:50% 0;transform:translateY(var(--rise)) rotateX(62deg) rotateY(-9deg);backface-visibility:visible}.deck-layer:nth-child(4n){background:linear-gradient(130deg,#8d9696c9,#f2f4f3f0 35%,#8d9296c4)}.deck-top{position:absolute;top:8px;left:10px;width:260px;height:380px;overflow:hidden;border-radius:16px;background:#191919;transform-origin:50% 0;transform:rotateX(62deg) rotateY(-9deg);box-shadow:0 7px 15px #13131350,inset 0 0 0 2px #fff5;backface-visibility:visible;border:1px solid #ffffff75}.deck-top video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.deck-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff6,transparent 20%,transparent 70%,#fff2);box-shadow:inset 0 0 0 2px #fff5}
.toolbar{position:absolute;z-index:30;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center}.tool{height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 20px;border-radius:999px;background:#242323;color:#fff;border:1px solid #ffffff3c;box-shadow:0 7px 20px #0002;font-size:13px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.tool-icon{width:18px;height:18px}.tool svg{width:18px;height:18px}.tool[hidden]{display:none}.tool.auto.running{background:#f3f0e9;color:#191919;border:1px solid #b2aea6}
.notice{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:38;background:#fff;color:#333;padding:10px 14px;border-radius:10px;box-shadow:0 3px 20px #0002;font-size:12px;max-width:90vw;text-align:center}.notice[hidden]{display:none}
.theater{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden;color:white;font-size:14px}.theater[hidden]{display:none}.theater-stage{position:absolute;top:0;bottom:0;left:50%;width:min(100%,calc(100dvh * .5625));transform:translateX(-50%);background:#090909;overflow:hidden}.theater-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.center-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:0;border-radius:50%;background:#0007;backdrop-filter:blur(5px);color:white;display:grid;place-items:center;opacity:0;transition:opacity .2s}.center-toggle svg{height:33px;width:33px}.theater.is-paused:not(.ui-hidden) .center-toggle,.theater-stage:hover .center-toggle{opacity:1}
.theater-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .3s}.theater.ui-hidden .theater-overlay{opacity:0}.theater-overlay button,.full-progress{pointer-events:auto}.theater-exit{position:absolute;top:max(19px,env(safe-area-inset-top));right:24px;border:0;background:#272727ad;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.theater-exit svg{width:22px;height:22px}.theater-steps{position:absolute;top:43%;right:24px;display:flex;flex-direction:column;gap:13px}.theater-steps button{width:42px;height:42px;color:#fff;display:grid;place-items:center;background:#282828c7;border:0;border-radius:50%}.theater-steps svg{width:23px;height:23px}
.full-actions{position:absolute;right:25px;bottom:95px;display:flex;flex-direction:column;gap:13px;align-items:center}.theater .card-action{color:#fff;filter:drop-shadow(0 1px 2px #000)}.full-info{position:absolute;bottom:52px;left:26px;max-width:min(570px,72vw);text-shadow:0 1px 5px #000b}.full-info .creator-pic{width:34px;height:34px}.full-info .creator-name{font-size:14px}.full-info .caption{font-size:12px;margin-top:9px}.full-progress{position:absolute;bottom:21px;left:26px;right:98px;height:5px;background:#ffffff5c;border-radius:999px;overflow:hidden;cursor:pointer}.full-progress-fill{background:#f0dc8d;width:0;height:100%}.full-time{position:absolute;right:25px;bottom:15px;font-weight:550;font-variant-numeric:tabular-nums}
.menu{position:fixed;z-index:180;min-width:175px;background:#1b1b1bf0;backdrop-filter:blur(10px);border:1px solid #ffffff20;padding:5px;border-radius:12px;box-shadow:0 15px 50px #0006}.menu[hidden]{display:none}.menu button{display:block;background:transparent;border:0;color:#fff;width:100%;text-align:left;padding:12px;border-radius:7px;font-size:13px}.menu button:hover{background:#ffffff20}.toast{position:fixed;z-index:250;bottom:80px;left:50%;transform:translateX(-50%);background:#171717ed;color:white;border-radius:99px;padding:11px 16px;pointer-events:none;opacity:0;transition:opacity .2s;font-size:12px;max-width:90vw;text-align:center}.toast.show{opacity:1}
@media(max-width:700px){.scene{width:430px;height:860px}.video-card{width:274px;height:492px;border-radius:13px}.card-actions{right:9px;bottom:78px;gap:8px}.card-action svg{width:24px;height:24px}.card-action .count{font-size:10px}.card-info{left:11px;right:52px;bottom:24px}.creator-pic{width:26px;height:26px}.creator-name{font-size:11px}.follow{font-size:10px;padding:4px 8px}.caption{font-size:10px;margin-top:7px}.front-play{width:54px;height:54px}.front-play svg{width:26px;height:26px}
.deck{left:127px;top:640px;width:194px;height:195px;perspective:800px;transform:rotate(-15deg)}.deck-floor{left:-30px;top:105px;width:260px;height:95px;filter:blur(18px)}.deck-layer,.deck-top{left:4px;top:0;width:189px;height:265px;border-radius:11px}.deck-layer{transform:translateY(var(--rise)) rotateX(62deg) rotateY(-9deg)}.deck-top{transform:rotateX(62deg) rotateY(-9deg)}.toolbar{bottom:max(10px,env(safe-area-inset-bottom))}.tool{height:42px;padding:0 17px}.theater-stage{width:100%;height:100%;left:0;transform:none}.theater-exit{top:max(12px,env(safe-area-inset-top));left:14px;right:auto}.theater-steps{right:13px;top:40%}.theater-steps button{width:34px;height:34px}.full-actions{right:11px;bottom:112px;gap:11px}.full-info{left:13px;bottom:48px;max-width:calc(100vw - 84px)}.full-progress{left:14px;right:68px;bottom:20px}.full-time{right:13px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.video-card,.deck,.center-toggle,.theater-overlay{transition-duration:.01ms!important}}
/* V5: light, sculptural glass cards and closer handset composition */
.app{background:radial-gradient(ellipse 68% 57% at 50% 36%,#fffdfa 0%,#f3f1ec 78%,#e9e5de 100%)}
.header-tools{position:absolute;z-index:40;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;pointer-events:none}
.header-spacer{flex:1}.header-tool{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c5c1ba;background:#fffdfadf;color:#272521;height:38px;padding:0 13px;border-radius:100px;box-shadow:0 2px 12px #00000015;font-size:12px;font-weight:650;backdrop-filter:blur(12px)}.header-tool .tool-icon{height:16px;width:16px}.header-tool svg{height:16px;width:16px}.header-tool[hidden]{display:none}.header-tool[disabled]{opacity:.38;cursor:not-allowed}.header-tool.active{background:#212121;color:white}.arrange-icon{font-size:15px}
.toolbar{bottom:max(13px,env(safe-area-inset-bottom))}.toolbar #unusedUndo{display:none!important}
.creator{gap:6px;min-width:0}.creator-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:0 1 auto}.creator-name{max-width:100%;font-size:13px}.views-inline{display:flex;gap:4px;align-items:center;font-weight:640;font-size:10px;opacity:.97;font-variant-numeric:tabular-nums;white-space:nowrap}.views-inline svg{height:15px;width:15px;stroke-width:2.1;transform-origin:center}.video-card.is-front .views-inline svg{animation:eye-draw-attention 1.2s cubic-bezier(.18,.8,.25,1) both}@keyframes eye-draw-attention{0%,100%{transform:scale(1)}34%{transform:scale(2)}65%{transform:scale(1.36)}}
.card-actions{bottom:91px;gap:12px}.card-volume{position:absolute;right:10px;top:14px;z-index:6;color:#fff;text-shadow:0 1px 2px #000;filter:drop-shadow(0 2px 4px #000a)}.card-volume .card-action{background:#10101054;border:1px solid #ffffff22;border-radius:50%;width:35px;height:35px;min-width:35px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(7px)}.card-volume .card-action svg{width:19px;height:19px}.card-volume .count{display:none}.card-info{bottom:24px}.video-card{border-radius:14px}.glass-sheen{background:linear-gradient(102deg,#fff1 0%,transparent 19%,transparent 76%,#fff2 100%);box-shadow:inset 0 0 0 .8px #ffffff35}
/* Horizontal flying-stack deck: flat preview, 20 distinct lightly animated glass edges */
.deck{perspective:1200px;transform-origin:40% 28%;z-index:1}.deck-layer,.deck-top{transform:rotateX(var(--deck-tilt,74deg)) rotateY(var(--deck-yaw,-7deg));transform-origin:50% 5%;background:linear-gradient(143deg,#e9ececda,#9ba3a2c0 44%,#d6dbd9e6 81%,#f1f2ee);border:1px solid #c2c6c3;box-shadow:inset 0 0 0 1px #ffffff65,0 1px 4px #0003}.deck-layer{transform:translateY(calc(var(--index, 1) * var(--layer-gap,1.65px))) rotateX(var(--deck-tilt,74deg)) rotateY(var(--deck-yaw,-7deg));animation:glass-edge-breathe 4s ease-in-out infinite alternate;animation-delay:calc(var(--row, 1) * -.13s)}.deck-layer:nth-child(3n){background:linear-gradient(125deg,#dfe3e2,#9a9e9c 39%,#ededeb 78%)}.deck-top{border:1px solid #ffffff78;box-shadow:0 5px 24px #0007,inset 0 0 0 1px #fff5}.deck-top video{filter:saturate(.9)}.deck-glare{background:linear-gradient(108deg,transparent 2%,#fff5 20%,transparent 35%,transparent 77%,#fff3);background-size:230% 100%;animation:deck-glare-shift 5s ease-in-out infinite alternate;box-shadow:inset 0 0 0 1px #fff5}.deck-floor{opacity:.62;filter:blur(26px)}
@keyframes glass-edge-breathe{from{filter:brightness(.96)}to{filter:brightness(1.12)}}@keyframes deck-glare-shift{from{background-position:20% 0}to{background-position:90% 0}}
.deck-hint{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);border-radius:99px;background:#c6292c;color:white;z-index:5;font-size:11px;font-weight:800;letter-spacing:.13em;padding:7px 13px;box-shadow:0 5px 17px #0006;white-space:nowrap;text-shadow:none}.deck-hint[hidden]{display:none}
.full-volume{position:absolute;right:24px;top:83px;pointer-events:auto}.full-volume .card-action{color:#fff;background:#2828289e;border:1px solid #ffffff33;width:42px;height:42px;min-width:42px;border-radius:50%;display:grid;place-items:center}.full-volume .card-action svg{width:23px;height:23px}.full-volume .card-action .count{display:none}.full-actions{bottom:100px}.full-info .creator-meta{gap:4px}.full-info .views-inline svg{width:18px;height:18px}.full-info .views-inline{font-size:11px}
.layout-editor{position:fixed;z-index:70;top:65px;right:15px;width:340px;max-height:calc(100dvh - 100px);overflow-y:auto;background:#fffefaf2;border:1px solid #ded9d0;border-radius:18px;box-shadow:0 24px 65px #0003;padding:13px 14px;backdrop-filter:blur(16px);color:#20201e;font-size:12px}.layout-editor[hidden]{display:none}.layout-editor .edit-head{display:flex;align-items:center;gap:12px;font-size:15px}.edit-head strong{font-size:15px}.edit-head span{margin-left:auto;color:#777067;font-size:11px}.edit-head button{border:0;background:#eae7e0;color:#292723;font-size:22px;border-radius:30px;width:27px;height:27px;line-height:1}.edit-note{font-size:11px;color:#6d685e;margin:8px 0 10px}.edit-row{display:flex;align-items:center;gap:13px}.edit-row label{font-weight:700}.edit-row select{flex:1;min-width:0;padding:8px;border:1px solid #d5d0c6;border-radius:8px;background:white;font-size:12px}.editor-controls{display:flex;flex-direction:column;gap:8px;margin:12px 0}.edit-field{display:grid;grid-template-columns:72px minmax(60px,1fr) 62px;align-items:center;gap:8px}.edit-field label{font-weight:600;color:#534d47}.edit-field input[type=range]{width:100%;accent-color:#2a2a29}.edit-field input[type=number]{min-width:0;width:62px;border:1px solid #d6d2cb;padding:6px 4px;font-size:12px;border-radius:7px;background:#fff;text-align:center}.edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.edit-actions button{border-radius:9px;border:1px solid #d8d5ce;background:#f5f2ec;color:#222;font-size:11px;font-weight:650;min-height:36px}.edit-actions button:disabled{opacity:.34}.edit-actions .edit-copy{grid-column:span 2;background:#1e1e1e;color:#fff;font-size:13px;min-height:41px;border:0}.edit-feedback{font-size:11px;color:#656059;margin-top:9px;min-height:14px}.editing .video-card,.editing .deck{touch-action:none;cursor:grab}.editing .video-card:active,.editing .deck:active{cursor:grabbing}.editing .video-card.edit-selected{outline:3px solid #bd3933;outline-offset:3px}.editing .deck.edit-selected .deck-top{outline:4px solid #bd3933;outline-offset:5px}.editing .video-card .card-action,.editing .video-card .follow{pointer-events:none}
.comments-modal{position:fixed;inset:0;z-index:190;background:#0008;display:grid;place-items:end center}.comments-modal[hidden]{display:none}.comments-sheet{width:min(480px,100%);height:min(520px,80dvh);display:flex;flex-direction:column;background:#fcfbf9;color:#222;border-radius:20px 20px 0 0;box-shadow:0 -15px 40px #0005}.comments-sheet header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e9e6e0}.comments-sheet header strong{font-size:16px}.comments-sheet header button{background:transparent;border:0;font-size:28px;width:30px;color:#444}.comments-list{flex:1;overflow-y:auto;padding:20px}.empty-comments{font-size:13px;color:#807b73;text-align:center;padding-top:28px}.comment-entry{border-bottom:1px solid #eee;padding:7px 0}.comment-entry strong{font-size:12px}.comment-entry p{font-size:13px;margin:5px 0 9px}.comments-sheet form{padding:13px;display:flex;gap:8px;border-top:1px solid #eee}.comments-sheet input{min-width:0;flex:1;border-radius:30px;border:1px solid #ddd;padding:10px 13px;font-size:13px}.comments-sheet form button{border:0;background:#222;color:white;border-radius:30px;padding:9px 18px}
@media(max-width:700px){.scene{width:430px;height:860px}.header-tools{left:10px;right:10px;top:max(10px,env(safe-area-inset-top))}.header-tool{height:36px;padding:0 11px;font-size:11px}.creator-pic{width:29px;height:29px}.creator-name{font-size:11px}.creator-meta{gap:1px}.views-inline{font-size:9px;gap:3px}.views-inline svg{width:13px;height:13px}.card-info{left:10px;right:53px;bottom:23px}.follow{padding:4px 8px}.card-actions{right:8px;bottom:81px;gap:9px}.card-volume{right:8px;top:10px}.card-volume .card-action{height:31px;width:31px;min-width:31px}.card-volume svg{height:17px!important;width:17px!important}.deck{width:194px;height:195px;perspective:850px}.deck-layer,.deck-top{left:3px;top:0;width:189px;height:265px;border-radius:10px}.deck-floor{top:90px}.deck-hint{font-size:9px;padding:7px 10px}.full-volume{right:12px;top:60px}.full-volume .card-action{width:35px;height:35px;min-width:35px}.full-info .views-inline{font-size:10px}.layout-editor{left:9px;right:9px;top:auto;bottom:max(58px,env(safe-area-inset-bottom));width:auto;max-height:min(57dvh,480px);padding:12px}.editor-controls{gap:5px;margin:9px 0}.edit-field{grid-template-columns:72px minmax(60px,1fr) 64px}.edit-note{margin:5px 0 8px}.edit-actions button{min-height:31px}.edit-actions .edit-copy{min-height:36px}.editing .layout-editor{box-shadow:0 3px 35px #0004}}
@media(prefers-reduced-motion:reduce){.deck-layer,.deck-glare,.views-inline svg{animation:none!important}}

/* V5 finishing geometry: the red instruction sits on the near glass edge rather than being flattened with the video. */
.deck-hint{left:58%;bottom:auto;top:141px;transform:translateX(-50%) rotate(7deg);font-size:11px;padding:7px 12px;pointer-events:none}
@media(max-width:700px){.deck-hint{top:123px;left:52%;font-size:10px;padding:6px 12px}}
@media(max-width:700px){.layout-editor{top:max(54px,calc(env(safe-area-inset-top) + 49px));bottom:auto;max-height:min(56dvh,490px)}}

/* V6: Admin is a separate route; no arrangement controls appear on the public feed. */
.admin-page .app{background:#e9e7e2}.admin-page .viewport{inset:58px 365px 24px 24px;border-radius:21px;background:radial-gradient(ellipse at 50% 38%,#fffefa,#f0eee9);box-shadow:inset 0 0 0 1px #c7c1b5,0 12px 30px #0000000c}
.admin-page .layout-editor{top:58px;right:16px;left:auto;bottom:auto;width:335px;max-height:calc(100dvh - 78px)}
.admin-page .header-tools{max-width:none}.admin-page .admin-view-link{text-decoration:none}
.admin-page .layout-editor .edit-device-choice{margin:13px 0 12px}.edit-zoom{margin:7px 0 12px}.edit-zoom input[type=range]{min-width:0;flex:1;accent-color:#292724}.edit-zoom input[type=number]{width:64px;border:1px solid #d5d0c6;border-radius:8px;padding:7px;text-align:center}.edit-zoom[hidden]{display:none}
.admin-page.admin-preview-mobile .viewport{width:min(425px,calc(100vw - 415px));max-width:425px;right:auto;left:max(14px,calc((100vw - 375px - 425px)/2));top:58px;bottom:22px}
/* Simulate the exact phone-size 430×860 scene, even when admin is opened on desktop. */
.admin-page.admin-preview-mobile .scene{width:430px;height:860px}
.admin-page.admin-preview-mobile .video-card{width:274px;height:492px;border-radius:13px}
.admin-page.admin-preview-mobile .card-actions{right:8px;bottom:81px;gap:9px}
.admin-page.admin-preview-mobile .card-action svg{width:24px;height:24px}
.admin-page.admin-preview-mobile .card-action .count{font-size:10px}
.admin-page.admin-preview-mobile .card-info{left:10px;right:53px;bottom:23px}
.admin-page.admin-preview-mobile .creator-pic{width:29px;height:29px}
.admin-page.admin-preview-mobile .creator-name{font-size:11px}
.admin-page.admin-preview-mobile .creator-meta{gap:1px}
.admin-page.admin-preview-mobile .views-inline{font-size:9px;gap:3px}
.admin-page.admin-preview-mobile .views-inline svg{width:13px;height:13px}
.admin-page.admin-preview-mobile .follow{font-size:10px;padding:4px 8px}
.admin-page.admin-preview-mobile .caption{font-size:10px;margin-top:7px}
.admin-page.admin-preview-mobile .card-volume{right:8px;top:10px}
.admin-page.admin-preview-mobile .card-volume .card-action{height:31px;width:31px;min-width:31px}
.admin-page.admin-preview-mobile .deck{width:194px;height:195px;perspective:850px}
.admin-page.admin-preview-mobile .deck-layer,.admin-page.admin-preview-mobile .deck-top{left:3px;top:0;width:189px;height:265px;border-radius:10px}
.admin-page.admin-preview-mobile .deck-floor{top:90px}
.admin-page.admin-preview-mobile .deck-hint{top:123px;left:52%;font-size:10px;padding:6px 12px}
/* Desktop edit preview on a narrow physical phone must use desktop geometry. */
.admin-page.admin-preview-desktop .scene{width:1200px;height:950px}
.admin-page.admin-preview-desktop .video-card{width:352px;height:620px;border-radius:14px}
.admin-page.admin-preview-desktop .card-actions{right:10px;bottom:91px;gap:12px}
.admin-page.admin-preview-desktop .card-action svg{width:28px;height:28px}
.admin-page.admin-preview-desktop .card-info{left:13px;right:60px;bottom:24px}
.admin-page.admin-preview-desktop .creator-pic{width:32px;height:32px}
.admin-page.admin-preview-desktop .creator-name{font-size:13px}
.admin-page.admin-preview-desktop .deck{width:280px;height:280px;perspective:1200px}
.admin-page.admin-preview-desktop .deck-layer,.admin-page.admin-preview-desktop .deck-top{left:10px;top:8px;width:260px;height:380px;border-radius:16px}
.admin-page.admin-preview-desktop .deck-floor{top:145px}
.admin-page.admin-preview-desktop .deck-hint{left:58%;top:141px;font-size:11px}
@media(max-width:800px){.admin-page .viewport,.admin-page.admin-preview-mobile .viewport{inset:55px 8px 42px;left:8px;right:8px;width:auto;max-width:none;border-radius:12px}.admin-page .layout-editor{position:fixed;top:max(59px,calc(env(safe-area-inset-top) + 49px));left:9px;right:9px;bottom:auto;width:auto;max-height:51dvh;padding:12px}.admin-page .header-tools{top:10px}.admin-page .header-tool{height:34px;padding:0 10px}.admin-page .edit-note{font-size:11px}}