.image-workspace{--q-bg:#080e0c;--q-panel:#0b1310;--q-line:#23362f;--q-muted:#92a89e;--workspace-header:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.quick-site.image-workspace .public-nav{max-width:none;min-height:var(--workspace-header);height:var(--workspace-header);z-index:50;border-bottom:1px solid var(--q-line);background:#09110efc;flex-wrap:nowrap;gap:24px;padding:10px 22px;position:sticky;top:0}.quick-site.image-workspace .public-nav nav{flex-wrap:nowrap;order:0;width:auto}.image-workspace .public-nav-cta{display:none}.image-workspace .image-seo-heading{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quick-site.image-workspace .quick-generator{max-width:none;height:calc(100dvh - var(--workspace-header));min-height:580px;scroll-margin-top:var(--workspace-header);border:0;border-radius:0;grid-template-columns:208px 368px minmax(0,1fr);align-items:stretch;gap:0;margin:0;display:grid;overflow:hidden}.image-workspace-sidebar{scrollbar-width:thin;border-right:1px solid var(--q-line);background:#08100d;flex-direction:column;justify-content:space-between;min-height:0;padding:15px 10px 14px;display:flex;overflow:auto}.image-workspace-sidebar nav{flex-direction:column;gap:3px;display:flex}.image-workspace-sidebar nav>p{color:#6f9181;letter-spacing:1.5px;margin:24px 14px 8px;font-size:9px;font-weight:600}.image-workspace-sidebar :is(a,button){text-align:left;color:#adbbb5;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:11px;min-height:38px;padding:9px 12px;font-size:12px;text-decoration:none;display:flex}.image-workspace-sidebar :is(a,button):hover{color:#e5fff3;background:#16251e}.image-workspace-sidebar button[aria-pressed=true]{color:#a2f3db;background:#18392e;border-color:#295543}.image-workspace-sidebar button:disabled{opacity:.6;cursor:wait}.image-workspace-sidebar .image-workspace-plans{color:#0c2920;background:#94ebd1;border-radius:99px;justify-content:center;margin-top:28px;font-weight:650}.image-workspace-sidebar svg{flex-shrink:0}.image-workspace :is(a,button,input,textarea,select,summary):focus-visible{outline-offset:3px;outline:2px solid #98f2df}.quick-site.image-workspace .image-workspace-form{border:0;border-right:1px solid var(--q-line);background:#0b1310;border-radius:0;flex-direction:column;max-height:none;padding:0;display:flex;position:static;overflow:hidden}.image-form-scroll{scrollbar-width:thin;scrollbar-color:#325144 transparent;flex:1;min-height:0;padding:22px 22px 12px;overflow-y:auto}.image-form-heading{margin-bottom:27px}.image-form-heading h2{letter-spacing:-.55px;font-size:20px;font-weight:700}.image-form-heading p{color:#90a99c;margin-top:7px;font-size:12px;line-height:1.6}.image-form-scroll>label{margin:20px 0 9px;font-size:12px;font-weight:600;display:block}.image-workspace .image-workspace-form :is(textarea,select){background:#09110d;border-color:#31483c;font-size:12px}.image-workspace .image-workspace-form select{border-radius:8px;min-height:38px}.image-prompt-label{justify-content:space-between;align-items:center;margin:23px 0 9px;display:flex}.image-prompt-label label{font-size:12px;font-weight:600}.image-prompt-label label span{color:#91e8cb}.image-prompt-label button{font-size:10px}.image-prompt-input{position:relative}.image-workspace .image-workspace-form textarea{resize:vertical;min-height:168px;padding-bottom:30px;font-size:13px}.image-prompt-input>span{color:#839b8d;pointer-events:none;font-size:10px;position:absolute;bottom:10px;right:12px}.image-workspace .quick-save-status{color:#6c8a79;min-height:13px;margin-top:6px;font-size:9px}.image-workspace .quick-references{margin-top:20px}.image-workspace .quick-references legend{font-size:12px}.image-workspace .quick-reference-list{margin-top:12px}.image-workspace .quick-reference-add{color:#b3cec0;background:#0a120e;border-color:#375143;border-radius:9px}.image-workspace .quick-reference-add.is-empty{border-style:dashed;flex-direction:column;justify-content:center;gap:7px;width:100%;height:128px;display:flex}.image-workspace .quick-reference-add small{color:#6d8b7c;font-size:9px}.image-workspace .quick-references>p{font-size:10px;line-height:1.6}.image-workspace .quick-settings{border:0;margin-top:20px;padding:0}.image-workspace .quick-settings summary{color:#a5b9ad;font-size:11px}.image-workspace .quick-settings summary>span{font-size:10px}.image-workspace .quick-cost{background:#132119;border:1px solid #233b2d;border-radius:9px;gap:10px;margin:22px 0 8px;padding:14px}.image-workspace .quick-cost strong{font-size:17px}.image-workspace .quick-cost a{color:#9addc0;margin-top:7px;font-size:11px;display:block}.image-form-submit{border-top:1px solid var(--q-line);background:#0b1310;flex-shrink:0;padding:16px 22px 12px}.image-workspace .quick-generate-button{border-radius:99px;justify-content:center;min-height:43px;font-size:13px}.image-form-submit>p{color:#7f9f8b;text-align:center;margin-top:8px;font-size:9px;line-height:1.6}.image-workspace-content{background:#0a100d;flex-direction:column;min-width:0;min-height:0;display:flex}.image-workspace .image-workspace-content [hidden]{display:none}.image-workspace-tabs{border-bottom:1px solid var(--q-line);flex-shrink:0;align-items:center;gap:10px;min-height:57px;padding:10px 22px;display:flex}.image-workspace-tabs button{color:#91a89b;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;min-height:32px;padding:7px 13px;font-size:12px;font-weight:600;display:flex}.image-workspace-tabs button[aria-selected=true]{color:#c4ffe9;background:#172b20;border-color:#284b3a}.image-workspace-content>[role=tabpanel]{scrollbar-width:thin;scrollbar-color:#325144 transparent;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.image-workspace .studio-showcase-workspace{padding:20px 22px 30px}.image-workspace .studio-showcase-heading{margin-bottom:14px}.image-workspace .studio-showcase-heading h2{letter-spacing:-.2px;margin:0;font-size:15px}.image-workspace .studio-showcase-heading :is(p,.studio-showcase-eyebrow),.image-workspace .studio-showcase-count{display:none}.image-workspace .studio-case-filters{gap:6px;margin-bottom:18px}.image-workspace .studio-case-filters button{align-items:center;gap:8px;min-height:30px;padding:5px 11px;font-size:10px;display:flex}.image-workspace .studio-case-filters button>span{opacity:.65;font-size:9px}.image-workspace .studio-case-grid{columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.image-workspace .studio-case{background:#101a14;border-color:#2a3b30;border-radius:11px;flex-direction:column;margin:0;display:flex}.image-workspace .studio-case-header{justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex}.image-workspace .studio-case-header h3{font-size:13px;font-weight:600;line-height:1.5}.image-workspace .studio-case-header button{color:#9ee7c6;background:#1b2c20;border:1px solid #3c5a49;border-radius:99px;flex-shrink:0;min-height:29px;padding:5px 10px;font-size:10px}.image-workspace .studio-case-header button:disabled{opacity:.6;cursor:wait}.image-workspace .studio-case-image{background:#09110d;border-radius:7px;width:calc(100% - 20px);margin:0 10px}.image-workspace .studio-case-image>img{object-fit:contain;background:#09110d;height:280px}.image-workspace .studio-case-image-tag{display:none}.image-workspace .studio-case figcaption{padding:12px 14px 14px}.image-workspace .studio-case-caption{display:none}.image-workspace .studio-case-excerpt{-webkit-line-clamp:2;color:#819d8c;-webkit-box-orient:vertical;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.image-workspace .studio-case-prompt{margin-top:8px}.image-workspace .studio-case-prompt summary{font-size:10px}.image-workspace .quick-output{background:#0a100d;border:0;border-radius:0;min-height:100%}.image-workspace .quick-section,.image-workspace .quick-footer{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}:is(.studio-home,.image-workspace) .studio-case-comparison{background:#283c30;grid-template-columns:1fr 1fr;gap:3px;display:grid}:is(.studio-home,.image-workspace) .studio-case-comparison>span{background:#0a130e;align-items:center;min-width:0;display:flex;position:relative}:is(.studio-home,.image-workspace) .studio-case-comparison img{object-fit:contain;width:100%;height:auto;min-height:180px}.image-workspace .studio-case-comparison{height:280px}.image-workspace .studio-case-comparison img{min-height:0;max-height:280px}:is(.studio-home,.image-workspace) .studio-case-comparison em{color:#e0f3e5;background:#07150be6;border:1px solid #ffffff30;border-radius:6px;padding:4px 8px;font-size:9px;font-style:normal;position:absolute;bottom:8px;left:8px}:is(.studio-home,.image-workspace) .studio-case-large>figure{flex:1;width:100%;min-width:0}:is(.studio-home,.image-workspace) .studio-case-large.has-reference{grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}:is(.studio-home,.image-workspace) .studio-case-large figcaption{color:#afc7b8;text-align:center;padding:12px 4px;font-size:11px}@media (min-width:1800px){.quick-site.image-workspace .quick-generator{grid-template-columns:220px 430px minmax(0,1fr)}.image-workspace .studio-case-image>img,.image-workspace .studio-case-comparison{height:360px}.image-workspace .studio-case-comparison img{max-height:360px}}@media (max-width:1250px){.quick-site.image-workspace .quick-generator{grid-template-columns:176px 330px minmax(0,1fr)}.image-workspace-sidebar :is(a,button){gap:8px;font-size:11px}.image-form-scroll{padding:20px 18px 12px}.image-form-submit{padding:14px 18px 10px}.image-workspace .studio-case-grid{grid-template-columns:1fr}}@media (max-width:1000px){.quick-site.image-workspace .quick-generator{grid-template-columns:70px 320px minmax(0,1fr)}.image-workspace-sidebar{padding:15px 8px}.image-workspace-sidebar nav>p{height:12px;margin:8px 0;font-size:0}.image-workspace-sidebar :is(a,button){justify-content:center}.image-workspace-sidebar :is(a,button)>span,.image-workspace-sidebar .image-workspace-plans{display:none}.quick-site.image-workspace .public-nav{gap:14px;padding:10px 16px}.quick-site.image-workspace .public-nav nav{gap:12px}.image-workspace .public-nav nav>a[href="/tools/image"]{display:none}}@media (max-width:760px){.image-workspace{--workspace-header:116px}.quick-site.image-workspace .public-nav{flex-wrap:wrap;gap:12px;height:auto;min-height:116px;position:relative}.quick-site.image-workspace .public-nav nav{order:3;justify-content:center;width:100%}.quick-site.image-workspace .quick-generator{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.image-workspace-sidebar{border-right:0;border-bottom:1px solid var(--q-line);padding:10px 16px;overflow:visible}.image-workspace-sidebar nav{flex-direction:row;gap:8px}.image-workspace-sidebar nav>:not(button){display:none}.image-workspace-sidebar nav>button{flex:1;min-height:40px;font-size:12px}.image-workspace-sidebar button>span{display:inline}.quick-site.image-workspace .image-workspace-form{border-right:0;border-bottom:1px solid var(--q-line)}.image-form-scroll{padding:22px 20px 12px;overflow:visible}.image-form-submit{padding:15px 20px}.image-workspace-content>[role=tabpanel]{overflow:visible}.image-workspace-tabs{padding:12px 20px}.image-workspace .studio-showcase-workspace{padding:18px 16px 24px}.image-workspace .studio-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-workspace .studio-case-header{flex-direction:column;align-items:flex-start;padding:12px}.image-workspace .studio-case-image>img,.image-workspace .studio-case-comparison{height:230px}.image-workspace .studio-case-comparison img{max-height:230px}}@media (max-width:480px){.image-workspace .studio-case-grid{grid-template-columns:1fr}.image-workspace .studio-case-header{flex-direction:row;align-items:center}.image-workspace .studio-case-image>img,.image-workspace .studio-case-comparison{height:280px}.image-workspace .studio-case-comparison img{max-height:280px}.image-workspace .studio-case-header h3{max-width:65%}}@media (max-width:760px){.quick-site.image-workspace header.public-nav nav[aria-label]{gap:12px}}.image-workspace .quick-reference-add:not(.is-empty){flex-direction:column;justify-content:center;gap:3px;padding:6px;display:flex}.image-workspace .quick-reference-add:not(.is-empty) small{display:none}.image-workspace .quick-reference-add:not(.is-empty) span{text-align:center;font-size:9px;line-height:1.3}.image-workspace .quick-reference-add:not(.is-empty) svg{flex-shrink:0;width:18px;height:18px}.image-workspace .image-prompt-input>span{text-align:right;background:#09110d;border-radius:0 0 8px 8px;padding:6px 10px;bottom:1px;left:1px;right:1px}