.zt-photo-section,.zt-id-photo-tool{background:#f8fafc;padding:24px 0 40px;min-height:60vh;color:#243247}
.zt-photo-section [hidden],.zt-id-photo-tool [hidden]{display:none!important}
.zt-photo-nav{display:flex;gap:4px;flex-wrap:wrap;padding:10px 0 20px;border-bottom:1px solid #e2e8f0;margin-bottom:24px}
.zt-photo-nav a{padding:8px 12px;color:#526176;text-decoration:none;border-radius:6px;font-size:14px;white-space:nowrap}
.zt-photo-nav a:hover,.zt-photo-nav .is-active{color:#1d4ed8;background:#eaf0ff}
.zt-photo-heading{margin:0 0 24px;max-width:820px}
.zt-photo-heading h1{font-size:clamp(26px,3vw,34px);line-height:1.4;margin:8px 0 10px;font-weight:650;letter-spacing:-.5px}
.zt-photo-heading p{color:#64748b;line-height:1.8;margin:8px 0 16px}
.zt-photo-heading .button{display:inline-flex;text-decoration:none;margin-right:16px}
.zt-photo-muted{font-size:13px;color:#64748b;line-height:1.8}
.zt-photo-tasks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 36px}
.zt-photo-tasks a{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;text-decoration:none;color:#26374c}
.zt-photo-tasks a:hover{border-color:#93b4f4}
.zt-photo-tasks strong{font-size:18px}.zt-photo-tasks span{font-size:14px;color:#64748b}
.zt-photo-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.zt-photo-section-title h2{font-size:22px;margin:0 0 16px}
.zt-photo-search{display:block;font-size:13px;color:#64748b;max-width:540px;margin-bottom:20px}
.zt-photo-search input{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;font:inherit;color:#243247;box-sizing:border-box}
.zt-photo-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zt-photo-spec{display:flex;align-items:flex-start;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:22px;gap:10px}
.zt-photo-spec h3{margin:0;font-size:19px}.zt-photo-spec p{margin:0;color:#475569}.zt-photo-spec small{color:#64748b}
.zt-photo-spec .button{margin-top:6px;text-decoration:none}.zt-photo-spec>a:not(.button){font-size:13px;color:#4465a0}
.zt-photo-note{font-size:13px;color:#64748b;line-height:1.8;margin:18px 0}.zt-photo-guide{margin-top:32px;max-width:780px}.zt-photo-guide h2{font-size:22px}.zt-photo-guide p{line-height:1.9;color:#64748b}
.zt-photo-section .button{padding:11px 18px;border-radius:7px;font-size:14px;border:1px solid #cbd5e1;background:#fff;color:#243247;cursor:pointer}
.zt-photo-section .button.primary{background:#2563eb;border-color:#2563eb;color:white}
.zt-photo-steps{display:flex;list-style:none;padding:0;margin:0 0 22px;gap:28px;color:#64748b;font-size:13px}
.zt-id-photo-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.zt-id-photo-main,.zt-id-photo-settings{padding:22px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:none}
.zt-id-photo-settings{display:flex;flex-direction:column;gap:16px}
.zt-id-photo-settings h2,.zt-photo-preview-title h2,#idPhotoLayoutPreviewWrap h2{font-size:18px;margin:0}
.zt-id-photo-main .zt-media-drop{min-height:140px;margin:0;border-radius:8px}
.zt-id-photo-main:has(#idPhotoWorkspace:not([hidden])) .zt-media-drop{min-height:72px;gap:4px;padding:12px}
.zt-photo-preview-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 12px}.zt-photo-preview-title span{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.zt-id-photo-preview-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f4f6f9}
.zt-id-photo-preview-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}
.zt-id-photo-preview-wrap canvas:active{cursor:grabbing}
.zt-photo-adjust{display:flex;align-items:center;gap:16px}.zt-photo-adjust label{flex:1;font-size:13px}.zt-photo-adjust input{width:100%;display:block;margin-top:10px}.zt-photo-adjust .button{flex-shrink:0}
.zt-photo-result-info{font-size:14px;line-height:1.8;color:#334155;margin:0;padding:10px 12px;background:#f4f7fb;border-radius:7px}
.zt-photo-download{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.zt-id-photo-main .zt-media-progress{margin-top:16px;font-size:13px}
.zt-id-photo-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.zt-id-photo-preset-row .button{flex:1 1 28%;justify-content:center}.zt-id-photo-preset-row .is-active{color:#1d4ed8;border-color:#86a7ef;background:#edf3ff}
.zt-id-photo-settings label{font-size:13px;color:#475569}.zt-id-photo-settings input:not([type=range]):not([type=checkbox]),.zt-id-photo-settings select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px;min-height:40px;width:100%;box-sizing:border-box}
.zt-id-photo-settings input[type=range]{width:100%;padding:0}.zt-id-photo-settings output{color:#334155;font-weight:600}
.zt-photo-advanced{border-top:1px solid #e2e8f0;padding-top:16px}.zt-photo-advanced summary{cursor:pointer;font-size:14px;color:#475569}.zt-photo-advanced[open]>*:not(summary){margin-top:16px}
#idPhotoLayoutPreviewWrap{margin-top:24px}#idPhotoLayoutPreview{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#f4f6f9;margin-top:12px}
[data-zt-preset="photo-compress"] .feature-grid{display:none}
@media(max-width:850px){.zt-id-photo-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.zt-photo-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.zt-photo-section,.zt-id-photo-tool{padding-top:12px}.zt-photo-nav{flex-wrap:nowrap;overflow-x:auto;margin-bottom:18px;padding-bottom:12px}.zt-photo-nav a{padding:8px 10px}.zt-photo-heading h1{font-size:26px}.zt-photo-tasks{grid-template-columns:1fr;gap:10px;margin:20px 0 28px}.zt-photo-tasks a{padding:18px}.zt-photo-spec-grid{grid-template-columns:1fr}.zt-photo-spec{padding:20px}.zt-photo-section-title{align-items:baseline}.zt-photo-section-title h2{font-size:20px}.zt-id-photo-grid{display:flex;flex-direction:column}.zt-id-photo-main,.zt-id-photo-settings{width:100%;box-sizing:border-box;padding:18px}.zt-id-photo-main{display:contents}.zt-id-photo-main>.zt-media-drop{order:0}.zt-id-photo-settings{order:1}.zt-id-photo-main>#idPhotoWorkspace{order:2;width:100%}.zt-id-photo-main>.zt-media-progress{order:3}.zt-id-photo-main>.zt-photo-download{order:4;width:100%}.zt-id-photo-main>#idPhotoSizeInfo{order:5}.zt-photo-download .button.primary{flex:1 1 100%}.zt-photo-steps{gap:12px;justify-content:space-between;font-size:11px}.zt-photo-adjust{gap:10px}.zt-photo-muted{display:block}.zt-photo-section-title>a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.zt-photo-section *,.zt-id-photo-tool *{scroll-behavior:auto}}