#animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.animation-card{position:static;width:100%;margin:0;text-decoration:none}.animation-card .visual{aspect-ratio:16/9}.animation-card .visual img{width:100%;height:100%;object-fit:contain}.animation-card p{font-size:13px;line-height:1.7;color:#797683;margin:0 0 9px}.animation-card h2{font-size:19px;margin:8px 0}.animation-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#92899d;margin-top:13px}.set-badge{position:absolute;bottom:10px;right:10px;background:#ffffffed;color:#62596e;padding:5px 8px;border-radius:4px;font-size:10px}.animation-empty{text-align:center;padding:50px;color:#797683}.animation-skip{position:fixed;top:-100px;left:16px;z-index:200;background:#fff;padding:10px}.animation-skip:focus{top:10px}#animation-detail{width:min(1460px,96vw);padding:0 50px;overflow:visible;max-height:94dvh;border-radius:12px}#detail-scroll{overflow:auto;max-height:92dvh;padding:32px 26px 28px;overscroll-behavior:contain}.animation-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:12px}.animation-heading h2{font-size:30px;margin:0 0 10px;letter-spacing:-.8px}.animation-heading p{font-size:12px;color:#8a8196;margin:0}.animation-heading .eyebrow{font-size:10px;margin-bottom:8px}.animation-share{display:flex;gap:8px;flex-shrink:0}.icon-button{display:grid;place-items:center;width:36px;height:36px;background:#fff;color:#62596e;border:1px solid #e9e7ef;border-radius:7px;padding:0}.icon-button svg,.animation-close svg{width:19px;height:19px;pointer-events:none}.animation-close{position:absolute;right:10px;top:9px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent!important;color:#62596e;z-index:3}.animation-stage{margin-top:24px;background:#f7f6f9;padding:16px;border-radius:8px}.asset-tabs,.lang-tabs{display:flex;justify-content:center;gap:6px}.asset-tabs{margin-bottom:12px}.asset-tabs button,.lang-tabs button{font-size:12px;padding:8px 12px;border:1px solid #e9e7ef;background:#fff;color:#797683;border-radius:6px}.asset-tabs button[aria-pressed=true],.lang-tabs button[aria-pressed=true],.scene-tabs button[aria-pressed=true]{color:#6350d6;background:#f0edff;border-color:#c9c0fa}#full-image{display:block}#animation-image{display:block;width:100%;max-height:66vh;object-fit:contain;margin:auto}#asset-hint{font-size:11px;color:#92899d;text-align:center;margin:10px 0 0}.animation-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:28px}.animation-copy h3{font-size:15px;margin:0 0 10px}.animation-copy p{font-size:13px;color:#797683;line-height:1.85;margin:0 0 18px}.animation-copy #detail-tagline{font-size:16px;color:#39323f;font-weight:600;line-height:1.75}.animation-copy #detail-style{color:#6350c9}.animation-copy .generation-note{font-size:11px;color:#92899d;margin-top:14px}.download-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.download-actions a,.copy-button{padding:10px 12px;background:#fff;border:1px solid #e3dfec;border-radius:6px;font-size:12px;color:#49414f;text-decoration:none}.download-actions .primary{background:#7b6cff;border-color:#7b6cff;color:#fff}.scene-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 18px}.scene-tabs button{text-align:left;border:1px solid #e9e7ef;background:#fff;padding:10px;border-radius:6px;color:#696071;min-width:0}.scene-tabs small{display:block;font-size:9px;letter-spacing:.6px;margin-bottom:5px}.scene-tabs span{font-size:12px;line-height:1.5}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-heading h3{margin:0}.animation-copy textarea{min-height:230px;font-size:12px;line-height:1.8}.copy-button{width:100%;margin-top:8px}.common-prompt{margin-top:20px;border-top:1px solid #e9e7ef;padding-top:16px}.common-prompt summary{font-size:13px;color:#62596e;cursor:pointer}.common-prompt textarea{margin-top:12px;min-height:160px}.animation-nav{position:absolute;top:46%;width:32px;height:46px;display:grid;place-items:center;padding:0;border:1px solid #e9e7ef;border-radius:9px;background:#faf9fc;color:#49414f}.animation-nav.left{left:8px}.animation-nav.right{right:8px}.animation-nav svg{width:18px;height:18px}.animation-nav:disabled{opacity:.25;cursor:default}#detail-toast{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;background:#272032;color:#fff;padding:10px 16px;border-radius:8px;font-size:12px;z-index:5;pointer-events:none}#detail-toast[hidden],#toast[hidden]{display:none}.end{margin-top:40px}.intro h1{overflow-wrap:anywhere}@media(max-width:1000px){.animation-copy{grid-template-columns:1fr;gap:18px}#detail-scroll{padding:28px 14px}#animation-image{max-height:60vh}}@media(max-width:900px){#animation-grid{grid-template-columns:1fr}}@media(max-width:640px){#animation-detail{width:98vw;padding:0 28px}.animation-nav{width:24px;height:36px}.animation-nav.left{left:2px}.animation-nav.right{right:2px}.animation-close{right:1px;top:6px}.animation-heading{align-items:flex-start;flex-direction:column;gap:10px}.animation-heading h2{font-size:25px}#detail-scroll{padding:30px 7px 20px}.animation-stage{padding:8px;margin-top:16px}.scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-heading{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.tools{width:100%;justify-content:space-between}.tools input{width:min(235px,75%)}.animation-copy textarea{font-size:11px}.animation-card h2{font-size:18px}}

.intro{display:block}.intro .magazine-about{max-width:780px;font-size:14px;line-height:1.8;margin-top:16px}.animation-copy textarea{width:100%;resize:vertical;border:1px solid #e9e7ef;border-radius:7px;background:#fbfaff;color:#514957;padding:14px;box-sizing:border-box}.animation-copy textarea:focus-visible{outline:2px solid #7b6cff;outline-offset:2px}

/* Keep title groups and Korean words intact, with deliberate intro line breaks. */
body[data-lab="ref"] #magazine{min-width:0;max-width:100%}
.intro h1{overflow-wrap:normal;word-break:normal;line-height:1.2}.intro h1 .title-part{display:inline-block;white-space:nowrap}
.intro .magazine-about{word-break:keep-all;overflow-wrap:break-word;max-width:100%;line-height:1.9}
@media(max-width:360px){.intro h1{font-size:26px}}
