.wp-block-techplay-download-button {
    margin: 1.5em 0;
    display: flex;
}

.wp-block-techplay-download-button[style*="justify-content: flex-start"] {
    justify-content: flex-start;
}

.wp-block-techplay-download-button[style*="justify-content: center"] {
    justify-content: center;
}

.wp-block-techplay-download-button[style*="justify-content: flex-end"] {
    justify-content: flex-end;
}

.download-button {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background-color: var(--button-bg-color, #007bff);
    color: var(--button-text-color, #ffffff);
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    font-size: 16px;
    line-height: 1.5;
}

.download-button:hover {
    background-color: var(--button-hover-bg-color, #0056b3);
    color: var(--button-hover-text-color, #ffffff);
}

.download-button .button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.download-button .button-icon::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.download-button[data-icon="download"] .button-icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ffffff\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"/></svg>");
}

.download-button[data-icon="document"] .button-icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ffffff\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"/></svg>");
}

.download-button[data-icon="file"] .button-icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ffffff\"><path d=\"M13 9V3.5L18.5 9M6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8l-6-6H6z\"/></svg>");
}

.download-button[data-icon="pdf"] .button-icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ffffff\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z\"/></svg>");
}

.download-button[data-icon="archive"] .button-icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ffffff\"><path d=\"M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5L6.5 12H10v-2h4v2h3.5L12 17.5z\"/></svg>");
}

/* 스타일 변형 */
.style-round .download-button {
    border-radius: 50px;
}

.style-accent .download-button {
    background-color: #ff4757;
}

.style-accent .download-button:hover {
    background-color: #ff6b81;
}

/* 크기 변형 */
.size-xs .download-button {
    padding: 6px 12px;
    font-size: 12px;
}

.size-sm .download-button {
    padding: 8px 16px;
    font-size: 14px;
}

.size-default .download-button {
    padding: 12px 24px;
    font-size: 16px;
}

.size-lg .download-button {
    padding: 16px 32px;
    font-size: 18px;
}

.size-xlg .download-button {
    padding: 20px 40px;
    font-size: 20px;
}

/* 다크모드 */
[data-scheme="dark"] .download-button {
    background-color: var(--button-bg-color, #0056b3);
}

[data-scheme="dark"] .download-button:hover {
    background-color: var(--button-hover-bg-color, #003d80);
}

/* 반응형 */
@media (max-width: 768px) {
    .download-button {
        width: 100%;
        justify-content: center;
    }
} 
.wp-block-techplay-image-compare {
    position: relative;
    overflow: hidden;
    user-select: none;
    margin: 1.5em 0;
}

.image-compare-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.image-compare-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-compare-container .image-compare-after {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.image-compare-separator {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    cursor: ew-resize;
    transform: translateX(-50%);
    z-index: 10;
}

.image-compare-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.wp-block-techplay-image-compare.dragging {
    cursor: ew-resize;
}

.wp-block-techplay-image-compare.dragging .image-compare-separator {
    background: rgba(255, 255, 255, 1);
}

/* 반응형 */
@media (max-width: 768px) {
    .image-compare-separator::before {
        width: 30px;
        height: 30px;
    }
} 
.reference-links {
    --reference-link-font-size: inherit;
    --reference-link-icon-size: 1em;
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1.5em;
    background: #f8f9fa;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.reference-link-item {
    position: relative;
}

.reference-link-item a {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 1em;
    color: #2c3338;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.reference-link-item a:hover {
    background-color: #f0f0f1;
    border-color: rgba(0, 0, 0, 0.1);
}

.reference-link-favicon {
    width: var(--reference-link-icon-size);
    height: var(--reference-link-icon-size);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.reference-link-item a:hover .reference-link-favicon {
    opacity: 1;
}

.reference-link-favicon.default-icon::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 90 90%27 fill=%27%23505A64%27%3E%3Cpath d=%27M21.36 90c-5.47 0-10.94-2.08-15.1-6.25C2.22 79.72 0 74.36 0 68.64s2.22-11.07 6.26-15.11l16.66-16.66c1.56-1.56 4.1-1.56 5.66 0 1.56 1.56 1.56 4.1 0 5.66L11.92 59.19c-2.53 2.53-3.91 5.88-3.91 9.45s1.38 6.92 3.91 9.45c5.21 5.21 13.69 5.21 18.9 0l16.66-16.66c1.56-1.56 4.1-1.56 5.66 0 1.56 1.56 1.56 4.1 0 5.66l-16.66 16.66C32.3 87.91 26.83 90 21.36 90zM64.26 54.3c-1.02 0-2.05-.39-2.83-1.17-1.56-1.56-1.56-4.1 0-5.66l16.66-16.66c5.21-5.21 5.21-13.69 0-18.9-2.53-2.52-5.88-3.91-9.45-3.91s-6.92 1.39-9.45 3.91L42.53 28.57c-1.56 1.56-4.1 1.56-5.66 0-1.56-1.56-1.56-4.1 0-5.66l16.66-16.66C57.56 2.22 62.93 0 68.64 0s11.07 2.22 15.11 6.26c8.33 8.33 8.33 21.88 0 30.21L66.09 53.13c-.78.78-1.81 1.17-2.83 1.17zM25.34 68.66c-1.02 0-2.05-.39-2.83-1.17-1.56-1.56-1.56-4.1 0-5.66l39.32-39.33c1.56-1.56 4.1-1.56 5.66 0 1.56 1.56 1.56 4.1 0 5.66L28.17 67.49c-.78.78-1.8 1.17-2.83 1.17z%27/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reference-link-title {
    font-size: var(--reference-link-font-size);
    line-height: 1.4;
    word-break: break-all;
    color: #2c3338;
}

.reference-link-item a::after {
    content: '';
    display: inline-block;
    width: calc(var(--reference-link-icon-size, 1em) * 0.75);
    height: calc(var(--reference-link-icon-size, 1em) * 0.75);
    margin-left: 8px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23666%27%3E%3Cpath d=%27M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%27/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.reference-link-item a:hover::after {
    opacity: 1;
}

.wp-block-techplay-reference-links .reference-title {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 1em;
    color: #fff;
}

.wp-block-techplay-reference-links .reference-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-techplay-reference-links .reference-item {
    margin-bottom: 0.8em;
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
}

.wp-block-techplay-reference-links .reference-item:last-child {
    margin-bottom: 0;
}

.wp-block-techplay-reference-links .reference-number {
    color: #007bff;
    font-weight: 600;
    min-width: 1.5em;
}

.wp-block-techplay-reference-links .reference-content {
    flex: 1;
}

.wp-block-techplay-reference-links .reference-title {
    font-weight: 600;
    margin-bottom: 0.3em;
}

.wp-block-techplay-reference-links .reference-description {
    color: #666;
    margin-bottom: 0.3em;
}

.wp-block-techplay-reference-links .reference-link {
    color: #007bff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
}

.wp-block-techplay-reference-links .reference-link:hover {
    text-decoration: underline;
}

.wp-block-techplay-reference-links .reference-link::after {
    content: "↗";
    font-size: 0.8em;
}

/* 폰트 크기 스타일 */
.wp-block-techplay-reference-links.size-xs {
    font-size: 0.75em !important;
}

.wp-block-techplay-reference-links.size-sm {
    font-size: 0.875em !important;
}

.wp-block-techplay-reference-links.size-default {
    font-size: 1em !important;
}

.wp-block-techplay-reference-links.size-lg {
    font-size: 1.25em !important;
}

.wp-block-techplay-reference-links.size-xlg {
    font-size: 1.5em !important;
}

.reference-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.reference-link:hover {
    opacity: 0.8;
}

.link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.link-icon[data-icon="external"]::before {
    content: "↗️";
}

.link-icon[data-icon="link"]::before {
    content: "🔗";
}

.link-title {
    font-weight: 500;
}

.reference-link-favicon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: inline-block;
}

.reference-link-favicon.default-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reference-link-favicon.default-icon[data-icon="link"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z%27/%3E%3C/svg%3E");
}

.reference-link-title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.external-link-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666666%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.6;
    display: inline-block;
}

.reference-link:hover .external-link-icon {
    opacity: 1;
}

/* 다크모드 */
[data-scheme="dark"] .reference-link {
    color: var(--cs-color-primary, #fff);
}

[data-scheme="dark"] .reference-link:hover {
    background-color: var(--cs-color-contrast-100, #222);
}

[data-scheme="dark"] .default-favicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27white%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z%27/%3E%3C/svg%3E");
}

[data-scheme="dark"] .external-link-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27white%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%27/%3E%3C/svg%3E");
}

/* 반응형 */
@media (max-width: 768px) {
    .reference-link-item a {
        padding: 10px 12px;
    }
}

/* 에디터 화면에서 파비콘 숨기기 */
.wp-block-techplay-reference-links .reference-link-favicon {
    display: none;
}

/* 프론트엔드에서만 파비콘 표시 */
.wp-block-techplay-reference-links:not(.is-selected) .reference-link-favicon {
    display: inline-block;
}

/* 에디터 화면 스타일 */
.wp-block-techplay-reference-links.is-selected {
    margin: 2em 0;
    padding: 2em;
    background: #f0f0f1;
}

.reference-links-editor {
    margin-top: 1.5em;
}

.reference-links-editor .reference-link-item {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.reference-links-editor .reference-link-item:last-child {
    margin-bottom: 1em;
}

.reference-links-editor .components-flex {
    gap: 1em;
}

.reference-links-editor .components-flex__item {
    flex: 1;
}

.reference-links-editor .components-flex__item:last-child {
    flex: 0 0 auto;
}

.reference-links-editor .components-base-control {
    margin-bottom: 1.5em;
}

.reference-links-editor .components-base-control:last-child {
    margin-bottom: 0;
}

.reference-links-editor .components-base-control__label {
    margin-bottom: 0.5em;
}

.reference-links-editor .components-text-control__input {
    width: 100%;
    background: #ffffff;
    color: #2c3338;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.reference-links-editor .components-button {
    margin-top: 0;
}

/* 다크모드 */
[data-scheme="dark"] .wp-block-techplay-reference-links,
.is-dark-theme .reference-links {
    background: #2c2c2c;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-scheme="dark"] .reference-link-item a,
.is-dark-theme .reference-link-item a {
    background: #1e1e1e;
    border-color: rgba(255, 255, 255, 0.1);
    color: #f0f0f1;
}

[data-scheme="dark"] .reference-link-item a:hover,
.is-dark-theme .reference-link-item a:hover {
    background-color: #2c2c2c;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-scheme="dark"] .reference-link-title,
.is-dark-theme .reference-link-title {
    color: #f0f0f1;
}

[data-scheme="dark"] .reference-link-favicon.default-icon::before,
.is-dark-theme .reference-link-favicon.default-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3Cpath d=%27M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8z%27 fill=%27%23f0f0f1%27/%3E%3C/svg%3E");
}

[data-scheme="dark"] .reference-link-item a::after,
.is-dark-theme .reference-link-item a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z%27/%3E%3C/svg%3E");
}

/* 에디터 화면 다크 모드 */
[data-scheme="dark"] .reference-links-editor .reference-link-item,
.is-dark-theme .reference-links-editor .reference-link-item {
    background: #2c2c2c;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-scheme="dark"] .reference-links-editor .components-text-control__input,
.is-dark-theme .reference-links-editor .components-text-control__input {
    background: #1e1e1e;
    color: #f0f0f1;
    border-color: rgba(255, 255, 255, 0.2);
}

/* 반응형 스타일 */
@media screen and (max-width: 768px) {
    .reference-links {
        padding: 1em;
    }
    
    .reference-link-item a {
        padding: 0.75em;
    }
} 
.wp-block-techplay-gutenberg-blocks-ai-image-gallery{list-style:none;padding:0;margin:0;position:relative}.wp-block-techplay-gutenberg-blocks-ai-image-gallery figure{margin:0 !important}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout{display:block !important;position:relative}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item{box-sizing:border-box;margin-bottom:var(--gap, 16px);position:relative;overflow:hidden;background:#f0f0f0;border-radius:4px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item img{display:block;width:100%;height:auto !important;object-fit:cover;transition:transform .3s ease}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item:hover img{transform:scale(1.05)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-info-icon,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions{position:absolute;bottom:8px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;z-index:9}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-info-icon{left:8px;z-index:10;background-color:rgba(30,30,30,.7);color:#fff;border:none;border-radius:50%;width:34px;height:34px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:opacity .3s ease,visibility 0s linear .3s,background-color .2s ease,transform .2s ease}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-info-icon svg{width:20px;height:20px;fill:currentColor}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-info-icon:hover{background-color:rgba(0,120,255,.9);transform:scale(1.1)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions{right:8px;display:flex;gap:6px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions button{background-color:rgba(30,30,30,.7);color:#fff;border:none;border-radius:50%;width:34px;height:34px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:background-color .2s ease,transform .2s ease}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions button svg{display:block;width:18px;height:18px;fill:currentColor}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions button:hover{transform:scale(1.1)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions button:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions .copy-url-button:hover{background-color:rgba(0,120,255,.9)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions .download-image-button:hover{background-color:rgba(0,180,80,.9)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item .image-hover-actions .copy-url-button.copied::after{content:"Copied!";position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item:hover .image-hover-actions,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout .gallery-item:hover .image-info-icon{opacity:1;visibility:visible;transition-delay:0s}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-1 .gallery-item{width:100%}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-2 .gallery-item{width:calc(50% - var(--gap, 16px)/2)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-3 .gallery-item{width:calc(33.3333% - var(--gap, 16px)*2/3)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-4 .gallery-item{width:calc(25% - var(--gap, 16px)*3/4)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-5 .gallery-item{width:calc(20% - var(--gap, 16px)*4/5)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-6 .gallery-item{width:calc(16.6666% - var(--gap, 16px)*5/6)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-7 .gallery-item{width:calc(14.2857% - var(--gap, 16px)*6/7)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-8 .gallery-item{width:calc(12.5% - var(--gap, 16px)*7/8)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout){display:grid;gap:var(--gap, 16px)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-1{grid-template-columns:repeat(1, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-2{grid-template-columns:repeat(2, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-3{grid-template-columns:repeat(3, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-4{grid-template-columns:repeat(4, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-5{grid-template-columns:repeat(5, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-6{grid-template-columns:repeat(6, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-7{grid-template-columns:repeat(7, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-8{grid-template-columns:repeat(8, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item{position:relative;margin:0;overflow:hidden;background:#f0f0f0;border-radius:4px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item figure{margin:0;height:100%;display:block}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item img{width:100%;height:var(--image-height, 300px);display:block;transition:transform .3s ease;object-fit:cover}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item:hover img{transform:scale(1.05)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-info-icon,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions{position:absolute;bottom:8px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;z-index:9}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-info-icon{left:8px;z-index:10;background-color:rgba(30,30,30,.7);color:#fff;border:none;border-radius:50%;width:34px;height:34px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:opacity .3s ease,visibility 0s linear .3s,background-color .2s ease,transform .2s ease}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-info-icon svg{width:20px;height:20px;fill:currentColor}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-info-icon:hover{background-color:rgba(0,120,255,.9);transform:scale(1.1)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions{right:8px;display:flex;gap:6px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions button{background-color:rgba(30,30,30,.7);color:#fff;border:none;border-radius:50%;width:34px;height:34px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:background-color .2s ease,transform .2s ease}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions button svg{display:block;width:18px;height:18px;fill:currentColor}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions button:hover{transform:scale(1.1)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions button:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions .copy-url-button:hover{background-color:rgba(0,120,255,.9)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions .download-image-button:hover{background-color:rgba(0,180,80,.9)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item .image-hover-actions .copy-url-button.copied::after{content:"Copied!";position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item:hover .image-hover-actions,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout) .gallery-item:hover .image-info-icon{opacity:1;visibility:visible;transition-delay:0s}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-100 .gallery-item img{height:100px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-200 .gallery-item img{height:200px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-300 .gallery-item img{height:300px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-400 .gallery-item img{height:400px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-500 .gallery-item img{height:500px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-height-600 .gallery-item img{height:600px}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-fit-cover .gallery-item img{object-fit:cover}.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).image-fit-contain .gallery-item img{object-fit:contain}@media(max-width: 1200px){.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-4,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-5,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-6,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-7,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-8{grid-template-columns:repeat(3, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-4 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-5 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-6 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-7 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-8 .gallery-item{width:calc(33.3333% - var(--gap, 16px)*2/3)}}@media(max-width: 768px){.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-3,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-4,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-5,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-6,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-7,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-8{grid-template-columns:repeat(2, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-3 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-4 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-5 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-6 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-7 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-8 .gallery-item{width:calc(50% - var(--gap, 16px)/2)}}@media(max-width: 480px){.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-2,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-3,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-4,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-5,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-6,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-7,.wp-block-techplay-gutenberg-blocks-ai-image-gallery:not(.has-masonry-layout).columns-8{grid-template-columns:repeat(1, 1fr)}.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-2 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-3 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-4 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-5 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-6 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-7 .gallery-item,.wp-block-techplay-gutenberg-blocks-ai-image-gallery.has-masonry-layout.columns-8 .gallery-item{width:100%}}#ai-gallery-info-modal,#ai-gallery-lightbox-modal{display:none;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;z-index:999990 !important;background-color:rgba(0,0,0,.85) !important;padding:20px !important;overflow-y:auto;align-items:center;justify-content:center}#ai-gallery-info-modal{z-index:1000000 !important}.modal-content{position:relative;background:#fff;border-radius:5px;padding:0;margin:auto;width:auto;height:auto;transition:transform .3s ease}#ai-gallery-info-modal .modal-content{padding:25px 30px;max-width:800px;max-height:calc(100vh - 80px);overflow-y:auto}#ai-gallery-lightbox-modal .modal-content{background:none;padding:0}.close-button{position:absolute;top:10px;right:10px;width:36px;height:36px;background-color:rgba(30,30,30,.7);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .3s ease,transform .2s ease;z-index:1000001 !important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.close-button svg{display:block;width:20px;height:20px}.close-button:hover{background-color:rgba(220,50,50,.9);transform:scale(1.1)}.close-button:focus{outline:2px solid hsla(0,0%,100%,.7);outline-offset:2px}#ai-gallery-info-modal .close-button{font-size:28px;line-height:1;font-weight:bold;color:#aaa;background:none}#ai-gallery-info-modal .close-button:hover{color:#333;background:none;transform:none}.image-meta{padding:30px;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.image-meta h3{margin:0 0 20px;font-size:24px;color:#1a1a1a;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.image-meta .meta-section{margin-bottom:25px}.image-meta .meta-section:last-child{margin-bottom:0}.image-meta .meta-section h4{margin:0 0 15px;font-size:18px;color:#2271b1}.image-meta .meta-section .prompt-box{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;font-size:14px;line-height:1.6;color:#1a1a1a;white-space:pre-wrap;word-break:break-word}.image-meta .meta-section .prompt-box.positive{border-left:4px solid #00a32a}.image-meta .meta-section .prompt-box.negative{border-left:4px solid #d63638}.image-meta .meta-section .prompt-box strong{display:block;margin-bottom:8px;color:#1a1a1a;font-weight:600}.image-meta .meta-section .prompt-box p{margin:0}.image-meta .meta-section p{margin:0 0 10px;font-size:14px;color:#1a1a1a;display:flex;align-items:baseline;line-height:1.6}.image-meta .meta-section p:last-child{margin-bottom:0}.image-meta .meta-section p strong{color:#1a1a1a;margin-right:8px;font-weight:600;min-width:150px;display:inline-block;flex-shrink:0}.image-meta .meta-section p span{word-break:break-all}.image-meta .meta-section.generation-details-section p{display:flex;align-items:baseline}.image-meta .meta-section.generation-details-section p strong{min-width:150px}#ai-gallery-lightbox-modal figure{margin:0;padding:0;line-height:0;width:auto;height:auto;max-width:100%;max-height:100%;display:block}#ai-gallery-lightbox-modal figure img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}

/*# sourceMappingURL=style.css.map*/