:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#333}body *{-webkit-user-select:none!important;user-select:none!important}input,textarea,select,option,[contenteditable=true],[contenteditable=true] *,.allow-text-select,.allow-text-select *{-webkit-user-select:text!important;user-select:text!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){:root{font-size:14px}h1{font-size:2.5em}}@media(max-width:480px){:root{font-size:12px}h1{font-size:2em}}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.recharge-dialog-mask{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:#020506b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recharge-dialog{width:min(440px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#121718;color:#f5f8f8;box-shadow:0 24px 80px #00000085}.recharge-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recharge-dialog h2{margin:0;font-size:20px;letter-spacing:0}.recharge-dialog header p{margin:7px 0 0;color:#8e999b;font-size:13px}.recharge-close{position:relative;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #384143;border-radius:6px;background:#1a2021;cursor:pointer}.recharge-close:before,.recharge-close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1.5px;border-radius:1px;background:#c9d0d1;transform-origin:center}.recharge-close:before{transform:translate(-50%,-50%) rotate(45deg)}.recharge-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.recharge-amount-field{margin-top:24px}.recharge-amount-field label{display:block;margin-bottom:9px;color:#cbd2d3;font-size:13px}.recharge-amount-field>div{display:flex;align-items:center;height:58px;border:1px solid #364143;border-radius:7px;background:#0c1011}.recharge-amount-field>div:focus-within{border-color:#16b8a6;box-shadow:0 0 0 2px #16b8a624}.recharge-amount-field span{padding-left:16px;color:#6ee7d7;font-size:20px}.recharge-amount-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:28px;font-weight:700}.recharge-amount-field small{display:block;margin-top:7px;color:#778284;font-size:12px}.recharge-quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.recharge-quick-amounts button{height:38px;border:1px solid #30393b;border-radius:6px;background:#181e1f;color:#bec7c8;cursor:pointer}.recharge-quick-amounts button:hover,.recharge-quick-amounts button.active{border-color:#16b8a6;background:#16b8a61f;color:#7ce7da}.recharge-status{margin-bottom:16px;padding:11px 13px;border:1px solid rgba(22,184,166,.25);border-radius:6px;background:#16b8a614;color:#9be9df;font-size:13px}.recharge-status small{display:block;overflow:hidden;margin-top:4px;color:#6f7a7c;text-overflow:ellipsis;white-space:nowrap}.recharge-submit{width:100%;height:46px;border:0;border-radius:7px;background:#16a897;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.recharge-submit:hover{background:#19b9a6}.recharge-submit:disabled{background:#303738;color:#747d7e;cursor:not-allowed}.recharge-history{margin-top:22px;padding-top:18px;border-top:1px solid #293133}.recharge-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.recharge-history-title strong{font-size:14px}.recharge-history-title span{color:#707b7d;font-size:12px}.recharge-history-empty{padding:18px 0;color:#707b7d;font-size:13px;text-align:center}.recharge-history-list{display:grid;gap:7px}.recharge-history-row{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 11px;border:1px solid #293234;border-radius:6px;background:#0d1112}.recharge-history-row>div{display:grid;gap:3px}.recharge-history-row strong{font-size:14px}.recharge-history-row small{color:#6f7a7c;font-size:11px}.recharge-history-row>span{font-size:12px}.recharge-history-row>span.is-paid{color:#6ee7b7}.recharge-history-row>span.is-pending{color:#f3c76b}.recharge-history-row>span.is-failed,.recharge-history-row>span.is-closed{color:#ef8f8f}.canvas-entry{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px;background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.14),transparent 30%),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.6px) 0 0 / 22px 22px,#050607;color:#fff;box-sizing:border-box}.canvas-entry-topbar{position:fixed;top:24px;right:28px;z-index:20;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:calc(100vw - 56px)}.canvas-entry-account{order:1;position:relative;display:flex;align-items:center;gap:10px}.canvas-entry-topbar .canvas-model-pricing-button{order:2}.canvas-entry-topbar .canvas-tutorial-button{order:3}.canvas-entry-topbar .canvas-api-docs-button{order:4}.canvas-entry-topbar .canvas-home-refresh-button{order:5}.canvas-entry-topbar .canvas-local-storage-button{order:6}.canvas-entry-topbar .canvas-library-button{order:7}.canvas-entry-topbar .canvas-announcement-button{order:5}.canvas-account-actions,.canvas-account-menu-wrap{position:relative;display:flex;align-items:center;gap:8px}.canvas-recharge-entry{height:38px;padding:0 15px;border:1px solid rgba(22,184,166,.55);border-radius:7px;background:#16b8a61f;color:#73e5d7;font-size:13px;font-weight:700;cursor:pointer}.canvas-recharge-entry:hover{background:#16b8a638}.canvas-account-chip{min-height:44px;display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:6px 14px 6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#121315d6;color:#fff;cursor:pointer;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease,transform .2s ease}.canvas-account-chip:hover{transform:translateY(-1px);background:#202124f0;border-color:#ffffff3d}.canvas-account-chip span{grid-row:1 / 3;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#00e5ff2e;color:#00e5ff;font-size:13px;font-weight:900}.canvas-account-chip strong,.canvas-account-chip em{min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;letter-spacing:0}.canvas-account-chip strong{font-size:13px;font-weight:900}.canvas-account-chip em{color:#ffffff8f;font-size:11px;font-style:normal;font-weight:700}.canvas-account-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:220px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0f1012f5;box-shadow:0 22px 58px #00000094;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.canvas-account-dropdown-head{display:grid;gap:2px;margin-bottom:6px;padding:8px 9px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.canvas-account-dropdown-head strong{max-width:176px;overflow:hidden;color:#fffffff0;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.canvas-account-dropdown-head span{color:#ffffff8f;font-size:11px;font-weight:750}.canvas-account-dropdown button{width:100%;min-height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#ffffffc7;font-size:13px;font-weight:760;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}.canvas-account-dropdown button:hover{background:#ffffff14;color:#fff}.canvas-account-dropdown button.danger{color:#fecaca}.canvas-library-button{min-height:42px;padding:0 20px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#121315d1;color:#ffffffe0;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease,transform .2s ease}.canvas-library-button:hover{transform:translateY(-1px);background:#202124f0;border-color:#ffffff3d}.canvas-model-pricing-button,.canvas-tutorial-button,.canvas-api-docs-button,.canvas-announcement-button,.canvas-home-refresh-button,.canvas-local-storage-button{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#121315d1;color:#ffffffe0;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.canvas-model-pricing-button{min-width:112px}.canvas-tutorial-button,.canvas-api-docs-button{min-width:96px}.canvas-announcement-button{width:42px;padding:0}.canvas-announcement-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.canvas-home-refresh-button{min-width:72px}.canvas-model-pricing-button:hover,.canvas-tutorial-button:hover,.canvas-api-docs-button:hover,.canvas-announcement-button:hover,.canvas-home-refresh-button:hover:not(:disabled),.canvas-local-storage-button:hover{background:#202124f0;border-color:#ffffff47}.canvas-home-refresh-button:disabled{cursor:wait;opacity:.72}.canvas-local-storage-button.is-connected{border-color:#86efac61;background:#123222d1;color:#effff4}.canvas-local-storage-tip{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:min(420px,calc(100vw - 48px));padding:10px 12px;border:1px solid rgba(134,239,172,.28);border-radius:12px;background:#08100cf5;color:#effff4;font-size:12px;font-weight:600;line-height:1.55;text-align:left;white-space:normal;box-shadow:0 16px 36px #00000061;pointer-events:none}.canvas-local-storage-button{position:relative}.canvas-local-storage-button:hover .canvas-local-storage-tip,.canvas-local-storage-button:focus-visible .canvas-local-storage-tip{display:flex;flex-direction:column;gap:2px}.canvas-local-storage-tip strong{margin-bottom:4px;font-size:12px;font-weight:800}.canvas-local-storage-tip em{margin-top:6px;color:#effff49e;font-style:normal;font-weight:500}.canvas-local-storage-button.needs-auth{border-color:#fcd34d75;background:#3f2d0fd1;color:#fff7d6}.canvas-local-storage-button.is-pulsing{animation:local-storage-pulse 1.2s ease-in-out 2}@keyframes local-storage-pulse{0%,to{box-shadow:0 12px 32px #0000004d}45%{box-shadow:0 0 0 4px #fcd34d33,0 12px 32px #0000004d}}.canvas-account-action{min-height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#121315d1;color:#ffffffe0;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease,transform .2s ease}.canvas-account-action.primary{border-color:#00e5ffad;color:#00e5ff}.canvas-account-action:hover{transform:translateY(-1px);background:#202124f0;border-color:#ffffff3d}.canvas-entry-announcement{position:fixed;top:126px;right:40px;z-index:70;width:min(420px,44vw);min-height:auto;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0e0f11f0;box-shadow:0 22px 58px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:none;box-sizing:border-box}.canvas-entry-announcement-content{position:relative;display:grid;justify-items:center;gap:16px;min-height:72px;padding:26px 28px 28px;color:#ffffffb8;font-size:15px;line-height:1.8;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}.canvas-entry-announcement-close{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#ffffffb8;font-size:20px;line-height:1;padding:0;cursor:pointer}.canvas-entry-announcement-close:hover{background:#ffffff1f;color:#fffffff5}.canvas-entry-announcement-title{margin:0;color:#ffffffeb;font-size:18px;font-weight:900;line-height:1.35}.canvas-entry-announcement-content :is(h1,h2,h3,h4,h5,h6){margin:0 32px 14px;color:#ffffffe6;font-size:18px;font-weight:900;line-height:1.4;text-align:center}.canvas-entry-announcement-content p{margin:0 0 12px}.canvas-entry-announcement-content p:last-child{margin-bottom:0}.canvas-entry-announcement-content img{display:block;max-width:min(260px,100%);max-height:260px;margin:0 auto;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 14px 34px #00000047}.canvas-entry-announcement-head{display:flex;align-items:center;justify-content:center;margin-bottom:14px;text-align:center}.canvas-entry-announcement-head span{color:#ffffffe6;font-size:18px;font-weight:900}.canvas-entry-announcement>p{margin:0;color:#ffffffb8;font-size:15px;line-height:1.8;text-align:left;white-space:pre-line}.canvas-entry-announcement-qr{width:min(260px,100%);height:auto;display:block;margin:0 auto;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 14px 34px #00000047}.canvas-entry-panel{width:min(1680px,100%);display:grid;gap:34px}.canvas-entry-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.canvas-entry-column{min-width:0;display:grid;gap:16px;align-content:start}.canvas-entry-column .canvas-project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.workflow-picker-filters{display:flex;flex-wrap:wrap;gap:8px}.workflow-picker-filters button{min-height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0c0d0f8c;color:#ffffffad;font-size:12px;font-weight:700;cursor:pointer}.workflow-picker-filters button.active{border-color:#73e5d7b3;background:#16b8a629;color:#73e5d7}.workflow-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.workflow-picker-card{display:grid;gap:10px;padding:0 0 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#121315db;color:#fff;text-align:left;overflow:hidden;cursor:pointer}.workflow-picker-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#111827}.workflow-picker-card-body{display:grid;gap:6px;padding:0 12px}.workflow-picker-card strong{font-size:15px;line-height:1.3}.workflow-picker-card small{color:#ffffff94;font-size:12px;line-height:1.45}.workflow-picker-card.is-selected,.workflow-picker-card:hover{border-color:#ffffff3d}.workflow-picker-cover-empty,.workflow-picker-empty{display:grid;place-items:center;color:#ffffff7a;background:#111827}.workflow-picker-cover-empty{width:100%;aspect-ratio:16 / 9;font-size:13px}.workflow-picker-empty{min-height:140px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;background:#0c0d0f66}.workflow-picker-detail{display:grid;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c0d0fb8}.workflow-picker-detail header strong,.workflow-picker-detail b{color:#fffffff0}.workflow-picker-detail header small,.workflow-picker-detail p,.workflow-picker-detail em,.workflow-picker-detail li small{color:#ffffff94;font-style:normal}.workflow-picker-detail p{margin:6px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap}.workflow-picker-detail section{display:grid;gap:8px}.workflow-picker-detail span{color:#ffffff6b;font-size:12px}.workflow-picker-demos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.workflow-picker-demos img,.workflow-picker-demos video{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;background:#111827}.workflow-picker-detail ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.workflow-picker-detail li{display:grid;gap:2px;font-size:13px}.canvas-entry-heading{display:grid;gap:12px;text-align:left}.canvas-entry-kicker{margin:0;color:#ffffff80;font-size:14px;letter-spacing:0}.canvas-entry h1{max-width:760px;margin:0;color:#fff;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:0}.canvas-projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.canvas-projects-head h2{margin:0 0 8px;color:#ffffffeb;font-size:22px;letter-spacing:0}.canvas-projects-head p{margin:0;color:#ffffff85;font-size:14px}.canvas-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.canvas-project-card{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#121315db;color:#fff;text-align:left;cursor:pointer;box-shadow:0 18px 46px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.canvas-project-card:hover:not(:disabled){transform:translateY(-3px);border-color:#ffffff38;background:#1c1d20f2}.canvas-project-card:disabled{opacity:.65;cursor:not-allowed}.canvas-project-action-row{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px}.canvas-project-action{min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0c0d0fb8;color:#ffffffbd;font-size:12px;font-weight:800;cursor:pointer;opacity:1;transition:background .2s ease,border-color .2s ease,color .2s ease}.canvas-project-action:hover{background:#2a2b2feb;border-color:#ffffff3d;color:#fff}.canvas-project-action.danger{color:#ffffff94}.canvas-project-action.danger:hover{background:#402c2ce6;border-color:#ffffff3d;color:#fffffff0}.canvas-project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:52px}.canvas-project-card strong,.canvas-project-name-button,.canvas-project-name-input{min-width:0;color:#fffffff0;font-size:20px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.canvas-project-name-button{max-width:100%;padding:0;border:0;border-radius:4px;background:transparent;color:#fffffff0;text-align:left;cursor:text}.canvas-project-name-button:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffffff47;text-underline-offset:4px}.canvas-project-name-input{width:min(100%,240px);padding:2px 6px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#050607d1;outline:none;box-sizing:border-box}.canvas-project-name-input:focus{border-color:#ffffff6b;box-shadow:0 0 0 3px #ffffff14}.canvas-project-card small{color:#ffffff75;font-size:12px;font-weight:600}.canvas-project-preview{position:relative;height:78px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px) 0 0 / 16px 16px,#070809;overflow:hidden}.canvas-project-preview span{position:absolute;display:block;border-radius:4px;background:#ffffffdb}.canvas-project-preview span:nth-child(1){width:48px;height:30px;left:26px;top:24px}.canvas-project-preview span:nth-child(2){width:36px;height:22px;left:112px;top:16px;opacity:.7}.canvas-project-preview span:nth-child(3){width:68px;height:8px;right:28px;bottom:22px;opacity:.62}.canvas-project-meta{min-width:0;display:grid;gap:8px}.canvas-project-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.canvas-project-consumption{min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:baseline;gap:5px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);color:#ffffff80;font-size:11px;font-weight:650;line-height:1.25}.canvas-project-consumption-value{min-width:0;overflow:hidden;color:#d8fcff;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.canvas-project-card-new{justify-content:center;align-items:center;text-align:center;border-style:dashed;background:#ffffff0f}.canvas-project-plus{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:#050607;font-size:34px;line-height:1;font-weight:300}.canvas-project-status{min-height:150px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#121315b3;color:#ffffff94;font-size:14px}.canvas-project-empty{grid-column:1 / -1;min-height:0;color:#ffffff73;font-size:14px}.dream-local-db-locked .canvas-project-card:not(.canvas-project-card-new){display:none!important}.canvas-local-db-lock-notice{grid-column:1 / -1;min-height:170px;display:grid;place-items:center;gap:8px;padding:26px;border:1px solid rgba(252,211,77,.2);border-radius:10px;background:#261e0eb8;color:#ffffffe6;text-align:center;box-shadow:inset 0 1px #ffffff14}.canvas-local-db-lock-notice strong{color:#fff7d6;font-size:18px}.canvas-local-db-lock-notice span{max-width:640px;color:#ffffffb8;font-size:14px;line-height:1.7}.canvas-delete-overlay,.generation-library-overlay,.generation-library-preview,.generation-library-delete-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generation-library-delete-dialog,.canvas-delete-dialog{width:min(420px,100%);padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#171719;color:#fff;box-shadow:0 24px 70px #00000075}.generation-library-delete-overlay{z-index:120}.generation-library-delete-dialog h2,.canvas-delete-dialog h2{margin:0 0 12px;font-size:22px}.generation-library-delete-dialog p,.canvas-delete-dialog p{margin:0;color:#ffffff9e;font-size:14px;line-height:1.7}.generation-library-delete-actions,.canvas-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.generation-library-delete-actions button,.canvas-delete-actions button{min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:#fffc;font-weight:700;cursor:pointer}.generation-library-delete-actions button.danger,.canvas-delete-actions button.danger{border-color:#fff3;background:#28282bd1;color:#fff}.generation-library-modal{width:min(1120px,100%);max-height:min(820px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#121315;color:#fff;box-shadow:0 24px 80px #0000008c}.generation-library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.generation-library-header h2{margin:0 0 8px;font-size:24px}.generation-library-header p{margin:0;color:#ffffff85;font-size:14px}.generation-library-close{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:#ffffffd1;font-weight:700;cursor:pointer}.generation-library-toolbar{display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid rgba(255,255,255,.07)}.generation-library-select{min-width:190px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1b1c1f;color:#fff;font-size:13px}.generation-library-tabs{display:flex;flex-wrap:wrap;gap:8px}.generation-library-tabs button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;color:#ffffffb3;font-size:13px;font-weight:700;cursor:pointer}.generation-library-tabs button.active{border-color:#ffffff47;background:#ffffff24;color:#fff}.generation-library-body{flex:1;overflow-y:auto;padding:22px 26px 28px}.generation-library-empty{min-height:260px;display:grid;place-items:center;color:#ffffff80}.generation-library-group+.generation-library-group{margin-top:28px}.generation-library-group-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.generation-library-group-title h3{margin:0;font-size:17px}.generation-library-group-title span{color:#ffffff73;font-size:12px}.generation-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}.generation-library-item{position:relative;min-height:198px;display:grid;grid-template-rows:124px auto auto;gap:10px;padding:10px 10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#0f1012d1;color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff09;transition:border-color .16s ease,background .16s ease,transform .16s ease}.generation-library-item:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#17181be6}.generation-library-card-actions{position:absolute;right:12px;top:12px;z-index:4;display:flex;gap:6px}.generation-library-action-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0a0b0db8;color:#ffffffbd;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 18px #00000047;transition:background .16s ease,border-color .16s ease,color .16s ease}.generation-library-action-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.generation-library-action-button:hover{border-color:#ffffff42;background:#232529eb;color:#fff}.generation-library-action-button.danger:hover{border-color:#ffffff47;background:#322424eb}.generation-library-thumb{min-width:0;overflow:hidden;border-radius:7px;background:#070809}.generation-library-thumb img,.generation-library-thumb video{width:100%;height:100%;display:block;object-fit:cover}.generation-library-no-media{min-height:100%;display:grid;place-items:center;color:#ffffff8a;font-size:13px}.generation-library-badge{position:absolute;left:14px;top:14px;z-index:2;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#090a0cad;color:#ffffffbd;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.generation-library-item strong{min-width:0;color:#ffffffdb;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-library-item small{color:#ffffff6b;font-size:12px}.generation-library-card-meta{color:#ffffff94!important}.generation-library-preview{z-index:100}.generation-library-preview-content{position:relative;width:min(94vw,1280px);max-width:min(94vw,1280px);max-height:88vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#101113f5;box-shadow:0 28px 80px #00000085}.generation-library-preview-media{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#050607;overflow:hidden}.generation-library-preview-media img,.generation-library-preview-media video{max-width:100%;max-height:calc(88vh - 28px);display:block;object-fit:contain;border-radius:10px;background:#000}.generation-library-preview-close{position:absolute;top:-46px;right:4px;min-height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#121315e0;color:#fff;cursor:pointer}.generation-library-preview-detail{min-width:0;max-height:calc(88vh - 28px);display:flex;flex-direction:column;gap:12px;overflow:auto;padding:4px 4px 4px 0;color:#ffffffc7}.generation-library-preview-title{display:flex;flex-direction:column;gap:10px}.generation-library-preview-title .generation-library-badge{position:static;width:fit-content}.generation-library-preview-title h3{margin:0;color:#ffffffeb;font-size:18px;line-height:1.35}.generation-library-trace-grid{display:grid;grid-template-columns:1fr;gap:7px}.generation-library-trace-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff09}.generation-library-trace-row span,.generation-library-error-box span,.generation-library-prompt-box span,.generation-library-detail-heading span{color:#ffffff8f;font-size:12px;font-weight:700}.generation-library-trace-row strong{min-width:0;color:#fffc;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-library-prompt-box,.generation-library-reference-box,.generation-library-error-box{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09}.generation-library-error-box{border-color:#ff5f5f47;background:#ff5f5f14}.generation-library-error-box p,.generation-library-prompt-box p{margin:8px 0 0;min-width:0;overflow-wrap:anywhere;word-break:break-word;color:#ffffffc7;font-size:13px;line-height:1.65;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.generation-library-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.generation-library-detail-heading em{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff12;color:#ffffffc7;font-size:12px;font-style:normal}.generation-library-reference-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;margin-top:10px}.generation-library-reference-thumb{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#070809}.generation-library-reference-thumb img{width:100%;height:100%;display:block;object-fit:cover}.generation-library-reference-thumb span{position:absolute;left:5px;bottom:5px;min-width:18px;height:18px;border-radius:999px;background:#000000ad;color:#ffffffdb;font-size:11px;font-weight:750;line-height:18px;text-align:center}.generation-library-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.generation-library-preview-actions a,.generation-library-preview-actions button{min-height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#ffffff14;color:#ffffffd6;font-size:12px;text-decoration:none;cursor:pointer}.generation-library-preview-actions a:hover,.generation-library-preview-actions button:hover{background:#ffffff26}@media(max-width:1100px){.canvas-entry-split{grid-template-columns:1fr}}@media(max-width:720px){.canvas-entry{align-items:flex-start;flex-direction:column;padding:24px 16px}.canvas-entry-panel{gap:26px}.canvas-entry-announcement{position:fixed;top:86px;left:16px;right:16px;width:auto;min-height:auto;margin-bottom:0;padding:18px;transform:none}.canvas-projects-head{align-items:stretch;flex-direction:column}.canvas-entry-topbar{position:static;align-self:stretch;display:flex;align-content:flex-start;justify-content:flex-end;width:100%;max-width:none;margin-bottom:18px}.canvas-entry-account{width:100%;flex-wrap:wrap;justify-content:flex-end}.canvas-account-chip{max-width:100%}.canvas-entry-split,.canvas-project-grid{grid-template-columns:1fr}.generation-library-toolbar{align-items:stretch;flex-direction:column}.generation-library-preview-content{grid-template-columns:1fr;overflow:auto}.generation-library-preview-detail{max-height:none}}.source-auth-page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:44px;padding:44px clamp(28px,7vw,96px);box-sizing:border-box;color:#fff;background:linear-gradient(90deg,#000000d1,#0000005c 48%,#000000e0),linear-gradient(180deg,#00000014,#000000e0),url(../login-wallpaper.webp) center / cover no-repeat,#050607}.source-auth-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 18%,rgba(0,238,255,.17),transparent 27%),radial-gradient(circle at 72% 62%,rgba(255,125,76,.13),transparent 26%)}.source-auth-brand,.source-auth-card{position:relative;z-index:1}.source-auth-brand{align-self:end;display:grid;gap:14px;padding-bottom:min(9vh,74px);text-align:left}.source-auth-brand span{color:#ffffff94;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.source-auth-brand h1{max-width:760px;margin:0;color:#fff;font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:0;text-shadow:0 28px 54px rgba(0,0,0,.74)}.source-auth-card{width:100%;max-height:calc(100vh - 72px);overflow:auto;padding:30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0d0e10d6;box-shadow:0 28px 90px #000000a8;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.source-auth-card-head{display:grid;gap:6px;margin-bottom:22px;text-align:left}.source-auth-card-head h2{margin:0;color:#f8fafc;font-size:25px;font-weight:850;letter-spacing:0}.source-auth-card-head p{margin:0;color:#ffffff8f;font-size:13px}.source-auth-form{display:grid;gap:13px}.source-auth-form label{display:grid;gap:7px;text-align:left}.source-auth-form label span{color:#ffffffb8;font-size:12px;font-weight:800}.source-auth-form input{width:100%;height:42px;padding:0 13px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#ffffff14;color:#ffffffeb;font:inherit;font-size:14px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.source-auth-form input:focus{border-color:#00eeff8c;background:#ffffff1f;box-shadow:0 0 0 3px #00eeff1f}.source-auth-form input::placeholder{color:#ffffff5c}.source-auth-remember-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 18px;min-height:28px}.source-auth-check{display:inline-flex!important;grid-template-columns:none!important;grid-auto-flow:column;align-items:center;gap:8px!important;width:fit-content;color:#ffffffb8;font-size:13px;font-weight:750;cursor:pointer;-webkit-user-select:none;user-select:none}.source-auth-check input{width:16px;height:16px;margin:0;padding:0;accent-color:#f8fafc;cursor:pointer}.source-auth-check span{color:#ffffffbd!important;font-size:13px!important;font-weight:750!important}.source-auth-message{min-height:30px;display:flex;align-items:center;padding:7px 11px;box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff0f;color:#ffffffa8;font-size:12px;line-height:1.4;text-align:left;overflow-wrap:anywhere}.source-auth-message:empty{visibility:hidden}.source-auth-message.error{visibility:visible;border-color:#f8717142;background:#7f1d1d47;color:#fecaca}.source-auth-message.success{visibility:visible;border-color:#22c55e3d;background:#14532d47;color:#bbf7d0}.source-auth-submit{width:100%;height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:#f8fafc;color:#050607;font-size:15px;font-weight:850;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.source-auth-submit:hover:not(:disabled){transform:translateY(-1px);background:#fff;box-shadow:0 18px 42px #ffffff24}.source-auth-submit:disabled{opacity:.6;cursor:not-allowed}.source-auth-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.source-auth-foot button,.source-auth-foot a{min-height:34px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff14;color:#ffffffc2;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer}.source-auth-foot button:hover,.source-auth-foot a:hover{border-color:#ffffff47;background:#ffffff21;color:#fff}.source-auth-pricing-button{min-height:42px;display:flex;align-items:center;justify-content:center;width:fit-content;min-width:112px;margin:18px auto 0;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#121315d1;color:#ffffffe6;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.source-auth-pricing-button:hover{border-color:#ffffff4d;background:#202124f0;color:#fff}.source-auth-pricing-button:focus-visible{outline:none;border-color:#00eeff94;box-shadow:0 0 0 3px #00eeff21,0 12px 32px #0000004d}@media(max-width:780px){.source-auth-page{grid-template-columns:1fr;align-items:end;gap:28px;padding:28px 18px}.source-auth-brand{align-self:end;padding-bottom:0}.source-auth-brand h1{font-size:clamp(42px,14vw,66px)}.source-auth-card{max-height:64vh;padding:24px}}#root{max-width:100%;margin:0;padding:0;text-align:center}.App{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a;color:#e0e0e0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #00eeffaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background:#1a1a1a;border-radius:8px;box-shadow:0 0 20px #00eeff1a}.read-the-docs{color:#888}