.drawer-storybooks{display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:28px}
.storybook-stage{display:grid;min-height:0;place-items:center;perspective:1700px}
.storybook-book{position:relative;width:min(100%,720px);aspect-ratio:1.42/1;transform:translateY(-8%);transform-style:preserve-3d;filter:drop-shadow(0 24px 28px rgba(65,40,28,.16))}
.storybook-page-stack{position:absolute;inset:4% 2% 2%;border-radius:12px;background:repeating-linear-gradient(to bottom,#e8ded3 0,#e8ded3 2px,#fbf7f0 3px,#fbf7f0 6px);transform:translateZ(-8px)}
.storybook-spine{position:absolute;z-index:5;top:2%;bottom:2%;left:50%;width:26px;border-radius:50%;background:linear-gradient(90deg,rgba(92,59,43,.16),rgba(255,255,255,.56),rgba(83,54,39,.13));box-shadow:0 0 14px rgba(77,48,34,.16);transform:translateX(-50%) translateZ(9px)}
.storybook-page{position:absolute;top:2%;bottom:2%;width:49.2%;display:grid;padding:7% 6% 4%;grid-template-rows:minmax(0,1.35fr) minmax(80px,.65fr) auto;gap:4%;border:1px solid rgba(117,84,65,.12);background:#fffaf1;backface-visibility:hidden;transform-style:preserve-3d}
.storybook-page-left{left:1%;border-radius:14px 5px 5px 14px;transform-origin:right center;transform:rotateY(1deg)}
.storybook-page-right{right:1%;border-radius:5px 14px 14px 5px;transform-origin:left center;transform:rotateY(-1deg)}
.storybook-image-slot{border:1px dashed rgba(111,78,61,.18);border-radius:13px;background:linear-gradient(135deg,rgba(236,220,207,.24),rgba(255,255,255,.48))}
.storybook-copy-slot{display:grid;gap:9px}
.storybook-copy-slot p{margin:0;border-bottom:1px solid rgba(111,78,61,.1)}
.storybook-copy-slot [data-story-dialogue-slot]{min-height:38px;border:1px dashed rgba(111,78,61,.13);border-radius:9px}
.storybook-page small{justify-self:end;color:#a18b80;font:10px var(--tr-body)}
.storybook-turn{position:absolute;z-index:10;top:0;bottom:0;width:26%;border:0;background:transparent;cursor:pointer}
.storybook-turn-prev{left:0}.storybook-turn-next{right:0}
.storybook-options{display:grid;min-height:0;padding:20px 24px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;border:1px solid rgba(255,255,255,.52);border-radius:24px;background:rgba(255,255,255,.21)}
.storybook-options h3{margin:0;color:#503d36;font:500 22px var(--tr-cn)}
.storybook-option-group{display:grid;gap:8px}.storybook-option-group>span{color:#91766b;font:12px var(--tr-cn)}
.storybook-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.storybook-choice-row button{min-height:40px;padding:6px;border:1px solid rgba(99,71,57,.11);border-radius:13px;background:rgba(255,255,255,.28);color:#684f46;font:12px/1.25 var(--tr-cn);cursor:pointer}
.storybook-choice-row button.is-active{border-color:rgba(239,107,105,.38);background:rgba(255,233,228,.64);color:#b34d4b}
.storybook-history-preview{min-height:0;overflow:hidden;padding:14px;border-radius:15px;background:rgba(230,215,205,.22);color:#866e64;font:13px/1.6 var(--tr-cn)}
.storybook-price{display:grid;justify-items:end}.storybook-price button{min-width:174px;min-height:46px;border:0;border-radius:14px;background:#ef706f;color:#fff;font:14px var(--tr-cn);cursor:pointer}.storybook-price button:disabled{background:rgba(239,112,111,.24);color:#9f625e;cursor:not-allowed}
.drawer-story-videos{display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:26px}
.story-video-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}.story-video-cover{border:1px dashed rgba(108,78,62,.16);border-radius:18px;background:rgba(255,255,255,.2)}
.story-video-panel{display:grid;align-content:start;gap:18px;padding:26px;border:1px solid rgba(255,255,255,.52);border-radius:24px;background:rgba(255,255,255,.2)}.story-video-panel h3{margin:0;color:#503d36;font:500 22px var(--tr-cn)}.story-video-panel p{margin:0;color:#8b746a;font:14px/1.65 var(--tr-cn)}
.story-video-recommendations{display:grid;gap:9px}.story-video-event{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px;border:1px solid rgba(100,72,59,.1);border-radius:13px;background:rgba(255,255,255,.24);color:#654d44;font:13px var(--tr-cn)}
.story-video-submit{min-height:46px;border:0;border-radius:14px;background:rgba(239,112,111,.24);color:#9f625e;font:14px var(--tr-cn)}
@media (prefers-reduced-motion:reduce){.storybook-page-left,.storybook-page-right{transform:none}}