:root{color:#171b22;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 52% 0,rgba(150,86,255,.18),transparent 28%),radial-gradient(circle at 18% 0,rgba(97,220,230,.26),transparent 32%),linear-gradient(180deg,#fff 0,#f7f8fb 280px,#f1f3f6),#f4f5f7}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{align-items:center;background:transparent;border-bottom:0;display:grid;gap:24px;grid-template-columns:auto 1fr;min-height:68px;padding:10px 28px 0 100px;position:fixed;right:0;top:0;left:0;z-index:20}.brand{align-items:center;display:flex;font-size:24px;font-weight:900;gap:11px;letter-spacing:0}.brand-mark{align-items:center;background:linear-gradient(135deg,#00c4cc,#7d2aff);border-radius:50%;color:#fff;display:inline-flex;height:36px;justify-content:center;width:36px}.nav{align-items:center;display:flex;gap:28px;justify-content:center}.nav a{align-items:center;color:#1d252fad;display:inline-flex;font-size:14px;font-weight:720;gap:4px}.nav a:hover{color:#111820}.login{background:#fff;border:1px solid rgba(94,59,178,.16);border-radius:999px;box-shadow:0 10px 28px #6132b21f;color:#171b22;font-weight:800;justify-self:end;padding:10px 16px}.account-chip{align-items:center;background:#fff;border:1px solid rgba(23,27,34,.12);border-radius:999px;box-shadow:0 10px 28px #6132b21f;color:#171b22;display:inline-flex;font-size:13px;font-weight:800;gap:8px;max-width:260px;min-height:42px;padding:7px 8px 7px 12px}.account-chip span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip small{color:#1d252f94;font-size:12px;font-weight:850;white-space:nowrap}.account-chip button{align-items:center;background:#171b220f;border:1px solid transparent;border-radius:7px;color:inherit;display:inline-flex;height:28px;justify-content:center;width:28px}.account-chip button:hover,.account-chip button:focus-visible{background:#171b221c;outline:none}.auth-panel{display:flex;justify-content:flex-end;padding:16px 28px 0;position:sticky;top:64px;z-index:9}.auth-card{background:#fffffffa;border:1px solid rgba(23,27,34,.1);border-radius:8px;box-shadow:0 24px 70px #171b222e;display:grid;gap:14px;padding:16px;width:min(380px,calc(100vw - 56px))}.google-auth-button{align-items:center;background:#fff;border:1px solid rgba(23,27,34,.13);border-radius:8px;color:#171b22;display:inline-flex;font-weight:850;gap:10px;justify-content:center;min-height:42px;padding:10px 14px}.google-auth-button span{align-items:center;background:#171b22;border-radius:50%;color:#fff;display:inline-flex;font-size:13px;height:22px;justify-content:center;width:22px}.google-auth-button:hover,.google-auth-button:focus-visible{border-color:#171b2247;box-shadow:0 10px 24px #171b2217;outline:none}.google-auth-button:disabled{opacity:.62}.top-actions{align-items:center;display:flex;gap:10px;justify-self:end}.theme-toggle{align-items:center;background:#ffffffb3;border:1px solid rgba(23,27,34,.12);border-radius:999px;color:#171b22;display:inline-flex;height:42px;justify-content:center;width:42px}.language-picker{align-items:center;background:#ffffffb3;border:1px solid rgba(23,27,34,.12);border-radius:999px;color:#171b22;display:inline-flex;gap:5px;min-height:42px;padding:0 8px 0 10px}.language-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-size:12px;font-weight:850;min-height:34px;padding:0 2px}.workspace{display:grid;grid-template-columns:72px 248px minmax(0,1fr);margin:0;max-width:none;min-height:100vh;width:100%}.canva-rail{align-items:center;background:#fbf8ff;border-right:1px solid rgba(94,59,178,.09);display:flex;flex-direction:column;gap:14px;min-height:100vh;padding:18px 10px;position:sticky;top:0;z-index:30}.rail-collapse,.rail-create,.rail-item{align-items:center;border:0;display:inline-flex;justify-content:center}.rail-collapse{background:transparent;color:#5f45a8;height:34px;width:34px}.rail-logo{align-items:center;color:#7d2aff;display:inline-flex;height:34px;justify-content:center;width:34px}.rail-create{background:linear-gradient(135deg,#7d2aff,#9b51ff);border-radius:50%;box-shadow:0 10px 24px #7d2aff3d;color:#fff;height:42px;width:42px}.rail-nav{display:grid;gap:8px;justify-items:center;width:100%}.rail-item{background:transparent;border-radius:14px;color:#6547a4;flex-direction:column;font-size:11px;font-weight:760;gap:4px;min-height:58px;padding:8px 4px;width:100%}.rail-item span{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item.active,.rail-item:hover{background:#eee6ff;color:#6d25ff}.rail-footer{align-items:end;color:#6b4bae;display:flex;flex:1}.avatar-dot{align-items:center;background:#008c88;border-radius:50%;color:#fff;display:inline-flex;font-size:13px;font-weight:900;height:34px;justify-content:center;width:34px}.sidebar{background:#fbf8fff5;border-right:1px solid rgba(94,59,178,.09);min-height:100vh;overflow-y:auto;padding:82px 16px 24px;position:sticky;top:0}.sidebar-card{background:#ffffffb8;border:1px dashed rgba(94,59,178,.22);border-radius:12px;color:#171b22b8;display:grid;gap:8px;line-height:1.45;margin-bottom:22px;padding:16px;position:relative;text-align:center}.sidebar-card button{background:transparent;border:0;color:#171b2294;padding:0;position:absolute;right:10px;top:10px;transform:rotate(45deg)}.sidebar-card strong{font-size:13px}.sidebar-card span{font-size:12px}.section-title,.eyebrow{color:#087f8c;font-size:12px;font-weight:850;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}.menu-group{margin:24px 0}.menu-heading{color:#171b2270;font-size:12px;font-weight:850;margin-bottom:8px;text-transform:uppercase}.menu-item{align-items:center;border-radius:10px;color:#5f45a8;display:flex;font-size:14px;gap:9px;padding:10px 11px}.menu-item span{flex:1}.menu-item small{background:#f1e4c8;border-radius:999px;color:#8b5f08;font-size:10px;font-weight:850;padding:2px 7px;text-transform:uppercase}.menu-item.active,.menu-item:hover{background:#eee6ff;color:#6d25ff}.studio{padding:92px 32px 34px}.bottom-nav{display:none}.hero-panel{background:#171b22;border-radius:8px;box-shadow:0 26px 70px #171b222e;color:#fff;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(460px,1.22fr);min-height:560px;overflow:hidden;position:relative}.hero-copy{align-content:end;display:grid;gap:20px;padding:48px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:0;line-height:.98;margin:0;max-width:760px}.hero-copy p:not(.eyebrow){color:#ffffffb8;font-size:17px;margin:0;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.hero-visual{min-height:560px;position:relative}.hero-visual:before{background:linear-gradient(90deg,#171b22 0%,rgba(23,27,34,.78) 24%,rgba(23,27,34,.12) 62%,transparent 82%);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.hero-visual img{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.hero-floating-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.68);border-radius:8px;bottom:30px;box-shadow:0 20px 60px #0000003d;color:#171b22;display:grid;gap:4px;min-width:180px;padding:16px;position:absolute;right:30px;z-index:2}.hero-floating-card span,.metric span,.page-card span{color:#1d252f85;font-size:12px;font-weight:850;text-transform:uppercase}.hero-floating-card strong{font-size:28px}.metric-strip{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.metric,.panel,.preview-stage,.assets-panel,.workflow-panel,.planned-page{background:#fffffff0;border:1px solid rgba(23,27,34,.1);border-radius:8px;box-shadow:0 16px 42px #171b2212}.metric{align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto;padding:17px 18px}.metric svg{color:#087f8c}.metric strong{font-size:24px}.dashboard-grid{display:grid;gap:18px;grid-template-columns:minmax(280px,.62fr) minmax(520px,1.38fr)}.workflow-panel,.assets-panel,.planned-page,.creator{padding:24px}.panel-head{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.panel-head h2{font-size:25px;line-height:1.1;margin:0}.timeline{display:grid;gap:12px}.timeline-step{align-items:center;background:#f8f1e6;border:1px solid rgba(29,37,47,.08);border-radius:8px;display:grid;gap:12px;grid-template-columns:34px 1fr;padding:13px}.timeline-step span{align-items:center;background:#111820;border-radius:7px;color:#fff;display:inline-flex;font-size:13px;font-weight:850;height:34px;justify-content:center;width:34px}.page-card-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-start{background:#ffffff8a;border-top:1px solid rgba(29,37,47,.1);padding:4px 0 0 24px}.quick-start-head{align-items:start;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.quick-start-head h2{font-size:20px;line-height:1.25;margin:0;max-width:520px}.quick-start-head>svg{color:#e96d5b;flex:0 0 auto;margin-right:4px}.page-card{align-items:start;background:#fff;border:1px solid rgba(29,37,47,.1);border-radius:8px;box-shadow:0 14px 40px #1f272e12;color:#1d252f;display:grid;gap:9px;min-height:164px;padding:18px;text-align:left}.page-card:hover{border-color:#0f8c9747;box-shadow:0 20px 48px #1f272e21;transform:translateY(-3px)}.page-card strong{font-size:17px}.page-card small{color:#1d252f8c}.page-heading{align-items:end;display:flex;gap:28px;justify-content:space-between;margin-bottom:24px}.page-heading h1{font-size:clamp(38px,4.6vw,66px);letter-spacing:0;line-height:.98;margin:0;max-width:920px}.page-heading p:not(.eyebrow){color:#1d252fa3;margin:14px 0 0;max-width:760px}.status-pill{align-items:center;background:#111820;border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:760;gap:7px;max-width:360px;padding:9px 12px}.page-grid{display:grid;gap:22px;grid-template-columns:minmax(390px,.88fr) minmax(420px,1.12fr);margin-bottom:22px}.tool-form{display:grid;gap:16px}label{color:#1d252f9e;display:grid;font-size:13px;font-weight:820;gap:8px}textarea,select,input{background:#fff;border:1px solid rgba(23,27,34,.14);border-radius:8px;color:#171b22;padding:13px 14px}textarea:focus,select:focus,input:focus{border-color:#087f8c7a;box-shadow:0 0 0 3px #087f8c1a;outline:none}textarea{min-height:132px;resize:vertical}select,input{min-height:46px}input[readonly]{color:#1d252f8f}input[type=checkbox]{accent-color:#0f8c97;min-height:auto}.compact-textarea{min-height:76px}.names-textarea{min-height:136px}.upload-button,.primary,.secondary{align-items:center;border-radius:8px;display:inline-flex;gap:9px;justify-content:center}.upload-button{background:#f7f8fb;border:1px dashed rgba(23,27,34,.26);color:#171b22;min-height:50px;overflow:hidden;padding:0 14px;text-overflow:ellipsis;width:100%}.primary{background:#171b22;border:0;color:#fff;font-weight:880;min-height:52px;padding:0 18px}.credit-cost{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;gap:4px;line-height:1;margin-left:4px;padding:4px 7px;white-space:nowrap}.hero-primary{background:#6ee7d8;color:#101820}.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.24);color:#fff;font-weight:820;min-height:52px;padding:0 18px}.primary:disabled{cursor:progress;opacity:.65}.option-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.dense{grid-template-columns:repeat(4,minmax(0,1fr))}.checkbox-row{align-items:center;display:flex;gap:10px}.advanced-options{border-top:1px solid rgba(23,27,34,.08);padding-top:2px}.advanced-options summary{color:#171b2294;cursor:pointer;font-size:13px;font-weight:850;list-style-position:inside;padding:8px 0}.advanced-options[open] summary{color:#087f8c}.advanced-options .option-grid{padding-top:8px}.preview-stage{align-content:center;background:linear-gradient(180deg,#fffffffa,#f7f8fbf5);min-height:486px;overflow:hidden;padding:28px;position:relative}.preview-stage.result-ready:before{background-image:linear-gradient(45deg,rgba(23,27,34,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(23,27,34,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(23,27,34,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(23,27,34,.06) 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;content:"";top:0;right:0;bottom:0;left:0;opacity:.55;position:absolute}.preview-empty,.result-preview,.result-empty{position:relative;z-index:1}.preview-empty{align-content:center;color:#171b2299;display:grid;gap:18px;min-height:420px;place-items:center;text-align:center}.empty-preview-mark{align-items:center;background:#171b22;border-radius:8px;color:#6ee7d8;display:inline-flex;height:64px;justify-content:center;width:64px}.cutout-empty{align-content:start;min-height:420px}.cutout-surface{background:#fff;border:1px solid rgba(23,27,34,.09);border-radius:8px;box-shadow:0 20px 46px #171b2214;display:grid;min-height:210px;place-items:center;position:relative;width:min(360px,100%)}.cutout-object{aspect-ratio:1;background:radial-gradient(circle at 52% 34%,#f0c75d 0 15%,transparent 16%),radial-gradient(circle at 44% 50%,#18a8b4 0 13%,transparent 14%),linear-gradient(135deg,#2c7a66,#24313d 56%,#d96d5d);border-radius:8px;height:116px}.cutout-checks{align-items:center;background:#eefaf8;border:1px solid rgba(8,127,140,.14);border-radius:8px;bottom:14px;color:#087f8c;display:inline-flex;font-size:12px;font-weight:850;gap:6px;padding:7px 9px;position:absolute;right:14px}.preview-browser{background:#111820;border-radius:8px 8px 0 0;display:flex;gap:7px;padding:13px}.preview-browser span{background:#f5c45f;border-radius:50%;height:9px;width:9px}.preview-browser span:nth-child(2){background:#13a7b3}.preview-browser span:nth-child(3){background:#e96d5b}.mock-canvas{background:#121b23;border:1px solid rgba(29,37,47,.12);border-radius:0 0 8px 8px;display:grid;gap:18px;min-height:330px;padding:26px}.mock-artifact{align-self:center;aspect-ratio:1;background:radial-gradient(circle at 50% 34%,#f5c45f 0 12%,transparent 13%),radial-gradient(circle at 42% 48%,#13a7b3 0 9%,transparent 10%),linear-gradient(135deg,#2e7d67,#273542 54%,#e96d5b);border:1px solid rgba(255,255,255,.28);border-radius:8px;box-shadow:0 18px 42px #00000038;justify-self:center;max-width:230px;width:54%}.mock-frames{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.mock-frames span{aspect-ratio:16 / 10;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:6px}.preview-caption{display:grid;gap:4px}.preview-caption span,.result-empty span{color:#1d252f94}.result-preview{display:grid;gap:16px}.image-preview-button,.asset-image-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:zoom-in;display:flex;align-items:center;justify-content:center;height:100%;min-width:0;padding:0;position:relative;width:100%}.image-preview-button:focus-visible,.asset-image-button:focus-visible{outline:3px solid #087f8c;outline-offset:3px}.image-preview-button img,.asset-image-button img{transition:box-shadow .16s ease,transform .16s ease}.image-preview-button:hover img,.asset-image-button:hover img{box-shadow:0 0 0 2px #087f8c73}.upscale-source-preview,.upscale-comparison{display:grid;gap:16px;position:relative;z-index:1}.upscale-source-preview{justify-items:center}.upscale-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.upscale-source-preview figure,.upscale-comparison figure{display:grid;gap:8px;margin:0;min-width:0}.upscale-source-preview img,.upscale-comparison img{background:#fff;border:1px solid rgba(29,37,47,.12);border-radius:8px;height:min(320px,48vw);max-width:100%;object-fit:contain;width:100%}.upscale-source-preview{grid-template-columns:minmax(0,1fr)}.upscale-source-preview figure{width:min(100%,420px)}.upscale-source-preview img{height:min(360px,48vw)}.upscale-source-preview figcaption,.upscale-comparison figcaption{color:#1d252f9e;font-size:12px;font-weight:850;text-align:center}.upscale-comparison .download-row{grid-column:1 / -1}.result-preview img{background-color:#f8f1e6;background-image:linear-gradient(45deg,rgba(29,37,47,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(29,37,47,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(29,37,47,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(29,37,47,.07) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid rgba(29,37,47,.12);border-radius:8px;max-height:300px;object-fit:contain;width:100%}.image-viewer-backdrop{align-items:center;background:#060a0fe0;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.image-viewer{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(92vh,1200px);max-width:min(96vw,1800px);position:relative;width:100%}.image-viewer-viewport{align-items:center;display:flex;justify-content:center;min-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.image-viewer-viewport.is-pannable{cursor:grab}.image-viewer-viewport.is-dragging{cursor:grabbing}.image-viewer-canvas{align-items:center;display:flex;justify-content:center;transform-origin:center center;will-change:transform}.image-viewer-canvas img{background-color:#fff;background-image:linear-gradient(45deg,rgba(255,255,255,.14) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.14) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.14) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.14) 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;border-radius:8px;box-shadow:0 24px 80px #0000007a;display:block;height:auto;max-height:none;max-width:none;object-fit:none;width:auto}.image-viewer-toolbar{align-items:center;background:#fffffff5;border:1px solid rgba(29,37,47,.1);border-radius:12px;box-shadow:0 12px 36px #0000002e;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:14px;min-height:54px;padding:8px 12px}.image-viewer-meta{color:#1d252fad;font-size:13px;font-weight:600}.image-viewer-view-controls,.image-viewer-zoom-controls{align-items:center;display:inline-flex;gap:8px}.image-viewer-view-controls{justify-self:center}.image-viewer-zoom-controls{justify-content:flex-end;justify-self:end;min-width:0}.image-viewer-view-controls button,.image-viewer-zoom-controls button{align-items:center;background:#fff;border:1px solid rgba(29,37,47,.12);border-radius:8px;color:#171b22;display:inline-flex;height:34px;justify-content:center;width:34px}.image-viewer-view-controls button:hover,.image-viewer-view-controls button:focus-visible,.image-viewer-zoom-controls button:hover,.image-viewer-zoom-controls button:focus-visible{background:#eefaf8;border-color:#087f8c;outline:none}.image-viewer-zoom-slider{accent-color:#087f8c;width:min(180px,28vw)}.image-viewer-zoom-label{color:#171b22;font-size:13px;font-weight:700;min-width:44px;text-align:right}.image-viewer-close{align-items:center;background:#fff;border:1px solid rgba(255,255,255,.34);border-radius:8px;color:#171b22;cursor:pointer;display:inline-flex;height:42px;justify-content:center;position:absolute;right:12px;top:12px;width:42px;z-index:1}.image-viewer-close:hover,.image-viewer-close:focus-visible{background:#eefaf8;border-color:#087f8c;outline:none}.voice-result{align-content:center;min-height:360px}.voice-player-card{align-items:center;background:#fff;border:1px solid rgba(29,37,47,.12);border-radius:8px;box-shadow:0 18px 42px #171b2214;color:#111820;display:grid;gap:16px;justify-items:center;padding:28px}.voice-player-card audio{max-width:420px;width:100%}.result-empty{align-content:center;color:#1d252f99;display:grid;gap:10px;min-height:360px;place-items:center;text-align:center}.result-empty strong{color:#111820;font-size:20px}.download-row{display:flex;flex-wrap:wrap;gap:10px}.download-link{background:#111820;border-radius:8px;color:#fff;font-weight:850;padding:10px 13px}.download-link.muted{background:#fff;border:1px solid rgba(29,37,47,.12);color:#111820}.metadata-panel{margin-bottom:22px}.metadata-panel pre{background:#111820;border:1px solid rgba(29,37,47,.12);border-radius:8px;color:#ffffffd1;font-size:12px;margin:0;max-height:260px;overflow:auto;padding:14px}.asset-library{display:grid;gap:20px}.library-heading{align-items:end;display:flex;gap:24px;justify-content:space-between}.library-heading h1{font-size:clamp(38px,4.6vw,62px);letter-spacing:0;line-height:.98;margin:0}.library-heading p:not(.eyebrow){color:#1d252fa3;margin:14px 0 0;max-width:670px}.library-create{flex:0 0 auto}.library-summary{background:#171b22;border-radius:8px;color:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.library-summary div{display:grid;gap:5px;padding:18px 22px}.library-summary div+div{border-left:1px solid rgba(255,255,255,.13)}.library-summary span{color:#ffffff9e;font-size:12px;font-weight:800;text-transform:uppercase}.library-summary strong{font-size:28px;line-height:1}.library-toolbar{align-items:center;display:flex;gap:10px}.asset-search,.asset-filter{align-items:center;background:#ffffffbd;border:1px solid rgba(23,27,34,.12);border-radius:8px;color:#1d252f99;display:flex;gap:9px;min-height:44px;padding:0 12px}.asset-search{min-width:min(360px,100%)}.asset-search input,.asset-filter select{background:transparent;border:0;box-shadow:none;color:inherit;min-height:42px;outline:none;padding:0;width:100%}.asset-filter select{font-size:13px;font-weight:780;min-width:132px}.library-toolbar-spacer{flex:1}.selection-count{color:#087f8c;font-size:13px;font-weight:820;white-space:nowrap}.asset-icon-button,.view-toggle button,.asset-select,.asset-more{align-items:center;background:#fff;border:1px solid rgba(23,27,34,.12);border-radius:7px;color:#171b22;display:inline-flex;justify-content:center}.asset-icon-button{height:42px;width:42px}.view-toggle{background:#171b2212;border-radius:8px;display:flex;gap:2px;padding:3px}.view-toggle button{background:transparent;border-color:transparent;height:36px;width:36px}.view-toggle button.active{background:#fff;border-color:#171b221a;box-shadow:0 2px 6px #171b2214}.asset-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.asset-card{background:#fff;border:1px solid rgba(29,37,47,.1);border-radius:8px;min-width:0;overflow:hidden;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.asset-card:hover{border-color:#087f8c6b;box-shadow:0 16px 32px #171b221a;transform:translateY(-2px)}.asset-card.selected{border-color:#087f8c;box-shadow:0 0 0 2px #087f8c29}.asset-select{height:22px;left:12px;padding:0;position:absolute;top:12px;width:22px;z-index:2}.asset-card.selected .asset-select{background:#087f8c;border-color:#087f8c;color:#fff}.asset-preview{align-items:center;aspect-ratio:4 / 3;background:#eef3f4;color:#ffffffd1;display:flex;justify-content:center;overflow:hidden;padding:12px;position:relative}.asset-preview:after{background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.18));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.asset-preview img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.asset-status{background:#090e13c2;border:1px solid rgba(255,255,255,.22);border-radius:999px;bottom:10px;color:#fff;font-size:11px;font-weight:820;padding:4px 8px;position:absolute;right:10px;z-index:1}.asset-status.processing{background:#a56b12}.asset-copy{display:grid;gap:8px;padding:14px}.asset-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;position:relative}.asset-title-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-more{background:transparent;border-color:transparent;flex:0 0 auto;height:28px;width:28px}.asset-more:hover{background:#171b2212}.asset-actions{position:relative}.asset-action-menu{background:#fff;border:1px solid rgba(23,27,34,.12);border-radius:8px;box-shadow:0 18px 42px #171b2229;display:grid;min-width:150px;overflow:hidden;padding:6px;position:absolute;right:0;top:34px;z-index:5}.asset-action-menu a,.asset-action-menu button{align-items:center;background:transparent;border:0;border-radius:7px;color:#171b22;display:flex;font-size:13px;font-weight:820;gap:8px;justify-content:flex-start;min-height:36px;padding:8px 10px;text-align:left;width:100%}.asset-action-menu a:hover,.asset-action-menu button:hover{background:#171b220f}.asset-action-menu button{color:#b42318}.asset-copy span{color:#1d252f8f;font-size:13px}.asset-download{align-items:center;color:#087f8c;display:inline-flex;font-size:13px;font-weight:840;gap:6px;margin-top:3px}.asset-icon-button.danger{color:#b42318}.library-list{grid-template-columns:1fr}.library-list .asset-card{display:grid;grid-template-columns:152px 1fr}.library-list .asset-preview{aspect-ratio:auto;min-height:132px}.library-list .asset-copy{align-content:center}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags small{background:#eaf7f5;border-radius:6px;color:#0f6f77;padding:4px 7px}.empty-library{align-content:center;background:#fbfaf7;border:1px dashed rgba(29,37,47,.2);border-radius:8px;color:#1d252f94;display:grid;gap:8px;grid-column:1 / -1;min-height:260px;place-items:center;text-align:center}.empty-library strong{color:#111820;font-size:20px}.planned-page{align-content:center;display:grid;min-height:520px}.planned-page h1{font-size:clamp(34px,5vw,64px);line-height:1;margin:0 0 14px}.planned-page p:not(.eyebrow){color:#1d252fa3;max-width:680px}:root[data-theme=dark]{color:#edf2f7;background:#0d1117;color-scheme:dark}:root[data-theme=dark] body{background:radial-gradient(circle at 52% 0,rgba(125,42,255,.22),transparent 28%),radial-gradient(circle at 18% 0,rgba(0,196,204,.16),transparent 32%),linear-gradient(180deg,#111820 0,#0d1117 280px,#090d12),#0d1117}:root[data-theme=dark] .topbar{background:transparent;border-bottom-color:transparent}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .canva-rail,:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .login,:root[data-theme=dark] .account-chip,:root[data-theme=dark] .auth-card,:root[data-theme=dark] .asset-card,:root[data-theme=dark] .page-card,:root[data-theme=dark] .cutout-surface,:root[data-theme=dark] .download-link.muted{background:#111820;border-color:#ffffff17;color:#edf2f7}:root[data-theme=dark] .asset-preview{background:#0d1319}:root[data-theme=dark] .sidebar-card{background:#0d11178c;border-color:#ac8fff38;color:#edf2f7bd}:root[data-theme=dark] .rail-collapse,:root[data-theme=dark] .rail-logo,:root[data-theme=dark] .rail-item,:root[data-theme=dark] .bottom-item{color:#c7b7ff}:root[data-theme=dark] .rail-item.active,:root[data-theme=dark] .rail-item:hover,:root[data-theme=dark] .bottom-item.active,:root[data-theme=dark] .bottom-item:hover{background:#ac8fff29;color:#fff}:root[data-theme=dark] .account-chip button{background:#ffffff12}:root[data-theme=dark] .account-chip small{color:#edf2f794}:root[data-theme=dark] .account-chip button:hover,:root[data-theme=dark] .account-chip button:focus-visible{background:#ffffff21}:root[data-theme=dark] .google-auth-button{background:#0d1117;border-color:#ffffff21;color:#edf2f7}:root[data-theme=dark] .google-auth-button:hover,:root[data-theme=dark] .google-auth-button:focus-visible{border-color:#ffffff42;box-shadow:0 10px 24px #00000038}:root[data-theme=dark] .google-auth-button span{background:#edf2f7;color:#0d1117}:root[data-theme=dark] .asset-search,:root[data-theme=dark] .asset-filter,:root[data-theme=dark] .asset-icon-button,:root[data-theme=dark] .asset-select,:root[data-theme=dark] .asset-action-menu,:root[data-theme=dark] .view-toggle button.active{background:#111820;border-color:#ffffff1c;color:#edf2f7}:root[data-theme=dark] .asset-more,:root[data-theme=dark] .asset-action-menu a{color:#edf2f7}:root[data-theme=dark] .asset-action-menu button,:root[data-theme=dark] .asset-icon-button.danger{color:#ffb4ab}:root[data-theme=dark] .view-toggle,:root[data-theme=dark] .asset-more:hover,:root[data-theme=dark] .asset-action-menu a:hover,:root[data-theme=dark] .asset-action-menu button:hover{background:#ffffff14}:root[data-theme=dark] .asset-search input,:root[data-theme=dark] .asset-filter select,:root[data-theme=dark] .library-heading p:not(.eyebrow){color:#edf2f7ad}:root[data-theme=dark] .asset-card.selected{border-color:#6ee7d8;box-shadow:0 0 0 2px #6ee7d82e}:root[data-theme=dark] .asset-card.selected .asset-select{background:#6ee7d8;border-color:#6ee7d8;color:#0d1117}:root[data-theme=dark] .asset-download,:root[data-theme=dark] .selection-count{color:#6ee7d8}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .language-picker{background:#ffffff12;border-color:#ffffff1a;color:#edf2f7}:root[data-theme=dark] .nav a,:root[data-theme=dark] .menu-item,:root[data-theme=dark] label,:root[data-theme=dark] .advanced-options summary{color:#edf2f7b3}:root[data-theme=dark] .nav a:hover,:root[data-theme=dark] .page-card strong,:root[data-theme=dark] .result-empty strong,:root[data-theme=dark] .empty-library strong{color:#fff}:root[data-theme=dark] .menu-heading,:root[data-theme=dark] .hero-floating-card span,:root[data-theme=dark] .metric span,:root[data-theme=dark] .page-card span{color:#edf2f77a}:root[data-theme=dark] .metric,:root[data-theme=dark] .panel,:root[data-theme=dark] .preview-stage,:root[data-theme=dark] .assets-panel,:root[data-theme=dark] .workflow-panel,:root[data-theme=dark] .planned-page{background:#111820f0;border-color:#ffffff17;box-shadow:0 18px 48px #00000047}:root[data-theme=dark] .quick-start{background:transparent;border-top-color:#ffffff14}:root[data-theme=dark] .timeline-step,:root[data-theme=dark] .upload-button,:root[data-theme=dark] .empty-library{background:#151e28;border-color:#ffffff17;color:#edf2f7}:root[data-theme=dark] textarea,:root[data-theme=dark] select,:root[data-theme=dark] input{background:#0d1117;border-color:#ffffff21;color:#edf2f7}:root[data-theme=dark] input[readonly],:root[data-theme=dark] .page-heading p:not(.eyebrow),:root[data-theme=dark] .asset-copy span,:root[data-theme=dark] .preview-caption span,:root[data-theme=dark] .result-empty,:root[data-theme=dark] .result-empty span,:root[data-theme=dark] .planned-page p:not(.eyebrow),:root[data-theme=dark] .page-card small{color:#edf2f79e}:root[data-theme=dark] .preview-stage{background:linear-gradient(180deg,#111820fa,#0d1117f5)}:root[data-theme=dark] .result-preview img{background-color:#101820;border-color:#ffffff1a}:root[data-theme=dark] .image-viewer-close{background:#101820;border-color:#ffffff29;color:#edf2f7}:root[data-theme=dark] .image-viewer-toolbar{background:#101820f0;border-color:#ffffff1a;box-shadow:0 12px 36px #0000006b}:root[data-theme=dark] .image-viewer-meta{color:#edf2f79e}:root[data-theme=dark] .image-viewer-view-controls button,:root[data-theme=dark] .image-viewer-zoom-controls button{background:#151e28;border-color:#ffffff1f;color:#edf2f7}:root[data-theme=dark] .image-viewer-view-controls button:hover,:root[data-theme=dark] .image-viewer-view-controls button:focus-visible,:root[data-theme=dark] .image-viewer-zoom-controls button:hover,:root[data-theme=dark] .image-viewer-zoom-controls button:focus-visible{background:#1a2733;border-color:#6ee7d8}:root[data-theme=dark] .image-viewer-zoom-label{color:#edf2f7}:root[data-theme=dark] .image-viewer-zoom-slider{accent-color:#6ee7d8}:root[data-theme=dark] .image-viewer-canvas img{background-color:#101820}:root[data-theme=dark] .image-viewer-close:hover,:root[data-theme=dark] .image-viewer-close:focus-visible{background:#151e28;border-color:#6ee7d8}:root[data-theme=dark] .upscale-source-preview img,:root[data-theme=dark] .upscale-comparison img{background:#101820;border-color:#ffffff1a}:root[data-theme=dark] .upscale-source-preview figcaption,:root[data-theme=dark] .upscale-comparison figcaption{color:#edf2f79e}:root[data-theme=dark] .voice-player-card{background:#101820;border-color:#ffffff1a;box-shadow:0 18px 42px #00000040;color:#edf2f7}:root[data-theme=dark] .metadata-panel pre,:root[data-theme=dark] .download-link,:root[data-theme=dark] .status-pill,:root[data-theme=dark] .primary,:root[data-theme=dark] .timeline-step span,:root[data-theme=dark] .empty-preview-mark,:root[data-theme=dark] .brand-mark{background:#060a0f}:root[data-theme=dark] .credit-cost{background:#6ee7d81f;border-color:#6ee7d82e;color:#6ee7d8}:root[data-theme=dark] .hero-floating-card{background:#111820eb;border-color:#ffffff1f;color:#edf2f7}:root[data-theme=dark] .menu-item.active,:root[data-theme=dark] .menu-item:hover{background:#ac8fff29;color:#fff}:root[data-theme=dark] .tags small,:root[data-theme=dark] .cutout-checks{background:#6ee7d81f;border-color:#6ee7d82e;color:#6ee7d8}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:72px minmax(0,1fr)}.sidebar{display:none}.menu-group{margin:0}.hero-panel,.dashboard-grid,.page-grid{grid-template-columns:1fr}.hero-panel{min-height:auto}.hero-visual{min-height:360px}}@media(max-width:860px){.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;grid-template-columns:1fr auto;min-height:58px;padding:8px 16px}.nav{display:none}.top-actions{gap:6px}.studio{padding:74px 16px 96px}.metric-strip,.page-card-grid,.option-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{display:block}.canva-rail,.sidebar{display:none}.bottom-nav{align-items:center;background:#fffffff0;border-top:1px solid rgba(94,59,178,.12);bottom:0;box-shadow:0 -14px 34px #41228a1a;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;min-height:58px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));position:fixed;right:0;z-index:40}.bottom-item{align-items:center;border-radius:12px;color:#6a4cad;display:inline-flex;flex-direction:column;font-size:11px;font-weight:760;gap:2px;justify-content:center;min-height:46px;min-width:0}.bottom-item span{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-item.active,.bottom-item:hover{background:#eee6ff;color:#6d25ff}.hero-copy{padding:34px 26px}.quick-start{border-left:0;border-top:1px solid rgba(29,37,47,.1);padding:24px 0 0}.hero-copy h1{font-size:42px}.page-heading,.library-heading{align-items:start;flex-direction:column}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.brand{font-size:0}.brand-mark{height:32px;width:32px}.login{display:none}.theme-toggle,.language-picker{min-height:38px}.theme-toggle{height:38px;width:38px}.metric-strip,.page-card-grid,.option-grid,.option-grid.dense,.upscale-comparison{grid-template-columns:1fr}.upscale-comparison .download-row{grid-column:auto}.upscale-source-preview img,.upscale-comparison img{height:min(320px,68vw)}.image-viewer-toolbar{gap:10px;grid-template-columns:1fr;justify-items:stretch}.image-viewer-meta,.image-viewer-view-controls,.image-viewer-zoom-controls{justify-self:stretch}.image-viewer-view-controls,.image-viewer-zoom-controls{justify-content:center}.image-viewer-zoom-slider{flex:1;width:auto}.hero-copy h1,.page-heading h1{font-size:36px}.hero-visual{min-height:300px}.hero-floating-card{left:18px;right:18px}.mock-canvas{min-height:270px;padding:18px}.library-summary{grid-template-columns:1fr}.library-summary div+div{border-left:0;border-top:1px solid rgba(255,255,255,.13)}.library-toolbar{align-items:stretch;flex-wrap:wrap}.asset-search{flex:1 0 100%}.library-toolbar-spacer{display:none}.asset-grid{grid-template-columns:1fr}.library-list .asset-card{grid-template-columns:112px 1fr}.library-list .asset-preview{min-height:116px}}@media(max-width:860px){:root[data-theme=dark] .topbar,:root[data-theme=dark] .bottom-nav{background:#0d1117e6;border-color:#ffffff17}}
