#wone{ position:absolute; inset:0; z-index:95; overflow:hidden; touch-action:none;
  -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; background:#ff8fb1; }
#wone[hidden]{ display:none; }
#wone.wo-window{ position:fixed; inset:0; z-index:97000; }
body.wo-window-on .al-stamps, body.wo-window-on .al-stamps-fly, body.wo-window-on .al-power{ z-index:97001; }
#wone .wo-back{ position:absolute; inset:0; pointer-events:none; }
#wone .wo-backpic{ width:100%; height:100%; object-fit:cover; display:block; }
#wone .wo-stage, #wone .wo-fx, #wone .wo-room{ position:absolute; inset:0; }
#wone .wo-room{ pointer-events:none; }
#wone .wo-prop{ position:absolute; left:0; top:0; display:block; filter:drop-shadow(0 10px 10px rgba(0,0,0,.22)); }
#wone .wo-slot{ position:absolute; overflow:hidden; pointer-events:none; z-index:4; }
#wone .wo-slot .wo-photo{ position:absolute; }
#wone .wo-curl{ position:absolute; z-index:6; pointer-events:none; }
#wone .wo-curl-page{ background:#fff8ec; overflow:hidden; position:relative; }
#wone .wo-page{ position:absolute; background:#fff8ec; border-radius:4px 10px 10px 4px; box-shadow:0 4px 10px rgba(0,0,0,.25); z-index:5; pointer-events:none; backface-visibility:hidden; }
#wone .wo-fx{ pointer-events:none; }
#wone .wo-card{ position:absolute; left:0; top:0; box-sizing:border-box; cursor:pointer; }
#wone .wo-card .wo-pic img, #wone .wo-card .wo-pic .alw-pic{ filter:drop-shadow(0 12px 10px rgba(0,0,0,.35)); }   
#wone .wo-card-paper{ border-radius:26px; background:#fff; box-shadow:0 10px 0 rgba(0,0,0,.14), 0 18px 30px rgba(0,0,0,.28); }
#wone .wo-card-paper .wo-pic img, #wone .wo-card-paper .wo-pic .alw-pic{ filter:none; }
#wone .wo-pic{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:16px; }
#wone .wo-pic img, #wone .wo-pic .alw-pic{ width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; display:block; pointer-events:none; }
#wone .wo-pill{ position:absolute; left:0; top:0; z-index:2; cursor:pointer; box-sizing:border-box;
  background:#fff; border-radius:999px; padding:12px 34px; white-space:nowrap;
  font-family:var(--font-read); font-size:34px; font-weight:800; color:#1d2433;
  box-shadow:0 5px 0 rgba(0,0,0,.18), 0 10px 24px rgba(0,0,0,.2); }
#wone .wo-pill:has(#wone-pill:empty){ display:none; }
#wone .wo-pill .syl-plain{ transition:color .1s ease; }
#wone .wo-pill .syl-plain.lit{ color:#FF3060; }
#wone .wo-camera{ position:absolute; left:0; top:0; pointer-events:none; z-index:1; }
#wone .wo-campic{ width:100%; display:block; filter:drop-shadow(0 14px 14px rgba(0,0,0,.28)); }
#wone .wo-campic-svg{ width:100%; aspect-ratio:340/300; }
#wone .wo-camflash{ position:absolute; right:-6%; top:-22%; width:38%; aspect-ratio:1; opacity:0; pointer-events:none; }
#wone .wo-flash{ position:absolute; inset:0; background:#fff; opacity:0; pointer-events:none; z-index:3; }
#wone .wo-book{ position:absolute; left:0; top:0; pointer-events:none; z-index:1; }
#wone .wo-bookpic{ width:100%; display:block; filter:drop-shadow(0 12px 12px rgba(0,0,0,.25)); }
#wone .wo-bookpic-svg{ width:100%; aspect-ratio:440/240; }
#wone .wo-pages{ position:absolute; inset:0; }
#wone .wo-photo{ position:absolute; left:0; top:0; z-index:4; pointer-events:none; transform-style:preserve-3d; }
#wone .wo-pages .wo-photo-inbook{ z-index:1; }
#wone .wo-pages .wo-photo-inbook .wo-photo-paper{ box-shadow:0 2px 4px rgba(0,0,0,.25); }
#wone .wo-photo-paper{ position:absolute; inset:0; background:#fff; border-radius:6px; box-shadow:0 6px 14px rgba(0,0,0,.3); filter:brightness(var(--wo-photo-bright,1));
  padding:6% 6% 0; box-sizing:border-box; display:flex; flex-direction:column; }
#wone .wo-photo-pic{ flex:1 1 auto; background:#eef3f7; border-radius:3px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
#wone .wo-photo-pic img, #wone .wo-photo-pic .alw-pic{ width:92%; height:92%; max-width:none; max-height:none; object-fit:contain; }
#wone .wo-photo-word{ flex:0 0 22%; display:flex; align-items:center; justify-content:center; font-family:var(--font-read); font-weight:800;
  font-size:0.6em; color:#1d2433; white-space:nowrap; overflow:hidden; }
#wone .wo-photo-frame{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; display:none; }   
#wone .wo-string{ position:absolute; width:2px; background:rgba(255,255,255,.75); transform-origin:50% 0; pointer-events:none; z-index:4; }
#wone .wo-dangle{ border-radius:4px; box-shadow:0 6px 14px rgba(0,0,0,.3); pointer-events:none; z-index:4; }
#wone .wo-star{ position:absolute; width:18px; height:18px; background:#fff6c0; clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%); pointer-events:none; z-index:6; }
#wone .wo-heart{ position:absolute; width:44px; height:44px; background:#ff5d8f; clip-path:path('M22 40 C4 26 0 18 0 11 A11 11 0 0 1 22 9 A11 11 0 0 1 44 11 C44 18 40 26 22 40Z'); pointer-events:none; z-index:6; }
#wone .wo-ring{ position:absolute; width:60px; height:60px; border-radius:50%; border:6px solid #fff; opacity:0; pointer-events:none; z-index:6; }
#wone .wo-fly{ position:absolute; width:14px; height:14px; border-radius:50%; background:#c8ff6b; box-shadow:0 0 18px 8px rgba(200,255,100,.7); opacity:0; pointer-events:none; z-index:6; }
#wone .wo-note{ position:absolute; width:14px; height:40px; opacity:0; pointer-events:none; z-index:6; }
#wone .wo-note:before{ content:""; position:absolute; left:0; bottom:0; width:16px; height:12px; background:#1d2433; border-radius:50%; }
#wone .wo-note:after{ content:""; position:absolute; left:13px; top:0; width:3px; height:34px; background:#1d2433; border-radius:2px; }
#wone .wo-fxlayer{ position:absolute; left:0; top:0; width:1194px; height:834px; pointer-events:none; overflow:hidden; z-index:5; }
#wone .al-prog{ position:absolute; }