/* Owner image studio. */
#view-images{--iw-ink:#24352b;--iw-muted:#68756b;--iw-green:#2b5942;--iw-line:#e3e7df;--iw-paper:#f7f8f3;padding:32px clamp(20px,3vw,48px) 48px;background:var(--iw-paper);color:var(--iw-ink);min-height:calc(100svh - 76px)}
#view-images [hidden]{display:none!important}#view-images button,#view-images input,#view-images textarea,#view-images select{font:inherit}#view-images button{cursor:pointer}#view-images button:disabled{cursor:wait;opacity:.55}#view-images :is(button,a,input,textarea,select):focus-visible{outline:3px solid #83a58d;outline-offset:4px}
.iw-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 28px}.iw-eyebrow{color:#607761;font-size:11px;font-weight:600;letter-spacing:.12em}.iw-header h1{margin:12px 0 10px;font-size:clamp(29px,3.2vw,46px);line-height:1.25;font-weight:650;letter-spacing:-.05em}.iw-header h1 span{color:#5a795a}.iw-header p{margin:0;color:var(--iw-muted);font-size:14px}
#view-images .iw-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid var(--iw-green);border-radius:10px;background:var(--iw-green);color:#fff;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s;white-space:nowrap}#view-images .iw-primary:hover{background:#214632;box-shadow:0 5px 16px #2b59421c}
.iw-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--iw-line)}.iw-tabs{display:flex;gap:30px}.iw-tabs button{position:relative;min-height:54px;padding:0;border:0;background:none;color:var(--iw-muted);font-size:15px}.iw-tabs button.active{color:var(--iw-green);font-weight:700}.iw-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;content:"";background:var(--iw-green);border-radius:2px}.iw-tabs span{margin-left:5px;font-size:11px;background:#e4ebe0;color:#52664d;padding:2px 5px;border-radius:4px}.iw-service{display:flex;gap:7px;align-items:center;color:var(--iw-muted);font-size:11px}.iw-service i{width:6px;height:6px;border-radius:50%;background:#4c8a5c}.iw-service i.offline{background:#bd853e}
.iw-filterbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:24px 0 22px}.iw-categories{display:flex;gap:6px;flex-wrap:wrap}.iw-categories button{min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:none;color:#626d62;font-size:13px;white-space:nowrap;transition:background .18s,color .18s}.iw-categories button:hover{background:#e9eee4}.iw-categories button.active{background:#e3ebdc;color:#2b593c;font-weight:600}.iw-search{display:flex;align-items:center;gap:9px;min-width:200px;max-width:280px;padding:0 12px;min-height:40px;border:1px solid #dce3d6;border-radius:9px;color:#6b796a;background:#fff}.iw-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--iw-ink);font-size:12px!important}.iw-search input::placeholder{color:#7d877a}
.iw-results{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 17px}.iw-results h2{margin:0;font-size:14px;font-weight:600}.iw-results p,.iw-results small{margin:0;color:var(--iw-muted);font-size:11px;font-weight:400}.iw-results small{margin-left:12px}.iw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.iw-card{min-width:0;overflow:hidden;border:1px solid #e4e8df;border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s}.iw-card:hover,.iw-card:focus-within{border-color:#b4c6aa;box-shadow:0 12px 24px #2944290c}.iw-art{position:relative;display:block;padding:0;width:100%;aspect-ratio:2/3;border:0;overflow:hidden;background:#e7e8dc}.iw-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.iw-card:hover .iw-art img,.iw-card:focus-within .iw-art img{transform:scale(1.035)}.iw-preview-label{position:absolute;right:12px;bottom:12px;padding:7px 10px;background:#fffffff0;border-radius:6px;color:#2c432f;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.iw-card:hover .iw-preview-label,.iw-art:focus-visible .iw-preview-label{opacity:1;transform:translateY(0)}
.iw-card-body{padding:15px 15px 0}.iw-meta{color:#71806d;font-size:10px;letter-spacing:.035em}.iw-card h3{margin:7px 0 6px;font-size:15px;font-weight:650;color:#2b3d2e}.iw-card-body>p{margin:0;color:#6f7a6d;font-size:11px;line-height:1.6}.iw-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf0e9;margin-top:14px;padding:8px 0}.iw-card-footer>span{font-size:10px;color:#71806d}.iw-use{min-height:36px;border:0;border-radius:6px;padding:0 8px;background:none;color:#315d40;font-size:12px!important;font-weight:600!important}.iw-use:hover{background:#edf3e8}.iw-footnote{margin:25px 0 0;color:#75806f;font-size:11px;line-height:1.7}.iw-job-notice{background:#e7eee0;padding:14px;border-radius:9px;font-size:13px;color:#3c623c}
.iw-empty{grid-column:1/-1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--iw-muted);border:1px dashed #cdd9c5;border-radius:12px}.iw-empty h3{font-size:19px;color:var(--iw-ink)}.iw-empty p{font-size:13px;line-height:1.8}#view-images .iw-secondary{min-height:38px;padding:0 13px;border:1px solid #d8e1d1;border-radius:8px;background:#fff;color:#42623d;font-size:12px}.iw-secondary:hover{background:#edf2e8!important}
.iw-dialog{padding:0;width:min(960px,calc(100vw - 40px));max-width:none;max-height:calc(100svh - 48px);border:1px solid #e3e6db;border-radius:20px;color:var(--iw-ink);background:#fff;overflow:auto;box-shadow:0 30px 100px #17261740}.iw-dialog::backdrop{background:#142318a3;backdrop-filter:blur(5px)}.iw-dialog-layout{display:grid;grid-template-columns:1fr 1.1fr}.iw-preview{margin:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eff1e9}.iw-preview img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #26321a13}.iw-preview figcaption{font-size:11px;color:#68755e;margin-top:14px;text-align:center}.iw-editor{padding:32px}.iw-editor h2{margin:9px 0;font-size:25px;font-weight:650;letter-spacing:-.03em}.iw-editor-intro{margin:0 0 22px;font-size:12px;color:var(--iw-muted)}.iw-editor form{display:grid;gap:14px}.iw-editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:550}.iw-editor label small{display:inline;color:#7a8374;font-size:10px;font-weight:400}.iw-editor :is(input:not([type=file]),textarea,select){width:100%;min-width:0;border:1px solid #dce3d6;border-radius:8px;padding:10px 11px;background:#fff;color:#28372b;font-size:12px!important;line-height:1.6;box-sizing:border-box}.iw-editor textarea{resize:vertical}.iw-editor :is(input,textarea)::placeholder{color:#899081}.iw-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iw-upload{padding:12px;border:1px dashed #d1ddc8;border-radius:9px;background:#f8faf5}.iw-upload input{font-size:11px!important;max-width:100%}.iw-upload>span{color:#748168;font-size:10px;overflow-wrap:anywhere}.iw-cost{margin:0;color:#6f7e66;font-size:11px;text-align:center;line-height:1.7}.iw-feedback{font-size:12px;color:#57724d;line-height:1.7;margin:0;overflow-wrap:anywhere}.iw-feedback:empty{display:none}.iw-feedback.is-error{color:#9d3e2f}#view-images .iw-close{position:absolute;right:12px;top:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce2d5;border-radius:50%;background:#fffffff2;color:#4b5f46;font-size:25px}
#view-images .iw-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.iw-work-card{border:1px solid #e0e6d9;border-radius:12px;padding:16px;background:#fff;min-width:0}.iw-work-prompt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0;color:#64705b;font-size:12px;line-height:1.7}.iw-work-status{display:inline-block;font-size:10px;background:#edf2e7;color:#4e7042;border-radius:5px;padding:4px 7px}.iw-work-status.error{color:#983f30;background:#f8e9e2}.iw-work-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #e9ede3;margin-top:15px;padding-top:12px}.iw-work-actions small{color:#7b8572;font-size:10px}.iw-work-image .generated-image-preview{margin:0 0 10px;max-height:360px;border-radius:7px;background:#f2f4ec}.iw-work-image .button{min-height:36px;font-size:11px;background:#fff;color:#42623d;border-color:#d8e1d1}.iw-pending{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f5ee;border-radius:8px;gap:14px;text-align:center;padding:20px}.iw-pending strong{font-size:14px}.iw-pending p{margin:0;font-size:11px;color:#7a8570;line-height:1.7}.iw-spinner{width:24px;height:24px;border:2px solid #d7e2ce;border-top-color:#497744;border-radius:50%;animation:iw-spin 1s linear infinite}@keyframes iw-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.iw-grid{gap:28px}.iw-card-body{padding:20px 20px 0}}
@media(max-width:1200px){.iw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.iw-filterbar{align-items:flex-start;flex-direction:column;gap:12px}.iw-search{max-width:none;width:100%;box-sizing:border-box}#view-images .iw-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-images{padding:22px 16px 80px}.iw-header{align-items:flex-start;gap:12px;padding-bottom:20px}.iw-header h1{font-size:28px}.iw-header p{font-size:12px;line-height:1.7}.iw-header .iw-primary{padding:0 13px!important;min-height:40px!important;font-size:12px!important}.iw-eyebrow{font-size:9px}.iw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.iw-card-body{padding:12px 11px 0}.iw-card h3{font-size:13px}.iw-card-body>p{font-size:10px}.iw-card-footer>span{display:none}.iw-card-footer{justify-content:flex-end}.iw-results{align-items:flex-start}.iw-results p{max-width:170px;text-align:right;line-height:1.6}.iw-categories{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:4px}.iw-categories button{min-height:40px;padding:0 11px}.iw-filterbar{margin-top:18px}.iw-tabs{gap:22px}.iw-service{font-size:9px}.iw-preview-label{opacity:1;transform:none;font-size:9px;padding:5px 7px}.iw-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:14px}.iw-dialog-layout{grid-template-columns:1fr}.iw-preview{padding:20px}.iw-preview img{max-height:35svh;width:auto;max-width:100%}.iw-editor{padding:22px}.iw-editor-intro{margin-bottom:18px}.iw-field-row{grid-template-columns:1fr 1fr}#view-images .iw-works-grid{grid-template-columns:1fr}}
.iw-result-dialog{padding:24px;width:min(1000px,calc(100vw - 28px));max-width:none;max-height:calc(100svh - 28px);border:1px solid #dce3d6;border-radius:16px;background:#f6f8f1;overflow:auto}.iw-result-dialog::backdrop{background:#142318b0;backdrop-filter:blur(5px)}.iw-result-dialog>img{display:block;width:100%;height:auto;max-height:78svh;object-fit:contain;margin-bottom:16px}.iw-result-dialog>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.iw-work-image .generated-image-preview{cursor:zoom-in}
.iw-template-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid #e0e7d9;border-radius:9px;background:#fafbf7}.iw-template-fields legend{padding:0 6px;color:#47633d;font-size:12px;font-weight:600}.iw-template-fields label{min-width:0}.iw-load-more{display:block;margin:26px auto 0;min-width:220px}.iw-filterbar .iw-categories{min-width:0}.iw-template-fields input{min-width:0}#view-images .iw-categories button{font-size:12px;min-height:40px}
@media(max-width:420px){.iw-template-fields{grid-template-columns:1fr}.iw-header{flex-wrap:wrap}.iw-header .iw-primary{margin-top:5px}}
@media(prefers-reduced-motion:reduce){#view-images *{animation:none!important;transition:none!important}.iw-card:hover .iw-art img{transform:none}}