.joss-inspector-position{z-index:30;pointer-events:none;align-items:flex-start;width:350px;max-width:calc(100% - 24px);display:flex;position:absolute;top:64px;bottom:16px;right:12px}.joss-canvas-inspector{pointer-events:auto;width:100%;min-height:0;max-height:100%;color:var(--foreground);--primary:#00e3ff;--ring:#00e3ff;background:#10191b;border:1px solid #24363b;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 48px #0005}.joss-inspector-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px;font-size:13px;font-weight:500;display:flex}.joss-inspector-header>span,.joss-advanced-trigger>span{align-items:center;gap:9px;display:flex}.joss-inspector-header>span>svg{color:#00e3ff}.joss-inspector-header>button,.joss-prompt-tools>button{color:#829497;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.joss-inspector-header>button:hover,.joss-prompt-tools>button:hover{color:#00e3ff;background:#223136}.joss-inspector-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#324a50 transparent;flex-direction:column;gap:8px;min-height:0;padding:0 10px 6px;display:flex;overflow-y:auto}.joss-inspector-prompt{background:#172225;border:1px solid #26383d;border-radius:14px;padding:12px;transition:border-color .15s}.joss-inspector-prompt:focus-within{border-color:#00e3ff80}.joss-inspector-references{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.joss-reference-add{color:#97aaae;background:#1c2a2f;border:1px dashed #3b5056;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.joss-reference-add:hover{color:#00e3ff;border-color:#00e3ff}.joss-inspector-reference{width:42px;height:42px;position:relative}.joss-inspector-reference>img,.joss-reference-video{object-fit:cover;border:1px solid #34474b;border-radius:9px;width:42px;height:42px}.joss-reference-video{color:#a5b8bc;background:#213239;justify-content:center;align-items:center;gap:3px;display:flex}.joss-inspector-reference>button{color:#c1d0d3;background:#142126;border:1px solid #3d5359;border-radius:50%;padding:2px;position:absolute;top:-4px;right:-4px}.joss-inspector-textarea{resize:none;color:#e2ecee;background:0 0;outline:none;width:100%;min-height:84px;padding:2px 0;font-size:13px;line-height:1.75;display:block}.joss-inspector-textarea::placeholder{color:#83989e}.joss-prompt-tools{color:#728a91;justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;display:flex}.joss-inspector-hint{color:#90a8ad;margin:0 0 8px;font-size:11px;line-height:1.5}.joss-inspector-model{background:#19262b;border:1px solid #2b3c41;border-radius:12px;padding:8px 11px;position:relative}.joss-inspector-label{color:#81999f;margin-bottom:4px;font-size:10px;display:block}.joss-inspector-model-picker{width:100%;min-width:0}.joss-inspector-model-picker>button{text-align:left;justify-content:space-between;background:0 0!important;border:0!important;border-radius:0!important;width:100%!important;height:24px!important;min-height:0!important;padding:0!important;font-size:13px!important}.joss-inspector-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.joss-inspector-wide{grid-column:1/-1}.joss-canvas-inspector .jf-video-option-control{background:#19262b;border-color:#2b3c41;border-radius:12px;height:54px}.joss-canvas-inspector button:focus-visible,.joss-canvas-account button:focus-visible{outline-offset:2px;outline:2px solid #00e3ff}.joss-inspector-batch{background:#19262b;border:1px solid #2b3c41;border-radius:12px;justify-content:space-between;align-items:center;min-height:46px;padding:10px 12px;font-size:12px;display:flex}.joss-inspector-batch>div{align-items:center;gap:8px;display:flex}.joss-inspector-batch button{color:#9ab0b5;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.joss-inspector-batch button:hover:enabled{color:#00e3ff;background:#2a3f45}.joss-inspector-batch button:disabled{opacity:.3}.joss-inspector-batch strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.joss-inspector-batch strong>span{color:#738b91}.joss-advanced-trigger{color:#c7d5d8;background:#19262b;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-size:12px;display:flex}.joss-advanced-trigger>svg{color:#789098;transition:transform .15s}.joss-advanced-content{flex-direction:column;gap:10px;padding:12px 0 2px;display:flex}.joss-inspector-style{color:#b9cbcf;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.joss-inspector-style .jf-soul-style-control>button{border-radius:10px;width:158px;height:54px}.joss-inspector-section-title{color:#00e3ff;align-items:center;gap:7px;margin:2px;font-size:11px;display:flex}.joss-inspector-footer{background:#10191b;border-top:1px solid #23373d;flex-direction:column;flex-shrink:0;gap:7px;padding:10px;display:flex}.joss-inspector-generate{color:#002b34;background:#00e3ff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:13px;font-weight:650;transition:filter .15s;display:flex;box-shadow:0 2px 8px #00e3ff18}.joss-inspector-generate:hover:enabled{filter:brightness(1.12)}.joss-inspector-generate:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.joss-inspector-cost{justify-content:center;align-items:center;min-height:20px;font-size:11px;display:flex}.joss-duration-control{color:#91a6ac;background:#19262b;border:1px solid #2b3c41;border-radius:12px;padding:10px 12px;font-size:11px;display:block}.joss-duration-control>span:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.joss-duration-control strong{color:#e0ecee;font-size:12px;font-weight:500}.joss-duration-control input{accent-color:#00e3ff;cursor:pointer;width:100%;height:16px;display:block}.joss-duration-limits{color:#6f8991;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.joss-canvas-account{z-index:35;background:#10191bee;border:1px solid #24363b;border-radius:12px;align-items:center;gap:7px;padding:4px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 20px #0002}.joss-canvas-account .jf-header-account-email{display:none}.joss-canvas-account>button{background:#1b2b30;border-radius:9px;min-height:32px;padding:3px}.joss-canvas-account>div{background:#1b2b30;border-color:#2e4349;border-radius:9px}@media (width<=600px){.joss-inspector-position{width:320px;top:60px;bottom:12px}.joss-canvas-inspector{border-radius:14px}}.joss-canvas-account{box-sizing:border-box;height:42px}.joss-canvas-account>div{height:32px;padding:4px 8px}.joss-canvas-account .jf-header-credit-main{height:22px;min-height:22px}.joss-canvas-account .jf-header-account{width:32px;height:32px;min-height:32px}.joss-canvas-account .jf-header-account>img,.joss-canvas-account .jf-header-account>span:first-child{width:24px;height:24px}.joss-canvas-inspector .jf-video-option-control{box-sizing:border-box;height:56px;min-height:56px;padding:8px 12px}.joss-inspector-model{box-sizing:border-box;height:56px;padding:7px 12px}.joss-inspector-model-picker>button{height:26px!important}.joss-inspector-batch{box-sizing:border-box;height:56px}.joss-inspector-style{min-height:56px}.joss-inspector-style .jf-soul-style-control>button{box-sizing:border-box;height:56px}.joss-duration-control{box-sizing:border-box;align-items:center;gap:12px;height:56px;padding:8px 12px;display:flex}.joss-duration-control>span:first-child{color:#a7bbc1;flex-shrink:0;margin:0;font-size:12px;display:block}.joss-duration-control strong{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:34px}.joss-duration-control input{appearance:none;background:0 0;flex:1;min-width:0;height:28px;margin:0}.joss-duration-control input::-webkit-slider-runnable-track{background:#36525c;border-radius:99px;height:4px}.joss-duration-control input::-webkit-slider-thumb{-webkit-appearance:none;background:#00e3ff;border:2px solid #003b46;border-radius:50%;width:15px;height:15px;margin-top:-5.5px;box-shadow:0 0 0 3px #00e3ff16}.joss-duration-control input::-moz-range-track{background:#36525c;border-radius:99px;height:4px}.joss-duration-control input::-moz-range-thumb{background:#00e3ff;border:2px solid #003b46;border-radius:50%;width:13px;height:13px}.joss-inspector-generate{justify-content:center;gap:10px;min-height:46px;padding:10px 12px}.joss-generate-label{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.joss-inspector-generate .joss-inspector-cost{min-height:0;color:inherit;border-left:1px solid;padding-left:10px;display:inline-flex}.joss-inspector-generate .joss-inspector-cost span{color:inherit;font-size:12px;line-height:18px}.joss-inspector-generate:disabled{opacity:1;color:#a2c7cf;background:#164751}.joss-price-note{color:#899fa6;text-align:center;margin:0;padding:1px 3px;font-size:10px;line-height:1.5}.joss-workspace-home{background:#080d0f;min-height:calc(100vh - 80px);padding:0 0 48px}.joss-workspace-hero{isolation:isolate;background:radial-gradient(at 50% 12%,#00e3ff30,#0000 67%),#080d0f;position:relative;overflow:hidden}.joss-workspace-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#00e3ff2b .8px,#0000 .8px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.joss-node-stage{max-width:1500px;height:440px;margin:0 auto;position:relative}.joss-node-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.joss-node-wires path{fill:none;vector-effect:non-scaling-stroke;transition:d .5s cubic-bezier(.2,.8,.2,1)}.joss-wire-base{stroke:#00e3ff59;stroke-width:1px}.joss-wire-flow{stroke:#00e3ff;stroke-width:1.5px;stroke-dasharray:3 130;opacity:.65;animation:14s linear infinite joss-wire-travel}.joss-demo-node{transform:translate(-50%,-50%) rotate(var(--node-angle));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#ebf9fc;text-align:left;z-index:2;background:#152228;border:1px solid #536f7a;border-radius:13px;transition:transform .55s cubic-bezier(.2,.9,.3,1.3),left .55s cubic-bezier(.2,.9,.3,1.3),top .55s cubic-bezier(.2,.9,.3,1.3),box-shadow .2s;position:absolute;box-shadow:0 14px 35px #0006}.joss-demo-node:hover{box-shadow:0 14px 45px #0009,0 0 0 2px #00e3ff35}.joss-demo-node:focus-visible{outline-offset:5px;outline:2px solid #00e3ff}.joss-demo-node[data-dragging=true]{cursor:grabbing;z-index:5;transition:none}.joss-node-stage:has([data-dragging=true]) .joss-node-wires path{transition:none}.joss-photo-node{padding:6px;overflow:visible}.joss-node-heading{color:#aac4cf;letter-spacing:.04em;align-items:center;gap:6px;padding:3px 5px 8px;font-size:10px;display:flex}.joss-photo-node img{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;height:auto;display:block}.joss-birthday{width:clamp(175px,19vw,255px)}.joss-teddy{width:clamp(130px,13vw,185px)}.joss-prompt-node{color:#d7e7eb;background:linear-gradient(130deg,#1b3037,#112027);border-color:#38515a;width:clamp(155px,15vw,195px);padding:13px 15px;font-size:11px;line-height:1.7}.joss-prompt-label{letter-spacing:.12em;color:#00e3ff;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.joss-prompt-node em{color:#9cb4bd;font-style:normal}.joss-node-port{background:#00e3ff;border:1px solid #00e3ff;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 3px #123741}.joss-port-left{left:-4px}.joss-port-right{right:-4px}.joss-hero-title{text-align:center;z-index:1;background:linear-gradient(125deg,#003f4747,#002d3326);border:1px solid #00e3ff;width:36%;padding:25px 12px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.joss-hero-eyebrow{font-family:var(--font-display,monospace);letter-spacing:.12em;color:#00e3ff;font-size:11px}.joss-hero-title h2{letter-spacing:-.055em;color:#f3fbff;margin:14px 0 12px;font-size:clamp(25px,2.9vw,43px);font-weight:750;line-height:1.24}.joss-hero-title h2 span{color:#00e3ff}.joss-hero-title p{color:#89b2c0;letter-spacing:-.03em;margin:0;font-size:11px}.joss-select-corner{background:#00e3ff;border:1px solid #00e3ff;width:6px;height:6px;position:absolute;box-shadow:0 0 8px #00e3ff80}.joss-select-corner.tl{top:-3px;left:-3px}.joss-select-corner.tr{top:-3px;right:-3px}.joss-select-corner.bl{bottom:-3px;left:-3px}.joss-select-corner.br{bottom:-3px;right:-3px}.joss-sticker{pointer-events:none;z-index:3;font-family:Comic Sans MS,Chalkboard SE,cursive;font-style:italic;font-weight:700;line-height:1.1;position:absolute}.joss-sticker-magic{color:#00e3ff;font-size:19px;top:10%;left:30%;transform:rotate(-13deg)}.joss-sticker-magic b{letter-spacing:-.08em;font-size:29px}.joss-sticker-play{color:#e4bada;border-bottom:2px dashed #e4bada;padding-bottom:5px;font-size:27px;top:10%;right:6%;transform:rotate(12deg)}.joss-deco-cursor{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1px;display:flex;position:absolute}.joss-deco-cursor svg{fill:currentColor;stroke:#09161d;stroke-width:1.5px;filter:drop-shadow(0 0 1px #b4edf9);width:24px;height:24px}.joss-deco-cursor b{color:#07232a;border-radius:5px 10px 10px;padding:4px 8px;font-size:9px;font-weight:650;transform:translate(20px)}.joss-cursor-one{color:#00e3ff;top:20%;left:63%;transform:rotate(-8deg)}.joss-cursor-one b{background:#00e3ff}.joss-cursor-two{color:#dba5cb;top:71%;left:34%;transform:rotate(9deg)}.joss-cursor-two b{background:#dba5cb}.joss-doodle-star{color:#00e3ff;pointer-events:none;font-size:32px;position:absolute}.joss-star-one{top:12%;left:5%;transform:rotate(15deg)}.joss-star-two{color:#e6cadc;font-size:43px;top:72%;right:29%}.joss-hero-hint{color:#56727e;white-space:nowrap;font-size:10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.joss-hero-hint span{color:#00e3ff;margin-left:5px}.joss-canvas-library{max-width:1250px;margin:4px auto 0;padding:0 40px}.joss-library-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.joss-library-title{color:#effaff;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.joss-library-title span{color:#7995a1;border:1px solid #283b42;border-radius:20px;padding:2px 7px;font-size:10px}.joss-library-tools{align-items:center;gap:10px;display:flex}.joss-library-search{color:#76929e;background:#111c21;border:1px solid #23353d;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;display:flex}.joss-library-search input{color:#deedf2;background:0 0;outline:none;width:145px;font-size:11px}.joss-library-search:focus-within{border-color:#00e3ff}.joss-library-tools select{color:#b2c7cf;background:#111c21;border:1px solid #23353d;border-radius:9px;outline:none;padding:8px 10px;font-size:11px}.joss-canvas-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px;display:grid}.joss-canvas-tile{min-width:0;position:relative}.joss-canvas-tile>button:first-child{text-align:left;outline:none;width:100%}.joss-canvas-tile>button:first-child:focus-visible{outline-offset:5px;border-radius:12px;outline:2px solid #00e3ff}.joss-canvas-preview{aspect-ratio:16/10;background:linear-gradient(135deg,#192a33,#111a21);border:1px solid #23363e;border-radius:13px;justify-content:center;align-items:center;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.joss-canvas-tile:hover .joss-canvas-preview{border-color:#00e3ff;transform:translateY(-3px)}.joss-canvas-preview img{object-fit:cover;width:100%;height:100%}.joss-canvas-caption{padding:11px 4px}.joss-canvas-caption p{color:#e0eef3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.joss-canvas-caption small{color:#607d89;margin-top:5px;font-size:10px;display:block}.joss-new-preview{background:radial-gradient(#16425365,#0000 80%),#101c22;border-style:dashed}.joss-new-preview:before,.joss-empty-preview:before{content:"";background-image:radial-gradient(#4f7b8b40 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.joss-new-plus{color:#00e3ff;background:#18343e;border:1px solid #00e3ff6b;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s;display:flex;position:relative}.joss-canvas-tile:hover .joss-new-plus{transform:rotate(90deg)}.joss-empty-preview>span{color:#00e3ff;text-align:center;border:1px solid #00e3ff;padding:9px 16px;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:20px;line-height:1.2;position:relative;transform:rotate(-5deg)}.joss-delete-canvas{color:#b6cad3;opacity:0;background:#101c22e6;border:1px solid #39505c;border-radius:8px;padding:7px;transition:opacity .15s;position:absolute;top:9px;right:9px}.joss-canvas-tile:hover .joss-delete-canvas,.joss-delete-canvas:focus-visible{opacity:1}.joss-delete-canvas:hover{color:#f19faa}.joss-library-notice{color:#7e9ca9;padding:12px 0;font-size:12px}@keyframes joss-wire-travel{to{stroke-dashoffset:-532px}}@media (width>=1500px){.joss-birthday{width:255px}.joss-teddy{width:185px}}@media (width<=1150px){.joss-node-stage{height:405px}.joss-prompt-node{width:157px;padding:11px;font-size:10px}.joss-hero-title{width:38%}.joss-hero-title p{font-size:9px}.joss-canvas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.joss-sticker-magic{font-size:15px}.joss-sticker-magic b{font-size:24px}}@media (prefers-reduced-motion:reduce){.joss-wire-flow{animation:none}.joss-demo-node,.joss-node-wires path,.joss-canvas-preview,.joss-new-plus{transition:none}}.joss-hero-title{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:left .55s cubic-bezier(.2,.9,.3,1.3),top .55s cubic-bezier(.2,.9,.3,1.3)}.joss-hero-title[data-dragging=true]{cursor:grabbing;z-index:5;transition:none}.joss-hero-title:focus-visible{outline-offset:5px;outline:2px solid #00e3ff}@media (prefers-reduced-motion:reduce){.joss-hero-title{transition:none}}.joss-library-tools select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b2c7cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;min-width:110px;padding:8px 34px 8px 12px}@keyframes jf-palette-arrive{0%{opacity:0}to{opacity:1}}.jf-palette-panel{animation:.18s cubic-bezier(.2,.75,.25,1) both jf-palette-arrive}@media (prefers-reduced-motion:reduce){.jf-palette-panel{animation:none}.jf-prompt-dock-transition{transition:none!important}}.jf-palette-hue:before{content:"";pointer-events:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;position:absolute;inset:12px 0}@media (width<=767px),(width<=1024px) and (height<=500px){.jf-mobile-image-prompt{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid!important}.jf-mobile-image-prompt>.jf-mobile-prompt-chips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;grid-column:1;align-items:center;gap:8px;width:100%;min-width:0;padding:0 18px 0 0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 18px),#0000 100%);display:flex!important}.jf-mobile-image-prompt>.jf-mobile-prompt-chips::-webkit-scrollbar{display:none}.jf-mobile-image-attachments::-webkit-scrollbar{display:none}.jf-mobile-image-prompt .jf-mobile-prompt-chips>.jf-mobile-prompt-options,.jf-mobile-image-prompt .jf-mobile-prompt-chips>.jf-mobile-prompt-tools{display:contents!important}.jf-mobile-image-prompt .jf-mobile-prompt-chips>*,.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.shrink-0{flex:none}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.shrink-0>button{white-space:nowrap;border-radius:12px;width:max-content;min-width:112px;max-width:min(58vw,220px);height:44px;min-height:44px;padding-inline:12px;display:flex}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.shrink-0>button>span{max-width:min(38vw,148px)}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.flex{display:contents!important}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.flex>button{white-space:nowrap;border-radius:12px;justify-content:center;gap:8px;width:max-content;min-width:max-content;max-width:none;height:44px;min-height:44px;padding-inline:12px;display:flex!important}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.flex>button>span{text-overflow:clip;white-space:nowrap;max-width:none;overflow:visible}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.flex>div,.jf-mobile-image-prompt .jf-mobile-prompt-tools>button[aria-label="Mention a reference"]{display:none!important}.jf-mobile-image-prompt .jf-mobile-prompt-tools>button,.jf-mobile-image-prompt .jf-mobile-prompt-tools>[aria-label=Prompt\ tools],.jf-mobile-image-prompt .jf-mobile-prompt-tools>[aria-label="Undo prompt enhancement"]{flex:none;min-width:44px;height:44px;min-height:44px}.jf-mobile-image-prompt .jf-mobile-prompt-tools>[aria-label="Undo prompt enhancement"]{width:max-content;padding-inline:12px}.jf-mobile-image-prompt .jf-mobile-prompt-footer{grid-column:1;grid-template-columns:minmax(0,1fr);justify-self:stretch;align-items:center;gap:0;width:100%;min-width:0;margin-top:8px;display:grid!important}.jf-mobile-image-prompt .jf-mobile-prompt-footer[data-has-style=true]{grid-template-columns:44px minmax(0,1fr)}.jf-mobile-image-prompt .jf-mobile-prompt-style,.jf-mobile-image-prompt .jf-mobile-prompt-style>div{width:44px;min-width:44px;height:44px}.jf-mobile-image-prompt .jf-mobile-prompt-style>div>button{border-radius:12px;min-width:44px;max-width:44px;min-height:44px;width:44px!important;height:44px!important}.jf-mobile-image-prompt .jf-mobile-prompt-generate{grid-column:2;justify-self:stretch;align-items:stretch;gap:0;width:100%;min-width:0;display:flex}.jf-mobile-image-prompt .jf-mobile-prompt-footer[data-has-style=false] .jf-mobile-prompt-generate{grid-column:1}.jf-mobile-image-prompt .jf-mobile-prompt-generate .jf-generation-button{border-radius:14px;gap:2px;width:100%;min-width:0;height:56px;min-height:56px;padding-block:8px;padding-inline:8px}.jf-mobile-image-prompt .jf-mobile-prompt-generate .jf-generation-button>span{white-space:nowrap}.jf-mobile-attachment-transition{opacity:1;min-height:0;transition:max-height .18s,opacity .18s;overflow:hidden}.jf-mobile-attachment-transition.is-visible{max-height:68px}.jf-mobile-attachment-transition.is-hidden{opacity:0;pointer-events:none;max-height:0}.jf-mobile-attachment-content{margin-bottom:4px!important}.jf-mobile-image-attachments{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;height:56px;min-height:56px;padding:0;display:flex;overflow:auto hidden}.jf-mobile-image-attachments>label{background:var(--color-card);border-radius:12px;flex:0 0 56px;order:1;place-items:center;width:56px;min-width:56px;height:56px;min-height:56px;display:grid;position:static}.jf-mobile-image-attachments>label svg{width:20px;height:20px}.jf-mobile-image-attachments>span{scroll-snap-align:start;flex:0 0 56px;width:56px;height:56px;position:relative}.jf-mobile-image-attachments>span img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:56px!important;height:56px!important}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference]{width:44px;height:44px;color:var(--color-foreground);touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0;display:grid;top:0;right:0}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference]:before{content:"";border:1px solid color-mix(in srgb, var(--color-foreground) 20%, var(--color-border));background:color-mix(in srgb, var(--color-card) 92%, transparent);pointer-events:none;border-radius:9999px;width:24px;height:24px;transition:background-color .12s;position:absolute;top:4px;right:4px}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference]:active:before{background:var(--color-secondary)}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference]:focus-visible{outline:none}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference]:focus-visible:before{outline:2px solid var(--color-primary);outline-offset:2px}.jf-mobile-image-attachments>span>button[aria-label^=Remove\ reference] svg{pointer-events:none;width:12px;height:12px;position:absolute;top:10px;right:10px}.jf-prompt-editor{padding-top:8px!important;padding-bottom:8px!important}.jf-prompt-editor .relative>.jf-prompt-resize-slot{height:8px;margin-bottom:0}.jf-prompt-editor textarea{min-height:60px;max-height:132px;padding-right:3rem;line-height:1.5}.jf-prompt-editor button[aria-label="Expand prompt editor"]{width:44px;height:44px}.jf-mobile-image-prompt{margin-top:4px!important}.jf-image-gallery-main{padding-bottom:calc(var(--jf-prompt-dock-height,220px) + env(safe-area-inset-bottom))!important}.jf-mobile-prompt-popover button{min-height:44px}}.jf-prompt-generate-cost,.jf-prompt-generate-cost>span,.jf-prompt-generate-cost>svg{color:var(--primary-foreground)!important}.jf-prompt-generate-cost>span:last-child{opacity:.78}@media (width<=767px){.jf-mobile-image-shell{padding-bottom:max(12px, env(safe-area-inset-bottom))!important}.jf-mobile-image-composer{padding:16px!important}.jf-mobile-image-prompt{grid-template-rows:44px auto;row-gap:12px;margin-top:8px!important}.jf-mobile-image-prompt>.jf-mobile-prompt-chips{height:44px;min-height:44px;padding:0 18px 0 0;scroll-padding-left:0}.jf-mobile-image-prompt .jf-mobile-prompt-options>div.relative.flex>.jf-mobile-dock-options-group{display:contents!important}.jf-mobile-image-prompt .jf-mobile-prompt-footer{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;margin-top:0}.jf-mobile-image-prompt .jf-mobile-prompt-footer[data-has-style=true]{grid-template-columns:44px minmax(0,1fr);column-gap:12px}.jf-mobile-image-prompt .jf-mobile-prompt-footer[data-has-soul-style=true],.jf-mobile-image-prompt .jf-mobile-prompt-footer[data-has-marketing-style=true]{grid-template-columns:56px minmax(0,1fr)}.jf-mobile-image-prompt .jf-mobile-prompt-style,.jf-mobile-image-prompt .jf-mobile-prompt-style>div{width:44px;min-width:44px;height:44px}.jf-mobile-image-prompt .jf-mobile-marketing-style,.jf-mobile-image-prompt .jf-mobile-marketing-style>.jf-marketing-preset-control,.jf-mobile-image-prompt .jf-mobile-soul-style,.jf-mobile-image-prompt .jf-mobile-soul-style>.jf-soul-style-control,.jf-mobile-image-prompt .jf-mobile-soul-style>.jf-soul-style-control>div{width:56px;min-width:56px;height:56px}.jf-mobile-image-prompt .jf-mobile-marketing-style>.jf-marketing-preset-control>button,.jf-mobile-image-prompt .jf-mobile-soul-style>.jf-soul-style-control>button{border-radius:14px;min-width:56px;max-width:56px;min-height:56px;width:56px!important;height:56px!important}.jf-mobile-prompt-style .jf-soul-style-image-gradient,.jf-mobile-prompt-style .jf-soul-style-image-label{display:none!important}.jf-mobile-image-prompt .jf-mobile-prompt-generate{align-items:stretch;min-width:0}.jf-mobile-image-prompt .jf-mobile-prompt-generate .jf-generation-button{border-radius:14px;height:56px;min-height:56px}.jf-mobile-image-prompt .jf-mobile-prompt-options,.jf-mobile-image-prompt .jf-mobile-prompt-tools{gap:8px}.jf-mobile-image-prompt .jf-mobile-model-chip,.jf-mobile-image-prompt .jf-mobile-aspect-chip,.jf-mobile-image-prompt .jf-mobile-resolution-chip,.jf-mobile-image-prompt .jf-mobile-prompt-enhance-chip,.jf-mobile-image-prompt .jf-mobile-prompt-color-chip,.jf-mobile-image-prompt .jf-mobile-settings-chip{white-space:nowrap;flex:none;height:44px;min-height:44px}.jf-mobile-image-prompt .jf-mobile-aspect-chip,.jf-mobile-image-prompt .jf-mobile-resolution-chip{width:max-content;min-width:max-content;max-width:none;padding-inline:10px}.jf-mobile-image-prompt .jf-mobile-chip-chevron{display:inline-block!important}.jf-mobile-image-prompt .jf-mobile-model-chip[aria-expanded=true] .jf-mobile-chip-chevron{transform:rotate(90deg)}.jf-mobile-image-prompt .jf-mobile-aspect-chip[aria-expanded=true] .jf-mobile-chip-chevron,.jf-mobile-image-prompt .jf-mobile-resolution-chip[aria-expanded=true] .jf-mobile-chip-chevron,.jf-mobile-image-prompt .jf-mobile-prompt-enhance-chip[aria-expanded=true] .jf-mobile-chip-chevron{transform:rotate(180deg)}.jf-mobile-image-prompt .jf-mobile-prompt-enhance-chip,.jf-mobile-image-prompt .jf-mobile-prompt-color-chip,.jf-mobile-image-prompt .jf-mobile-settings-chip{width:44px;min-width:44px;padding-inline:0}.jf-mobile-image-prompt .jf-mobile-count-chip{justify-content:center;gap:0;width:max-content;min-width:max-content;height:44px;min-height:44px;padding:0}.jf-mobile-image-prompt .jf-mobile-count-step{border-radius:12px;width:44px;min-width:44px;height:44px;min-height:44px}.jf-mobile-image-prompt .jf-mobile-count-limit{display:none}.jf-mobile-image-prompt .jf-mobile-prompt-options>.relative.flex,.jf-mobile-image-prompt .jf-mobile-prompt-options>.relative.flex>.jf-mobile-dock-options-group{display:contents!important}.jf-mobile-image-prompt .jf-mobile-model-chip{order:0}.jf-mobile-image-prompt .jf-mobile-aspect-chip{order:1}.jf-mobile-image-prompt .jf-mobile-resolution-chip{order:2}.jf-mobile-image-prompt .jf-mobile-count-chip{order:3}.jf-mobile-image-prompt .jf-mobile-prompt-enhance-chip,.jf-mobile-image-prompt .jf-mobile-prompt-tools>[aria-label="Undo prompt enhancement"]{order:4}.jf-mobile-image-prompt .jf-mobile-prompt-color-chip{order:5}.jf-mobile-image-prompt .jf-mobile-provider-selector{border-radius:12px;order:6;gap:2px;height:44px;min-height:44px;padding:2px}.jf-mobile-image-prompt .jf-mobile-provider-selector>button{border-radius:9px;min-width:34px;height:100%;padding-inline:7px;font-size:11px}.jf-mobile-image-prompt .jf-mobile-settings-chip{order:6}.jf-mobile-image-prompt:has(.jf-mobile-provider-selector) .jf-mobile-settings-chip{order:7}.jf-mobile-image-prompt .jf-mobile-prompt-chips button[aria-expanded=true],.jf-mobile-image-prompt .jf-mobile-prompt-style button[aria-expanded=true]{border-color:var(--color-primary)!important}.jf-mobile-prompt-popover{border-radius:16px;max-width:calc(100vw - 24px)}.jf-mobile-prompt-popover .jf-mobile-popover-title{margin-bottom:4px;padding-top:0;font-size:11px;line-height:16px}.jf-mobile-prompt-popover .jf-mobile-option-row{white-space:nowrap;gap:8px;height:44px;min-height:44px;padding:6px 8px}.jf-mobile-prompt-popover .jf-mobile-ratio-options[data-mobile-grid=true]{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.jf-mobile-prompt-popover .jf-mobile-option-row[aria-pressed=true]{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.jf-mobile-prompt-popover .jf-mobile-model-panel{min-width:0}.jf-mobile-prompt-popover.jf-mobile-model-panel>div:first-child{min-height:48px;padding:8px 12px}.jf-mobile-prompt-popover.jf-mobile-model-panel>div:nth-child(2){min-height:0;padding:6px}.jf-mobile-prompt-popover .jf-mobile-model-panel .mb-1>p{padding:5px 8px;font-size:10px;line-height:16px}.jf-mobile-prompt-popover .jf-mobile-model-row{gap:10px;height:48px;min-height:48px;padding:6px 8px}.jf-mobile-prompt-popover .jf-mobile-model-row>.jf-model-select{gap:10px;height:36px;min-height:0}.jf-mobile-prompt-popover .jf-mobile-model-row>.jf-model-select>:first-child{flex:0 0 32px;min-width:32px;width:32px!important;height:32px!important}.jf-mobile-prompt-popover .jf-mobile-model-row>.jf-model-select>span>span:first-child{font-size:14px;line-height:20px}.jf-mobile-prompt-popover .jf-mobile-model-description{white-space:nowrap;font-size:12px;line-height:16px}.jf-mobile-prompt-popover.jf-mobile-enhance-panel>div>button{gap:8px;height:48px;min-height:48px;padding:6px 8px}.jf-mobile-prompt-popover.jf-mobile-enhance-panel>div>button>span>span:first-child{font-size:12px;line-height:16px}.jf-mobile-prompt-popover.jf-mobile-enhance-panel>div>button>span>span:nth-child(2){white-space:nowrap;margin-top:0;font-size:10px;line-height:12px}.jf-mobile-image-prompt .jf-mobile-prompt-enhance-chip>span[aria-hidden=true]{z-index:1;padding-inline:2px;font-size:7px;line-height:8px;top:2px;right:2px}}@media (width<=767px),(width<=1024px) and (height<=500px){.jf-prompt-editor .jf-prompt-expand-button{display:none}.jf-prompt-editor .jf-prompt-resize-handle{width:96px;height:44px;top:-18px}.jf-prompt-editor[data-manual-resize=true] textarea{max-height:none}}@media (width<=767px){.jf-mobile-marketing-style .jf-marketing-preset-control>button>span{display:none}}@media (width<=767px),(width<=1024px) and (height<=500px){.jf-mobile-prompt-popover .jf-segmented-row{box-sizing:border-box;height:44px}.jf-mobile-prompt-popover .jf-segmented-row>.jf-segmented-choice{height:34px;min-height:0;padding-block:0}.jf-mobile-prompt-popover .jf-segmented-choice:after{content:"";position:absolute;inset:-5px 0}.jf-mobile-prompt-popover .jf-advanced-option-field{margin-bottom:12px}.jf-mobile-prompt-popover .jf-advanced-option-field:last-child{margin-bottom:0}}.jf-image-generation-action:has(>button[aria-label="Retry price estimate"]) .jf-generation-button{padding-right:44px}.jf-image-generation-action .jf-prompt-generate-cost{min-width:0;max-width:100%;min-height:16px;line-height:16px}.jf-image-generation-action .jf-prompt-generate-cost>span{text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.jf-genjutsu-references{flex-direction:column;gap:14px;display:flex}.jf-genjutsu-reference-card{border:1px solid var(--border);background:color-mix(in oklab, var(--secondary) 65.0%, transparent);border-radius:18px;min-width:0;overflow:hidden}.jf-genjutsu-upload{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:146px;padding:20px 12px;transition:background .15s,box-shadow .15s;display:flex}.jf-genjutsu-upload:hover{background:color-mix(in oklab, var(--primary) 5.0%, transparent)}.jf-genjutsu-upload:focus-within{box-shadow:inset 0 0 0 2px var(--primary)}.jf-genjutsu-upload strong{font-size:13px;font-weight:500;line-height:1.5}.jf-genjutsu-upload small{color:var(--muted-foreground);font-size:11px}.jf-genjutsu-upload-icon{width:42px;height:42px;color:var(--primary);background:color-mix(in oklab, var(--primary) 9.0%, transparent);border:1px solid color-mix(in oklab, var(--primary) 20.0%, transparent);box-shadow:inset 0 1px 5px color-mix(in oklab, var(--primary) 10.0%, transparent);border-radius:50%;place-items:center;display:grid}.jf-genjutsu-upload-filled{cursor:default;min-height:102px;padding:14px}.jf-genjutsu-previews{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.jf-genjutsu-preview{border:1px solid var(--border);border-radius:10px;width:62px;height:62px;position:relative;overflow:hidden}.jf-genjutsu-preview img,.jf-genjutsu-preview video{object-fit:cover;width:100%;height:100%}.jf-genjutsu-video-preview .jf-genjutsu-preview{aspect-ratio:16/9;width:100%;height:auto}.jf-genjutsu-video-preview video{object-fit:contain;background:var(--background)}.jf-genjutsu-preview button{background:color-mix(in oklab, var(--background) 90.0%, transparent);width:26px;height:26px;color:var(--foreground);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.jf-genjutsu-upload-progress{color:var(--muted-foreground);justify-content:space-between;padding:0 12px 12px;font-size:11px;display:flex}.jf-genjutsu-upload-progress button{color:var(--primary)}.jf-genjutsu-input .jf-genjutsu-prompt{background:color-mix(in oklab, var(--secondary) 65.0%, transparent);border-radius:18px;padding:16px}.jf-genjutsu-input .jf-genjutsu-prompt textarea{min-height:120px}.jf-genjutsu-input .jf-video-options-grid{grid-template-columns:minmax(0,1fr)}.jf-header-row{align-items:center;gap:24px;height:72px;padding:0 24px;display:flex}.jf-header-brand{justify-content:center;align-items:center;min-height:44px;display:flex}.jf-header-wordmark{width:160px;height:auto}.jf-header-monogram{display:none}.jf-header-nav-wrap{flex:1;min-width:0;position:relative}.jf-header-nav{scrollbar-width:none;overscroll-behavior-x:contain;align-items:center;gap:4px;display:flex;overflow-x:auto}.jf-header-nav::-webkit-scrollbar{display:none}.jf-header-tab{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 12px;font-size:13px;transition:color .15s;display:flex;position:relative}.jf-header-tab[aria-current=page]:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;bottom:0;left:12px;right:12px}.jf-header-tab:focus-visible,.jf-header-brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:8px}.jf-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.jf-header-account{justify-content:center;width:auto;height:44px;padding:4px 12px 4px 4px}.jf-header-account-email{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--color-muted-foreground);font-size:12px;display:block;overflow:hidden}.jf-header-credit{gap:6px;height:44px;padding:0 12px;font-size:12px}.jf-header-credit-main{align-items:center;min-height:44px;line-height:1}.jf-header-credit-label{align-items:center;font-size:11px;line-height:1;display:flex}.jf-header-credit-refresh{display:none}@media (width<=1100px){.jf-header-row{gap:12px}.jf-header-wordmark{width:132px}.jf-header-tab{padding:0 10px}}@media (width<=767px){.jf-studio-header{padding-top:calc(env(safe-area-inset-top,0px) + 8px)}.jf-header-row{gap:8px;height:60px;padding:0 12px}.jf-header-wordmark{display:none}.jf-header-monogram{object-fit:contain;width:44px;height:44px;display:block}.jf-header-brand{width:44px}.jf-header-actions{gap:4px}.jf-header-credit{gap:4px;padding:0 8px}.jf-header-credit-main{gap:4px}.jf-header-credit-main svg{flex-shrink:0;display:block}.jf-header-tab{gap:6px;height:44px;padding:0 10px;font-size:12px}.jf-header-nav-wrap:after{content:none}.jf-header-account-email{display:none}.jf-header-account{width:44px;padding:4px}}.jf-header-new{background:color-mix(in srgb,var(--color-primary) 18%,transparent);height:18px;color:var(--color-primary);font-family:var(--font-sans);letter-spacing:.02em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}@media (width>=768px){.jf-header-actions{gap:10px}.jf-header-credit{border-radius:12px;height:36px;padding:0 12px}.jf-header-credit-main{min-height:34px}.jf-header-account{border-radius:12px;height:36px;padding:3px 11px 3px 3px}.jf-header-account>img,.jf-header-account>span:first-child{width:28px;height:28px}}
