.image-wall{--image-wall-tile:clamp(280px, 23vw, 327px);isolation:isolate;background:var(--image-canvas,#fafafa);color:var(--image-ink,#171717);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.image-wall-stage{grid-template-columns:repeat(4, var(--image-wall-tile));will-change:transform;gap:18px;width:max-content;padding:0 100px 30px;display:grid;position:absolute;top:60px;left:50%}.image-wall-tile{width:var(--image-wall-tile);aspect-ratio:1.5;border:1px solid color-mix(in srgb, var(--image-border,#ddd) 50%, transparent);background:var(--image-border,#ddd);text-align:left;cursor:inherit;-webkit-tap-highlight-color:transparent;border-radius:24px;padding:0;transition:box-shadow .18s;display:block;position:relative;overflow:hidden}.image-wall-tile:nth-child(8n+5),.image-wall-tile:nth-child(8n+6),.image-wall-tile:nth-child(8n+7),.image-wall-tile:nth-child(8n+8){transform:translate(90px)}.image-wall-tile img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.image-wall-caption{color:#fff;opacity:.84;pointer-events:none;background:linear-gradient(#0000,#000a);flex-direction:column;justify-content:flex-end;gap:4px;padding:36px 18px 19px;transition:opacity .18s;display:flex;position:absolute;inset:25% 0 0}.image-wall-category{opacity:.72;font-size:12px;line-height:1.4}.image-wall-title{letter-spacing:-.025em;font-size:16px;font-weight:500;line-height:1.25}.image-wall-tile:hover img{transform:scale(1.025)}.image-wall-tile:hover .image-wall-caption,.image-wall-tile:focus-visible .image-wall-caption{opacity:1}.image-wall-tile:focus-visible{outline:3px solid var(--image-ink,#171717);outline-offset:4px}.image-wall--dragging,.image-wall--dragging .image-wall-tile{cursor:grabbing}.image-wall--dragging .image-wall-tile img{transform:none}.image-wall-fade{z-index:1;background:linear-gradient(to bottom, transparent 39%, var(--image-canvas,#fafafa) 83%);pointer-events:none;position:absolute;inset:0}.image-wall-reset{z-index:2;border:1px solid var(--image-border,#ddd);width:34px;height:34px;color:inherit;background:var(--image-canvas,#fafafa);cursor:pointer;border-radius:11px;place-items:center;padding:0;transition:background .16s;display:grid;position:absolute;top:18px;right:22px}.image-wall-reset:hover{background:color-mix(in srgb, var(--image-ink,#171717) 8%, var(--image-canvas,#fafafa))}.image-wall-reset:focus-visible{outline-offset:3px;outline:2px solid}@media (width<=1050px){.image-wall{--image-wall-tile:280px}.image-wall-stage{grid-template-columns:repeat(3, var(--image-wall-tile))}.image-wall-tile:nth-child(n){transform:none}.image-wall-tile:nth-child(6n+4),.image-wall-tile:nth-child(6n+5),.image-wall-tile:nth-child(6n+6){transform:translate(70px)}}@media (width<=600px){.image-wall{--image-wall-tile:218px}.image-wall-stage{grid-template-columns:repeat(2, var(--image-wall-tile));gap:12px;padding-left:70px;padding-right:70px;top:62px}.image-wall-tile:nth-child(n){border-radius:19px;transform:none}.image-wall-tile:nth-child(4n+3),.image-wall-tile:nth-child(4n+4){transform:translate(46px)}.image-wall-caption{gap:3px;padding:25px 13px 14px}.image-wall-title{font-size:13px}.image-wall-category{font-size:11px}.image-wall-reset{width:32px;height:32px;top:17px;right:14px}.image-wall-fade{background:linear-gradient(to bottom, transparent 30%, var(--image-canvas,#fafafa) 77%)}}@media (prefers-reduced-motion:reduce){.image-wall-stage{will-change:auto}.image-wall-tile,.image-wall-tile img,.image-wall-caption,.image-wall-reset{transition:none}.image-wall-tile:hover img{transform:none}}.image-wall{cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto;padding:18px 0 40px;position:relative;inset:auto;overflow:clip visible}.image-wall-stage{will-change:auto;padding-bottom:0;position:relative;top:auto;left:50%;transform:translate(-50%)}.image-wall-tile{cursor:pointer}@media (width<=600px){.image-wall-stage{top:auto}}.image-studio{--image-canvas:var(--background);--image-ink:var(--foreground);--image-border:var(--border);isolation:isolate;background:var(--image-canvas);height:100dvh;min-height:600px;position:relative;overflow:hidden}.image-studio-topbar{z-index:5;pointer-events:none;justify-content:space-between;gap:20px;display:flex;position:absolute;inset:16px 25px auto}.image-studio-topbar>button{pointer-events:auto}.image-model-top{background:color-mix(in srgb, var(--image-canvas) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:16px;display:flex}.image-model-top>span{color:var(--muted-foreground)}.image-draft-export{border:1px solid var(--border);background:var(--card);border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.image-draft-export:disabled{opacity:.6}.image-studio-bottom{z-index:6;width:min(896px,100% - 48px);position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.image-composer{background:color-mix(in srgb, var(--card) 95%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 21%, var(--border));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:29px;padding:13px 12px 12px;box-shadow:0 12px 50px #11111116}.image-composer textarea{resize:vertical;width:100%;min-height:54px;max-height:170px;color:var(--foreground);background:0 0;border:0;outline:none;padding:6px 10px 12px;font-size:16px;line-height:1.5;display:block}.image-composer textarea::placeholder{color:var(--muted-foreground)}.image-composer-toolbar{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.image-control{border:1px solid var(--border);background:color-mix(in srgb, var(--foreground) 4%, var(--card));white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:12px;display:inline-flex}.image-control:hover{background:var(--muted)}.image-control[aria-pressed=true]{border-color:var(--foreground)}.image-add-reference{flex-shrink:0;width:36px;padding:0}.image-ratio-icon{opacity:.7;border:1px solid;border-radius:2px;width:11px;height:15px}.image-batch{gap:4px;padding:0 3px}.image-batch button{border-radius:50%;justify-content:center;align-items:center;width:23px;height:28px;display:flex}.image-batch output{text-align:center;min-width:10px;font-size:12px}.image-batch button:disabled{opacity:.35}.image-composer-model{text-overflow:ellipsis;background:0 0;border-color:#0000;max-width:190px;margin-left:auto;overflow:hidden}.image-generate{background:var(--primary);width:36px;height:36px;color:var(--primary-foreground);opacity:.45;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.image-availability{color:var(--muted-foreground);text-align:center;margin-top:9px;font-size:10px;line-height:1.6}.image-source-note{color:var(--muted-foreground);text-align:center;margin-top:4px;font-size:9px;line-height:1.5}.image-source-note a{text-underline-offset:2px;text-decoration:underline}.image-studio .image-wall-reset{top:65px;right:25px}.image-reference-strip{flex-wrap:wrap;align-items:center;gap:10px;margin:2px 10px 9px;display:flex}.image-reference{position:relative}.image-reference img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:58px;height:58px}.image-reference button{background:var(--foreground);width:20px;height:20px;color:var(--background);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.image-reference-strip>span{color:var(--muted-foreground);font-size:10px}.image-selected-example{color:var(--muted-foreground);align-items:center;gap:8px;margin:0 10px 5px;font-size:10px;display:flex}.image-selected-example>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-composer-message,.image-composer-error{color:var(--muted-foreground);margin:10px 9px 0;font-size:11px;line-height:1.6}.image-composer-error{color:var(--destructive)}.image-control-menu{min-width:150px;font-family:Plus Jakarta Sans Variable,sans-serif}.image-control-menu [data-slot=dropdown-menu-item]{justify-content:space-between;gap:25px;padding:9px 11px;font-size:12px}.image-model-dialog{border-radius:20px;max-height:85dvh;padding:25px;font-family:Plus Jakarta Sans Variable,sans-serif;overflow:auto}.image-model-search{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.image-model-search input{background:0 0;outline:none;width:100%;font-size:13px}.image-model-list{flex-direction:column;gap:5px;display:flex}.image-model-list>button{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;padding:12px;display:flex}.image-model-list>button[aria-pressed=true]{border-color:var(--border);background:var(--muted)}.image-model-list>button:hover{background:var(--muted)}.image-model-list strong{font-size:13px;font-weight:600;display:block}.image-model-list small{color:var(--muted-foreground);margin-top:5px;font-size:10px;display:block}.image-model-list>button>svg{margin-left:auto}.image-model-list>p{color:var(--muted-foreground);padding:20px;font-size:13px}@media (width<=1100px){.image-control{gap:5px;padding:0 9px}.image-composer-toolbar{gap:4px}.image-composer-model{max-width:160px}}@media (width<=900px){.image-style-control>span{display:none}}@media (width<=767px){.image-studio{height:calc(100dvh - 53px);min-height:520px}}@media (width<=700px){.image-studio-topbar{inset:10px 13px auto}.image-model-top{gap:5px;padding:8px;font-size:13px}.image-draft-export{padding:8px;font-size:10px}.image-studio-bottom{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100% - 24px)}.image-composer{border-radius:23px;padding:10px}.image-composer textarea{min-height:66px;font-size:16px}.image-control{height:32px;padding:0 9px;font-size:11px}.image-add-reference{width:32px;padding:0}.image-composer-toolbar{gap:5px}.image-lora-control{display:none}.image-composer-model{max-width:150px}.image-generate{width:32px;height:32px}.image-availability{margin-top:7px;font-size:9px}.image-source-note{font-size:8px}}@media (prefers-reduced-motion:reduce){.image-studio *{transition:none!important}}.image-view-toggle{pointer-events:auto;border:1px solid var(--border);background:color-mix(in srgb, var(--image-canvas) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.image-view-toggle button{color:var(--muted-foreground);border-radius:7px;padding:6px 12px;font-size:11px;font-weight:600}.image-view-toggle button[aria-selected=true]{background:var(--foreground);color:var(--background)}.image-results{z-index:4;background:var(--image-canvas);padding:8px 25px 230px;position:absolute;inset:64px 0 0;overflow:auto}.image-results h2{margin-bottom:4px;font-size:17px;font-weight:650}.image-results>p{color:var(--muted-foreground);margin-bottom:14px;font-size:12px}.image-availability a{text-underline-offset:3px;text-decoration:underline}.image-studio{height:auto;min-height:100dvh;overflow:clip visible}.image-studio-topbar{background:linear-gradient(var(--image-canvas) 55%, transparent);padding:16px 25px 10px;position:sticky;inset:0 auto auto}.image-studio-topbar>div{pointer-events:auto}.image-studio-bottom{background:linear-gradient(transparent, var(--image-canvas) 55%);pointer-events:none;width:100%;margin-top:-150px;padding:60px max(24px,50% - 448px) 15px;position:sticky;bottom:0;left:auto;transform:none}.image-studio-bottom>*{pointer-events:auto}.image-results{min-height:60vh;padding:8px 25px 200px;position:static;inset:auto;overflow:visible}@media (width<=767px){.image-studio{height:auto;min-height:calc(100dvh - 53px)}.image-studio-topbar{top:53px}}@media (width<=700px){.image-studio-topbar{padding:10px 13px 8px}.image-studio-bottom{padding:40px 12px max(10px, env(safe-area-inset-bottom))}}