body.playground-preview{--pn-acid:#c6ff00;--pn-bg:#10120f;--pn-panel:#171a15;--pn-line:#343b2e;--pn-muted:#a4ae98;background:var(--pn-bg)!important;background-image:none!important;color:#edf1e7;font-family:Inter,Arial,sans-serif!important}body.playground-preview:before,body.playground-preview:after{display:none!important}.playground-preview [hidden]{display:none!important}.playground-preview :focus-visible{outline:2px solid var(--pn-acid)!important;outline-offset:4px}.playground-preview .header{background:#10120ff5!important;border-bottom:1px solid var(--pn-line)!important;box-shadow:none!important}.playground-preview .header>.container{max-width:1600px!important;padding-inline:28px}.playground-preview .logo-text{letter-spacing:-1px}.playground-preview .hero--playground{background:none!important;padding:30px 28px 25px!important;min-height:0!important;text-align:left!important}.playground-preview .hero--playground>.container{max-width:1544px!important;padding:0!important}.playground-preview .hero--playground h1{font-size:32px!important;line-height:1.2!important;letter-spacing:-1.2px!important;color:#f1f5e9!important;-webkit-text-fill-color:#f1f5e9!important;background:none!important;text-transform:none!important;margin:0 0 8px!important;font-family:inherit!important;text-shadow:none!important}.playground-preview .hero--playground .hero-subtitle{font-size:14px!important;line-height:1.6!important;text-align:left!important;max-width:none!important;margin:0!important;color:var(--pn-muted)!important}.playground-preview .hero--playground>.container>p:not(.hero-subtitle){display:none!important}.playground-preview #adminStatsBar{margin-top:16px!important}.pn-preview-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1544px;margin:75px auto 0;padding:10px 0;border-bottom:1px solid var(--pn-line);font-size:11px;color:var(--pn-muted)}.pn-preview-notice b{font-size:10px;letter-spacing:1px;color:var(--pn-acid);margin-right:12px}.pn-preview-notice a{color:#d8dfcb;text-decoration:none}.playground-preview #generation{padding:0 28px!important;margin:0 auto!important;max-width:1600px}.playground-preview #generation>article.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}.pn-workspace{display:grid;grid-template-columns:minmax(590px,1.5fr) minmax(330px,1fr);gap:22px;align-items:start}.playground-preview .pn-workspace>.generation-section{background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;min-width:0}.playground-preview #quickStartGuide,.playground-preview #stepProgressBar,.playground-preview #workflowInfoCard,.playground-preview #workflowCatTabs,.playground-preview .gen-workflow-col>.form-group>.form-label,.playground-preview #workflowGrid .workflow-category-header,.playground-preview #contact,.playground-preview #socialProofToast,.playground-preview #holidayCouponBox,.playground-preview #floatingCareBtn,.playground-preview #chatbotFab,.playground-preview #waitingQuotePanel,.playground-preview #minimaxDurationUpsell,.playground-preview #queueStatus,.playground-preview #loadingText,.playground-preview #freeUpgradePanel{display:none!important}.playground-preview .gen-layout{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.playground-preview .gen-workflow-col{position:static!important;top:auto!important;background:#141711!important;border:1px solid var(--pn-line)!important;border-radius:12px!important;padding:20px 12px!important;min-width:0}.pn-picker-heading{padding:0 6px}.pn-overline{font-size:9px;font-weight:800;letter-spacing:1.7px;color:var(--pn-acid);display:block}.pn-picker-heading h2{font-size:15px!important;line-height:1.4;margin:12px 0 20px!important;color:#edf1e7!important;text-transform:none!important;font-family:inherit!important}.pn-tools-controls{padding:0 4px}.pn-search-label{font-size:10px!important;color:var(--pn-muted);display:block;margin-bottom:7px}.playground-preview #pnSearch{width:100%;padding:10px 11px;background:#0d100a;border:1px solid #3e4935;border-radius:7px;color:#ecf4df;font-size:12px;min-width:0}.pn-filter-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.pn-filter-tabs button{font-family:inherit;font-size:10px;line-height:1.4;padding:6px 9px;background:transparent;border:1px solid #3b4533;border-radius:5px;color:var(--pn-muted);cursor:pointer}.pn-filter-tabs button[aria-pressed=true]{background:var(--pn-acid);border-color:var(--pn-acid);color:#152000;font-weight:800}.pn-tool-count{font-size:10px;color:#7d8a70;padding:14px 0 9px}.playground-preview #workflowGrid{display:flex!important;flex-direction:column!important;gap:7px!important;max-height:560px!important;overflow-y:auto!important;padding:2px 3px!important;margin:0!important;scrollbar-width:thin;scrollbar-color:#4b5e36 #161b11}.playground-preview #workflowGrid .model-tile{flex:none;width:100%!important;min-height:0!important;margin:0!important;padding:12px 10px!important;border:1px solid transparent!important;border-radius:7px!important;background:#1c2118!important;box-shadow:none!important;transform:none!important;transition:background .15s!important}.playground-preview #workflowGrid .model-tile:hover{background:#283120!important}.playground-preview #workflowGrid .model-tile.selected{border-color:#94bd37!important;background:#2a351e!important}.playground-preview #workflowGrid .model-tile.selected:after{display:none!important}.playground-preview #workflowGrid .model-avatar{display:none!important}.playground-preview #workflowGrid .model-tile-name{font-size:12px!important;line-height:1.4!important;letter-spacing:0!important;color:#e0e7d6!important;font-weight:600!important}.playground-preview #workflowGrid .model-tile-head{display:block!important;margin:0!important}.playground-preview #workflowGrid .model-tile-head>div{display:block!important}.playground-preview #workflowGrid .model-tile-desc{font-size:10px!important;line-height:1.5!important;color:#91a080!important;margin-top:6px!important;white-space:normal!important;text-transform:none!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playground-preview #workflowGrid .model-tile-meta{display:none!important}.playground-preview #workflowGrid .pill-badge{display:inline-block;margin-top:6px;background:#323027!important;color:#ded4a2!important;font-size:8px!important;padding:2px 5px!important;border-radius:3px!important}.playground-preview #workflowGrid .pn-filtered{display:none!important}.pn-no-tools{font-size:12px;color:var(--pn-muted);padding:12px}.playground-preview .gen-fields-col{background:var(--pn-panel)!important;border:1px solid var(--pn-line);border-radius:12px;padding:23px!important;min-width:0}.pn-editor-heading{border-bottom:1px solid var(--pn-line);padding-bottom:19px;margin-bottom:22px}.pn-editor-heading h2{font-family:inherit!important;font-size:21px!important;line-height:1.3!important;letter-spacing:-.55px!important;text-transform:none!important;margin:11px 0 8px!important;color:#f0f5e8!important}.pn-editor-heading p{font-size:12px;line-height:1.6;color:var(--pn-muted);margin:0 0 11px}.pn-access{font-size:9px;font-weight:700;padding:5px 8px;border:1px solid #526638;border-radius:4px;color:#bfdb95;background:#27311e;display:inline-block}.pn-access.pn-pro{color:#e3d8af;background:#302d21;border-color:#635a36}.playground-preview .gen-fields-col .form-group{padding:0!important;border:0!important;background:none!important;border-radius:0!important;margin:0 0 20px!important;box-shadow:none!important}.playground-preview .gen-fields-col .form-label{font-family:inherit!important;text-transform:none!important;font-size:12px!important;letter-spacing:0!important;font-weight:600!important;color:#d8e0ce!important;margin-bottom:9px!important}.playground-preview .gen-fields-col .field-help summary{font-size:9px;color:#9dad8a}.playground-preview .gen-fields-col .form-control{border:1px solid #3d4933!important;border-radius:7px!important;background:#10150c!important;color:#e8f0db!important;font-family:inherit!important;font-size:13px!important;padding:12px!important;box-shadow:none!important;line-height:1.65}.playground-preview .gen-fields-col select.form-control{min-height:43px}.playground-preview #prompt{min-height:158px!important;resize:vertical!important;font-style:normal!important}.playground-preview #prompt::placeholder{font-style:normal!important;font-size:13px;color:#78866b!important}.playground-preview .textarea-container{border:0!important;background:none!important;padding:0!important}.playground-preview .prompt-actions-row{margin-top:8px!important}.playground-preview #clearPrompt{font-size:10px!important;padding:4px 8px!important;background:transparent!important;border:0!important;color:#9daa8e!important;margin-left:auto}.pn-input-hint{font-size:11px!important;line-height:1.6;color:#91a080;margin:9px 0}.pn-prompt-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.pn-prompt-footer button{color:#c6ff00;background:none;border:0;padding:5px 0;font:600 11px inherit;cursor:pointer;font-size:11px}.pn-prompt-footer span{font-size:10px;color:#819170;white-space:nowrap}.playground-preview .gen-fields-col .upload-zone{background:#11170c!important;border:1px dashed #60794b!important;border-radius:9px!important;padding:24px 14px!important;min-height:135px!important}.playground-preview .gen-fields-col .upload-zone p{font-size:12px!important}.playground-preview .gen-fields-col .upload-zone small{font-size:10px!important;color:var(--pn-muted)!important}.playground-preview .gen-fields-col .upload-zone i{font-size:24px!important;color:#b7d68d!important}.pn-advanced{border:1px solid var(--pn-line);border-radius:7px;padding:13px;margin:18px 0;color:#cbd6bf}.pn-advanced summary{font-size:12px;font-weight:700;cursor:pointer}.pn-advanced summary>span{display:block;font-size:10px;font-weight:400;color:#91a080;margin:4px 0 0 14px}.pn-advanced[open] summary{margin-bottom:18px}.playground-preview #generateBtn{background:var(--pn-acid)!important;border:0!important;border-radius:7px!important;color:#172000!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;padding:15px!important;box-shadow:none!important;min-height:48px!important;animation:none!important}.playground-preview #generateBtn:disabled{opacity:.45!important;cursor:not-allowed!important}.playground-preview #loginNudge,.playground-preview #genCounterWrap{padding:10px!important;background:#1f2818!important;border-color:#3c4d2e!important;color:#a5b593!important;font-size:10px!important}.playground-preview #loginNudge a,.playground-preview #genProLink{color:#c6ff00!important}.playground-preview .gen-fields-col>div:has(>a[href="/profile.php#telegram-section"]),.playground-preview .gen-fields-col>div:has(>a[href="/mention_us.php"]){display:none!important}.pn-stage{border:1px solid var(--pn-line);border-radius:12px;background:#141811;min-width:0;overflow:hidden;position:sticky;top:75px}.pn-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--pn-line)}.pn-stage-head h2{font-size:17px!important;color:#e6eddd!important;letter-spacing:-.4px!important;font-family:inherit!important;text-transform:none!important;line-height:1.4;margin:8px 0 0!important}.pn-stage-head>span{font-size:9px;white-space:nowrap;border:1px solid #3c4932;border-radius:20px;padding:5px 9px;color:#aab99a}.pn-empty{text-align:center;padding:40px 24px 45px;background:radial-gradient(ellipse at 50% 30%,#394b1c40,transparent 65%)}.pn-canvas-art{width:220px;height:170px;position:relative;margin:5px auto 30px}.pn-canvas-art span{position:absolute;left:28px;top:24px;width:135px;height:130px;border:1px solid #5d7835;border-radius:17px;transform:rotate(-14deg);background:#18220f}.pn-canvas-art b{position:absolute;left:65px;top:20px;width:135px;height:130px;border:1px solid #bde873;border-radius:17px;transform:rotate(9deg);background:linear-gradient(135deg,#d3ff72,#84bb27);box-shadow:0 12px 60px #a6de2022}.pn-canvas-art i{position:absolute;left:101px;top:34px;z-index:1;font-size:76px;line-height:1.2;font-style:normal;color:#20350c;transform:rotate(9deg)}.pn-empty h3{font-size:26px!important;line-height:1.25;letter-spacing:-.8px;font-family:inherit!important;color:#e8efde!important;text-transform:none!important;font-weight:600!important;margin:0 0 16px!important}.pn-empty p{font-size:12px;line-height:1.8;color:#91a080;margin:0 0 23px}.pn-empty a{font-size:11px;color:#c6ff00;text-decoration:none}.pn-canvas-note{font-size:10px;line-height:1.7;color:#80916d;padding:15px 23px;border-top:1px solid #2b3523}.pn-queue-help{border-top:1px solid #2b3523;padding:16px 23px;font-size:11px;color:#a5b694}.pn-queue-help summary{cursor:pointer;color:#c0cfb0}.pn-queue-help p{line-height:1.8;margin:12px 0 0}.pn-history-link{display:block;border-top:1px solid #2b3523;padding:15px 23px;font-size:11px;color:#c6ff00;text-decoration:none}.pn-queue{padding:25px 23px;background:#1e2817;border-bottom:1px solid #435333}.pn-queue-heading{display:flex;align-items:center;gap:10px}.pn-status-dot{width:8px;height:8px;border-radius:50%;background:#c6ff00;box-shadow:0 0 0 5px #c6ff0010;flex:none}.pn-queue h3{font-size:18px!important;font-family:inherit!important;line-height:1.4!important;text-transform:none!important;margin:0!important;color:#e7f1db!important}.pn-queue>p{font-size:12px;line-height:1.8;color:#a7b999;margin:13px 0}.pn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;margin:24px 0 15px;list-style:none}.pn-steps li{font-size:9px;color:#7c8e6d;border-top:2px solid #3d4b32;padding-top:9px}.pn-steps .is-current{color:#c6ff00;border-color:#c6ff00}.pn-steps .is-done{color:#b5d68c;border-color:#7c9c55}.pn-queue[data-state=failed],.pn-queue[data-state=error]{background:#2a2118;border-color:#826439}.pn-queue[data-state=failed] .pn-status-dot,.pn-queue[data-state=error] .pn-status-dot{background:#f5bf78}.pn-queue progress{width:100%;height:7px;accent-color:#c6ff00}.pn-queue #pnProgressText{font-size:10px;color:#a7b999}.pn-queue #pnEstimate{font-size:10px}.pn-queue .pn-connection{color:#f5c487!important}.playground-preview .pn-stage .result-container{margin:0!important;padding:20px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;max-width:100%!important}.playground-preview .pn-stage .result-container h3{font-size:16px!important;text-transform:none!important;font-family:inherit!important}.playground-preview .pn-stage .action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:start}.playground-preview .pn-stage .btn{font-size:11px!important;padding:10px 12px!important;border-radius:6px!important;min-height:40px!important;letter-spacing:0!important;text-transform:none!important}.playground-preview .pn-stage .btn-primary{background:#c6ff00!important;color:#152000!important;border-color:#c6ff00!important}.playground-preview .pn-stage #generatedImage,.playground-preview .pn-stage #generatedVideo{max-height:60vh!important;width:auto;max-width:100%!important;object-fit:contain}.playground-preview .pn-stage #loadingIndicator{padding:0!important;margin:0!important;border:0!important;background:none!important}.playground-preview #userJobs{padding:40px 0!important;margin:0!important}.playground-preview #userJobs>.container{max-width:none!important;padding:0!important}.playground-preview #userJobs h2{font-size:24px!important;font-family:inherit!important;letter-spacing:-.7px!important;text-transform:none!important}.playground-preview #userJobs .section-title p{font-size:12px;color:var(--pn-muted)}.playground-preview #userJobs .generation-section{background:#171c13!important;border:1px solid var(--pn-line)!important;border-radius:12px!important;padding:20px!important}.playground-preview #userJobs .section-title{text-align:left!important;margin-bottom:22px!important}.playground-preview #userJobs .section-title:after{display:none!important}.pn-mobile-picker{display:none}.playground-preview .pn-stage #errorMessage,.playground-preview .pn-stage #paybackNotice{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:15px!important;z-index:auto!important}.playground-preview .pn-stage #deleteCurrentJobBtn{position:static!important;background:none!important;color:#c3d5af!important;border:1px solid #64754f!important;border-radius:5px!important;padding:8px 12px!important;margin-top:15px!important;font-size:11px!important}.pn-footer{border-top:1px solid #343b2e;padding:25px 0 40px;margin-top:15px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#849473}.pn-footer a{color:#adbc9c;text-decoration:none;margin-left:18px}
@media(min-width:1600px){.playground-preview .gen-layout{grid-template-columns:240px minmax(0,1fr)!important}.pn-preview-notice{margin-top:75px}}
@media(max-width:1200px){.pn-workspace{grid-template-columns:minmax(540px,1.4fr) minmax(290px,1fr);gap:15px}.playground-preview .gen-layout{grid-template-columns:180px minmax(0,1fr)!important;gap:12px!important}.playground-preview .gen-fields-col{padding:18px!important}.pn-stage-head{padding:18px}.pn-stage-head>span{display:none}.pn-preview-notice{margin-inline:28px}.pn-empty h3{font-size:23px!important}}
@media(max-width:980px){.pn-workspace{display:block}.pn-stage{position:static;margin-top:20px}.playground-preview .gen-layout{grid-template-columns:225px minmax(0,1fr)!important}.pn-empty{padding:25px}.pn-canvas-art{margin-bottom:15px}.pn-stage-head>span{display:block}.playground-preview #workflowGrid{max-height:600px!important}.playground-preview .header>.container{padding-inline:20px}}
@media(max-width:640px){.pn-preview-notice{margin:88px 16px 0;padding:10px 0;align-items:start;flex-direction:column;gap:7px;font-size:10px}.pn-preview-notice b{display:block;margin-bottom:4px}.playground-preview .hero--playground{padding:23px 16px!important}.playground-preview .hero--playground h1{font-size:26px!important;letter-spacing:-.9px!important}.playground-preview .hero--playground .hero-subtitle{font-size:12px!important}.playground-preview #generation{padding:0 14px!important}.playground-preview .gen-layout{display:block!important}.playground-preview .gen-workflow-col{display:none!important;margin:0 0 14px!important}.playground-preview.pn-tools-open .gen-workflow-col{display:block!important}.playground-preview #workflowGrid{max-height:320px!important}.pn-mobile-picker{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;border:1px solid #4b6037;border-radius:9px;background:#25331a;color:#e0eccf;padding:14px 16px;margin-bottom:14px;font-family:inherit;cursor:pointer}.pn-mobile-picker small{font-size:9px;letter-spacing:1px;color:#b4d393;display:block;margin-bottom:5px}.pn-mobile-picker b{font-size:13px;font-weight:600;display:block}.pn-mobile-picker>span:last-child{color:#c6ff00;font-size:11px;white-space:nowrap}.playground-preview .gen-fields-col{padding:20px!important}.pn-editor-heading h2{font-size:20px!important}.playground-preview #prompt{min-height:150px!important;font-size:16px!important}.playground-preview .gen-fields-col select.form-control,.playground-preview .gen-fields-col input.form-control{font-size:16px!important}.pn-stage-head{padding:20px}.pn-preview-notice a{font-size:10px}.pn-empty h3{font-size:25px!important}.pn-queue{padding:22px 20px}.pn-footer{display:block;line-height:2}.pn-footer nav{margin-top:10px}.pn-footer a{margin:0 16px 0 0}.playground-preview .header>.container{padding-inline:16px}.playground-preview #userJobs h2{font-size:22px!important}.playground-preview .gen-fields-col .field-help-text{max-width:calc(100vw - 60px)!important}.playground-preview .pn-stage .result-container{padding:15px!important}}
@media(prefers-reduced-motion:reduce){.playground-preview *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}

.playground-preview #notification-permission-banner{display:none!important}.playground-preview .hero--playground:before,.playground-preview .hero--playground:after{display:none!important}.pn-preview-notice{width:calc(100% - 56px);margin:12px auto 0!important}@media(max-width:640px){.pn-preview-notice{width:calc(100% - 32px);margin:12px auto 0!important}}

@media(min-width:981px){.playground-preview .gen-fields-col{display:flex!important;flex-direction:column;height:calc(100vh - 275px);min-height:620px;overflow:hidden}.pn-editor-heading{flex:none;margin-bottom:16px;padding-bottom:15px}.pn-controls-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#4b5e36 #161b11}.pn-form-actions{flex:none;border-top:1px solid #343b2e;padding-top:12px;margin-top:12px}.playground-preview #workflowGrid{max-height:calc(100vh - 475px)!important;min-height:350px}}.playground-preview #workflowGrid .model-tile .selected-indicator{display:none!important}.pn-form-actions #loginNudge{margin-bottom:8px!important}.playground-preview #header .countdown-badge{display:none!important}

/* Restore persistent generation controls without covering the status dock. */
.playground-preview{padding-bottom:calc(var(--pn-floating-height,0px) + 85px)!important}
.playground-preview #floatingGenerateBtn{display:block;bottom:calc(var(--pn-floating-height,0px) + 20px)!important;right:20px!important;z-index:9998}
.playground-preview #floatingGenerateButton{background:var(--pn-acid);color:#172000;border:1px solid #789a35;box-shadow:0 4px 20px #0008}
.playground-preview #floatingGenerateButton:disabled{background:#354229;color:#d5dfc7}
.playground-preview #floatingStatusBar{background:#171f12!important;border-top:1px solid #68883c!important}
.playground-preview #floatingStatusBar .sliding-bar-loader{height:4px;background:linear-gradient(90deg,transparent,#c6ff00,transparent)}
.playground-preview .pn-floating-progress{display:block;width:100%;height:5px;accent-color:#c6ff00;margin:0 0 8px}
.playground-preview #floatingStatusBar .status-title{color:#e8f0db}
.playground-preview #floatingStatusBar .status-view-btn,.playground-preview #floatingStatusBar .status-download-btn{background:#c6ff00;color:#172000;border-color:#c6ff00}
@media(max-width:640px){.playground-preview #floatingGenerateBtn{right:16px!important;bottom:calc(var(--pn-floating-height,0px) + 16px)!important}}

/* The live controller toggles this inline when queue details are available. */
body.playground-preview #loadingIndicator:not(.hidden) #queueStatus[style*="display: block"]{display:block!important}

/* Keep generation errors visible without covering the fixed status dock. */
body.playground-preview .pn-stage #errorMessage{position:fixed!important;left:16px!important;right:auto!important;top:auto!important;bottom:calc(var(--pn-floating-height,0px) + 16px)!important;transform:none!important;width:min(420px,calc(100vw - 32px))!important;max-width:none!important;margin:0!important;z-index:100001!important;box-shadow:0 14px 40px rgba(0,0,0,.5)}

/* Let the editor grow with its fields; only the page itself should scroll. */
.playground-preview .pn-controls-scroll{flex:none!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding-right:0!important;scrollbar-width:none!important}
@media(min-width:981px){.playground-preview .gen-fields-col{height:auto!important;min-height:0!important;overflow:visible!important}.playground-preview .gen-layout{grid-template-columns:250px minmax(0,1fr)!important}}
@media(min-width:641px) and (max-width:1200px){.playground-preview .gen-layout{grid-template-columns:235px minmax(0,1fr)!important}}

/* Show the complete tool list and let the document handle scrolling. */
.playground-preview #workflowGrid{max-height:none!important;min-height:0!important;overflow:visible!important;scrollbar-width:none!important}
