/* A compact vertical tool rail and a selection-aware Photoshop-style context bar. */
html.generative-workspace .gf-retired-dock{display:none!important}
.gf-tool-rail,.gf-selection-options,.gf-context-bar{box-sizing:border-box;position:absolute;z-index:14;color:#e7e5ec;background:#24252def;border:1px solid #ffffff23;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff06;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.gf-tool-rail{top:14px;width:45px;max-height:calc(100% - 28px);padding:5px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:5px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:left .24s cubic-bezier(.2,.7,.2,1)}
.gf-rail-group{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding-top:5px;border-top:1px solid #ffffff12}
.gf-tool-rail .canvas-icon-button,.gf-tool-rail .gf-icon-button,.gf-tool-rail .canvas-import-button{display:flex!important;align-items:center;justify-content:center;width:33px;height:34px;min-height:34px;padding:8px!important;margin:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#c4c2ce;flex-shrink:0;cursor:pointer}
.gf-tool-rail .canvas-icon-button:hover:not(:disabled),.gf-tool-rail .gf-icon-button:hover:not(:disabled),.gf-tool-rail .canvas-import-button:hover:not(:disabled){color:#f4e1a2;border-color:#ead07845;background:#e7c95c12}
.gf-tool-rail .canvas-icon-button.selected{border-color:#e6c76b66;background:#e6c76b17;color:#f0d477}
.gf-tool-rail .canvas-icon-button:disabled{opacity:.35;cursor:default}.gf-tool-rail svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gf-tool-rail .canvas-mask-tool-wrap{display:flex}.gf-tool-rail #canvas-tool-transform{display:none!important}
.gf-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#bdbbc8;cursor:pointer}
.gf-icon-button svg,.gf-action svg,.gf-options-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.gf-icon-button:hover:not(:disabled){color:#fff;background:#ffffff0b}.gf-icon-button:disabled{opacity:.35;cursor:default}.gf-icon-button:focus-visible,.gf-action:focus-visible,.gf-primary:focus-visible,.gf-secondary:focus-visible,.gf-variation:focus-visible,.gf-tool-rail button:focus-visible{outline:2px solid #ead178;outline-offset:1px}
.gf-selection-options{top:14px;display:flex;align-items:center;gap:7px;width:max-content;min-height:37px;padding:5px 9px;border-radius:9px;font-size:11px;transition:left .24s cubic-bezier(.2,.7,.2,1)}
.gf-selection-options[hidden],.gf-context-bar[hidden],.gf-context-bar [hidden],.gf-settings-drawer[hidden],.gf-drawer-shade[hidden]{display:none!important}
.gf-selection-options>label{color:#b3afbf}.gf-selection-options select{height:25px;min-height:25px;padding:3px 19px 3px 7px;font-size:11px;background:#1c1d24;color:#e4e1ed;border:1px solid #ffffff22;border-radius:5px}
.gf-selection-options .canvas-ratio-control{display:flex;gap:6px;align-items:center;margin:0;padding-left:8px;border-left:1px solid #ffffff18;font-size:10px;color:#bbb7c5}.gf-selection-options .canvas-ratio-control span{display:none}.gf-selection-options #canvas-ratio{width:62px;min-width:62px;max-width:75px;opacity:1}.gf-selection-options #canvas-ratio:disabled{opacity:.4}.gf-options-icon{display:flex;align-items:center;color:#ddcd92}
.gf-context-bar{display:flex;flex-direction:column;gap:0;width:max-content;padding:6px;border-radius:11px;transform:none;max-width:calc(100% - 24px);transition:box-shadow .15s ease,border-color .15s ease;overflow:hidden}
.gf-context-main{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}.gf-context-actions{display:flex;align-items:center;gap:5px;min-width:0}.gf-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;background:#ffffff07;color:#dedbe6;border:1px solid #ffffff12;border-radius:6px;white-space:nowrap;font:inherit;font-size:12px;line-height:18px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.gf-action:hover:not(:disabled){background:#ffffff11;border-color:#ffffff29;color:#fff}.gf-action:disabled{opacity:.4;cursor:default}.gf-action svg{flex-shrink:0}.gf-context-actions #gf-fill-open{background:#e1c05c10;border-color:#e7c66a3d;color:#f1dc9a}.gf-context-actions #gf-fill-open:hover:not(:disabled){background:#e1c05c1e;border-color:#e7c66a70}.gf-context-main>#gf-context-more{border-left:1px solid #ffffff16;border-radius:0 5px 5px 0;width:32px;margin-left:1px;padding-left:8px}
.gf-context-bar.is-prompt{width:490px}.gf-prompt-form{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.gf-prompt-form textarea{display:block;box-sizing:border-box;resize:none;min-width:65px;flex:1;height:34px;min-height:34px;max-height:78px;padding:8px 9px;border:1px solid #ffffff28;border-radius:6px;background:#17181f;color:#f1edf9;font:inherit;font-size:12px;line-height:16px;outline:none}.gf-prompt-form textarea:focus{border-color:#d7bf71;box-shadow:0 0 0 2px #dbbf5c12}.gf-prompt-form textarea::placeholder{color:#a6a1b4}.gf-prompt-form>.gf-icon-button{width:25px;padding:4px}
.gf-primary,.gf-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 14px;border:1px solid #e8ca60;border-radius:6px;background:#ebcd63;color:#252114;font:inherit;font-size:12px;font-weight:550;white-space:nowrap;cursor:pointer}.gf-primary:hover:not(:disabled){background:#f4d875}.gf-primary:disabled{opacity:.5;cursor:default}.gf-secondary{border-color:#ffffff25;color:#dcd8e8;background:#ffffff07;font-weight:400}.gf-secondary:hover{background:#ffffff10}
.gf-context-status{padding:7px 6px 1px;font-size:10px;color:#d7c27f;line-height:15px;max-width:450px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gf-context-bar.has-progress{border-color:#ddc46b66;box-shadow:0 5px 28px #0007,0 0 16px #e4c8660d}.gf-context-bar.has-progress .gf-context-status::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #e0c86e;border-top-color:transparent;margin-right:6px;vertical-align:-1px;animation:gf-context-spin 1.1s linear infinite}
@keyframes gf-context-spin{to{transform:rotate(360deg)}}
.gf-variations{display:flex;align-items:center;gap:5px;max-width:100%;padding:7px 2px 1px;margin-top:6px;border-top:1px solid #ffffff16}.gf-variation-list{display:flex;align-items:center;gap:5px;overflow-x:auto;min-width:0;flex:1}.gf-variation{position:relative;display:flex;flex-shrink:0;width:49px;height:43px;padding:2px;border:1px solid #ffffff2b;border-radius:6px;background:repeating-conic-gradient(#303039 0% 25%,#24242c 0% 50%) 0/10px 10px;cursor:pointer;overflow:hidden}.gf-variation img{width:100%;height:100%;object-fit:contain;border-radius:3px}.gf-variation span{position:absolute;right:2px;bottom:2px;min-width:12px;padding:1px 3px;border-radius:3px;background:#15151dd4;color:#eee;font-size:8px;line-height:11px}.gf-variation.is-selected{border-color:#e9cc69;box-shadow:inset 0 0 0 1px #e9cc69}.gf-variation:hover{border-color:#e5d6a1}#gf-variation-count{font-size:10px;font-variant-numeric:tabular-nums;color:#bab4c8;white-space:nowrap;margin:0 3px}.gf-variations>.gf-icon-button{width:24px;height:28px;padding:4px}
#main-page .generative-workspace .canvas-zoom-controls{position:absolute;transform:none;z-index:12;display:flex!important;align-items:center;min-height:30px;margin:0;padding:4px;border:1px solid #ffffff1c;border-radius:9px;background:#23232bed;box-shadow:0 5px 22px #0004}
#main-page .generative-workspace .canvas-statusbar{top:62px;left:var(--gf-left-clear);transition:left .24s cubic-bezier(.2,.7,.2,1)}
#main-page .generative-workspace>.studio-settings{transition:width .24s cubic-bezier(.2,.7,.2,1),background .2s}
#main-page .generative-workspace .settings-top,#main-page .generative-workspace .panel-upload,#main-page .generative-workspace .left-scroll,#main-page .generative-workspace .left-generate-bar{transition:opacity .16s,visibility .16s}
#main-page .generative-workspace.gf-compact-left{--floating-left:88px}
#main-page .generative-workspace.gf-compact-left>.studio-settings{display:flex;width:88px;top:var(--floating-gap);bottom:var(--floating-gap);overflow:hidden}
#main-page .generative-workspace.gf-compact-left .studio-settings .settings-top,#main-page .generative-workspace.gf-compact-left .studio-settings .panel-upload,#main-page .generative-workspace.gf-compact-left .studio-settings .left-scroll,#main-page .generative-workspace.gf-compact-left .studio-settings .left-generate-bar{display:none!important;visibility:hidden;opacity:0;pointer-events:none}
#main-page .generative-workspace.gf-compact-left .studio-settings .panel-body{overflow:hidden;padding:0;min-height:0}
#main-page .generative-workspace.gf-compact-left .canvas-material-library{flex:1;min-height:0;margin:0;border:0;border-radius:13px;background:transparent}
#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip-heading{justify-content:center;min-height:33px;padding:4px;gap:0}
#main-page .generative-workspace.gf-compact-left .canvas-filmstrip-heading>span{display:none!important}
#main-page .generative-workspace .canvas-library-clear{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:25px;min-height:25px;padding:5px!important}
#main-page .generative-workspace .canvas-library-clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
#main-page .generative-workspace.gf-compact-left .canvas-library-clear{margin:auto}
#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip{grid-template-columns:minmax(0,1fr);grid-auto-rows:84px;padding:6px;gap:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66606f transparent}
#main-page .generative-workspace.gf-compact-left .canvas-material-library :is(.canvas-filmstrip-item,.canvas-filmstrip-import){height:84px;min-height:84px}
#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip-pick{grid-template-rows:61px 11px;padding:4px;gap:3px}
#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip-pick img{height:61px}
#main-page .generative-workspace.gf-compact-left .canvas-filmstrip-state{display:none}
#main-page .generative-workspace.gf-compact-left .canvas-filmstrip-label{font-size:8px;line-height:11px}
#main-page .generative-workspace.gf-compact-left .canvas-filmstrip-import span:last-child{display:none}
#main-page .generative-workspace.gf-compact-left .canvas-filmstrip-import span:first-child{font-size:24px}
#main-page .generative-workspace .canvas-panel-toggle{width:33px;height:32px;padding:7px}.generative-workspace .canvas-panel-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.gf-drawer-shade{position:fixed;inset:0;z-index:9000;background:#08090d66;backdrop-filter:blur(2px);animation:gf-fade-in .18s ease-out}.gf-settings-drawer{position:fixed;z-index:9001;top:12px;right:12px;bottom:12px;display:flex;flex-direction:column;width:min(370px,calc(100vw - 24px));border:1px solid #ffffff28;border-radius:16px;background:#1e1f27f7;color:#e8e3ef;box-shadow:0 24px 90px #0009;overflow:hidden;animation:gf-drawer-in .22s cubic-bezier(.2,.7,.2,1)}
.gf-settings-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 18px 14px}.gf-settings-drawer h2{margin:0;font-size:15px;font-weight:550;letter-spacing:.3px}.gf-drawer-tabs{display:flex;gap:3px;margin:0 14px 12px;padding:4px;background:#1213199c;border:1px solid #ffffff0e;border-radius:9px}.gf-drawer-tab{flex:1;min-width:0;padding:8px 5px;border:0;border-radius:6px;background:transparent;color:#bdb8ca;font:inherit;font-size:12px;cursor:pointer}.gf-drawer-tab[aria-selected=true]{background:#38352c;color:#f1d790;box-shadow:inset 0 0 0 1px #e8cd6440}.gf-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 17px 20px;scrollbar-width:thin;scrollbar-color:#60586d transparent}.gf-drawer-message{margin:18px 4px;color:#b9b2c8;font-size:12px;line-height:1.7}.gf-drawer-message.is-error{color:#f4baab}.gf-info-card{padding:16px;margin:0 0 11px;border:1px solid #ffffff15;border-radius:10px;background:#ffffff03}.gf-info-card h3{margin:0 0 8px;font-size:13px;font-weight:550;color:#e8e2ee}.gf-info-card p{margin:0;color:#bdb4cb;font-size:12px;line-height:1.7}.gf-info-card .gf-primary{margin-top:12px}.gf-info-card .gf-plan-description{font-size:11px;color:#a7a0b7;margin-top:6px}.gf-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.gf-plan-footer strong{font-size:20px;font-weight:550;color:#edd48e}.gf-plan-footer .gf-primary{margin:0}.gf-route-list{display:flex;flex-direction:column;gap:9px}.gf-route-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px;border:1px solid #ffffff1e;border-radius:9px;background:#ffffff04;color:#d6d0e0;font:inherit;font-size:13px;cursor:pointer}.gf-route-option i{box-sizing:border-box;width:15px;height:15px;border-radius:50%;border:1px solid #80778c}.gf-route-option.is-selected{border-color:#e3c36088;background:#e5c2560b;color:#ecd18a}.gf-route-option.is-selected i{border:4px solid #e0c263;background:#28271f}.gf-payment-methods{display:flex;gap:7px;margin-bottom:13px}.gf-payment-method{flex:1;padding:8px;border-radius:7px;border:1px solid #ffffff22;background:#ffffff04;color:#beb7ce;cursor:pointer;font:inherit;font-size:12px}.gf-payment-method[aria-pressed=true]{border-color:#d9bf6666;background:#d8bc5912;color:#edd590}.gf-payment-card{display:flex;flex-direction:column;align-items:center;text-align:center}.gf-payment-card img{width:230px;height:230px;object-fit:contain;background:white;border:10px solid #fff;border-radius:10px;margin:18px 0}.gf-payment-card a{color:#efd992;font-size:12px;margin-bottom:15px}.gf-payment-card .gf-secondary{margin-top:10px}
@keyframes gf-drawer-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes gf-fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.gf-tool-rail{top:55px}.gf-selection-options{top:55px}#main-page .generative-workspace .canvas-statusbar{top:102px}#main-page .generative-workspace.gf-compact-left>.studio-settings{top:55px;bottom:12px}#main-page .generative-workspace.gf-compact-left{--floating-left:88px}.gf-context-bar{max-width:calc(100% - 70px)}#main-page .generative-workspace .canvas-empty{left:75px}.gf-settings-drawer{top:8px;right:8px;bottom:8px;width:min(370px,calc(100vw - 16px))}}
@media(max-width:540px){.gf-tool-rail{width:39px;padding:3px;border-radius:10px;max-height:calc(100% - 67px)}.gf-tool-rail .canvas-icon-button,.gf-tool-rail .gf-icon-button,.gf-tool-rail .canvas-import-button{width:31px;height:32px;min-height:32px;padding:7px!important}.gf-action{font-size:11px;gap:4px;padding:5px 7px;min-height:31px}.gf-action svg{width:15px;height:15px}.gf-context-main{gap:4px}.gf-context-main>#gf-context-more{width:27px;padding:5px}.gf-context-bar{padding:5px}.gf-context-bar.is-prompt{width:320px}.gf-prompt-form{gap:4px;flex-wrap:wrap}.gf-prompt-form textarea{font-size:11px;flex-basis:100px}.gf-prompt-form .gf-primary{font-size:11px;min-height:30px;padding:5px 9px}.gf-prompt-form>.gf-icon-button{width:21px}.gf-selection-options{gap:5px;padding:5px 6px;font-size:10px}.gf-selection-options select{font-size:10px;padding-left:5px}.gf-selection-options>label{display:none}.gf-selection-options .canvas-ratio-control{padding-left:5px}.gf-selection-options #canvas-ratio{width:58px;min-width:58px}#main-page .generative-workspace.gf-compact-left>.studio-settings{width:77px}#main-page .generative-workspace.gf-compact-left{--floating-left:77px}#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip{padding:5px;grid-auto-rows:77px}#main-page .generative-workspace.gf-compact-left .canvas-material-library :is(.canvas-filmstrip-item,.canvas-filmstrip-import){height:77px;min-height:77px}#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip-pick img{height:55px}#main-page .generative-workspace.gf-compact-left .canvas-material-library .canvas-filmstrip-pick{grid-template-rows:55px 10px}.gf-variation{width:40px;height:36px}.gf-variations{gap:3px}.gf-variations>.gf-icon-button{width:19px;padding:2px}#gf-variation-count{font-size:9px;margin:0 1px}.gf-payment-card img{max-width:100%;height:auto;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.gf-tool-rail,.gf-selection-options,#main-page .generative-workspace>.studio-settings,#main-page .generative-workspace .canvas-statusbar,.gf-action{transition:none}.gf-context-bar.has-progress .gf-context-status::before,.gf-drawer-shade,.gf-settings-drawer{animation:none}}

.gf-context-retry{align-self:flex-start;margin:6px 3px 2px;padding:4px 8px;min-height:26px;font-size:10px} .gf-tool-rail #canvas-import svg{display:block!important}