.cartoon-embed{margin:30px 0;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;text-align:center;max-width:100%;box-sizing:border-box}.cartoon-embed.cartoon-custom-colors{background:var(--cartoon-background-color,#f9f9f9);border-color:var(--cartoon-border-color,#e0e0e0)}.cartoon-embed.cartoon-custom-colors .cartoon-title{color:var(--cartoon-text-color,#333);border-bottom-color:var(--cartoon-primary-color,#0073aa)}.cartoon-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #0073aa;display:inline-block}.cartoon-video{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.cartoon-image{max-width:400px;max-height:300px;width:auto;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);object-fit:cover}.cartoon-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cartoon-clickable:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.2)}.cartoon-image-container{position:relative;display:inline-block}.cartoon-zoom-hint{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;font-size:11px;border-radius:3px;opacity:0;transition:opacity .2s ease}.cartoon-image-container:hover .cartoon-zoom-hint{opacity:1}@media (max-width:768px){.cartoon-embed{margin:20px 0;padding:15px}.cartoon-title{font-size:16px}.cartoon-image{max-width:300px;max-height:200px}}@media (max-width:480px){.cartoon-embed{margin:15px 0;padding:12px}.cartoon-title{font-size:14px;margin-bottom:12px}}@media print{.cartoon-embed{break-inside:avoid;background:#fff;border:1px solid #ccc}}@media (prefers-contrast:high){.cartoon-embed{background:#fff;border:2px solid #000}.cartoon-title{color:#000;border-bottom-color:#000}}@media (prefers-reduced-motion:reduce){.cartoon-embed *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.cartoon-embed{background:#2c2c2c;border-color:#404040}.cartoon-title{color:#fff;border-bottom-color:#0073aa}}.cartoon-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.cartoon-lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);cursor:pointer}.cartoon-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;text-align:center}.cartoon-lightbox-image{max-width:100%;max-height:80vh;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.5);transition:transform .2s ease;transform-origin:center}.cartoon-lightbox-title{color:#fff;font-size:18px;font-weight:600;margin-top:15px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.cartoon-lightbox-close{position:absolute;top:-40px;right:-40px;background:rgba(255,255,255,.2);border:2px solid #fff;color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.cartoon-lightbox-close:hover{background:rgba(255,255,255,.3)}.cartoon-lightbox-zoom-in,.cartoon-lightbox-zoom-out,.cartoon-lightbox-reset{position:absolute;bottom:-50px;background:rgba(0,0,0,.7);border:1px solid #fff;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s ease}.cartoon-lightbox-zoom-in{left:0}.cartoon-lightbox-zoom-out{left:50px}.cartoon-lightbox-reset{left:100px}.cartoon-lightbox-zoom-in:hover,.cartoon-lightbox-zoom-out:hover,.cartoon-lightbox-reset:hover{background:rgba(0,0,0,.9)}body.cartoon-lightbox-open{overflow:hidden}@media (max-width:768px){.cartoon-lightbox-close{top:10px;right:10px;width:35px;height:35px;font-size:20px}.cartoon-lightbox-zoom-in,.cartoon-lightbox-zoom-out,.cartoon-lightbox-reset{bottom:10px;padding:6px 10px;font-size:12px}.cartoon-lightbox-zoom-out{left:45px}.cartoon-lightbox-reset{left:90px}.cartoon-lightbox-title{font-size:16px;margin-top:10px}}