.tutorial-video{margin-top:30px}.app-guide>.tutorial-video,.crop-story>.tutorial-video,.crop-guide>.tutorial-video{margin:0 0 34px}.tutorial-video-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:center;min-height:262px;padding:16px 36px 16px 16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:22px;background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--accent-soft) 75%,var(--surface)),var(--surface) 68%);box-shadow:0 14px 38px #132b4b0b;overflow:hidden;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.tutorial-video-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 18px 46px #132b4b18;transform:translateY(-2px)}.tutorial-video-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.tutorial-video-poster{position:relative;display:block;width:150px;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#20183e;box-shadow:0 9px 22px #0c244438}.tutorial-video-poster img{display:block;width:100%;height:100%;object-fit:cover}.tutorial-video-play{position:absolute;inset:auto auto 14px 14px;display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff82;border-radius:50%;background:#ffffffec;color:var(--accent);box-shadow:0 4px 18px #0004;transition:transform .2s}.tutorial-video-play svg{width:20px;height:20px;margin-left:2px}.tutorial-video-card:hover .tutorial-video-play{transform:scale(1.08)}.tutorial-video-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.tutorial-video-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--blog-blue,var(--accent-readable,var(--accent)))}.tutorial-video-content strong{margin-top:11px;color:var(--ink);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.7px}.tutorial-video-description{max-width:42ch;margin-top:12px;color:var(--blog-body,var(--muted));font-size:15px;line-height:1.7}.tutorial-video-language{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.tutorial-video-action{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:11px 16px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;line-height:1.3}.tutorial-video-action>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff26;color:#fff;font-size:18px;font-weight:400;line-height:1}.tutorial-video-dialog{width:min(470px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 28px 90px #071a3b75}.tutorial-video-dialog::backdrop{background:#081b38c9;backdrop-filter:blur(5px)}.tutorial-video-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.tutorial-video-dialog-bar h2{margin:0;font-size:16px;font-weight:650;line-height:1.4}.tutorial-video-dialog-bar button{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);font-size:27px;line-height:1;cursor:pointer}.tutorial-video-dialog-bar button:hover{background:var(--accent-soft)}.tutorial-video-dialog-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tutorial-video-dialog video{display:block;height:min(78dvh,720px);max-width:100%;width:auto;margin-inline:auto;border-radius:10px;background:#081b38}@media(max-width:600px){.tutorial-video{margin-top:20px}.tutorial-video-card{grid-template-columns:110px minmax(0,1fr);gap:20px;min-height:0;padding:12px 18px 12px 12px}.tutorial-video-poster{width:110px;border-radius:10px}.tutorial-video-content strong{font-size:23px}.tutorial-video-description{font-size:13px;line-height:1.55}.tutorial-video-action{margin-top:15px;padding:9px 11px;font-size:12px}.tutorial-video-eyebrow{font-size:9px;letter-spacing:1px}}@media(max-width:390px){.tutorial-video-card{grid-template-columns:90px minmax(0,1fr);gap:13px;padding:9px 11px 9px 9px}.tutorial-video-poster{width:90px}.tutorial-video-content strong{font-size:20px;margin-top:5px}.tutorial-video-description{font-size:12px;margin-top:5px}.tutorial-video-action{margin-top:10px}.tutorial-video-play{width:35px;height:35px;inset:auto auto 9px 9px}.tutorial-video-play svg{width:16px;height:16px}}@media print{.tutorial-video,.tutorial-video-dialog{display:none!important}}.tutorial-video-action>span .icon{width:17px;height:17px}.tutorial-video-dialog-bar button .icon{width:22px;height:22px}.tutorial-video-action svg{width:1.1em;height:1.1em;vertical-align:middle}.tutorial-video-dialog-bar button svg{width:22px;height:22px}:root,[data-theme=img]{--accent:#6654e8;--accent-hover:#5140d2;--accent-soft:#f0edff;--accent-rgb:102,84,232}[hidden]{display:none!important}.home-page .home-hero-band,.directory-intro-band{background:#f1eeff}:root[data-appearance=dark] .home-page .home-hero-band,:root[data-appearance=dark] .directory-intro-band{background:#242036}.image-eyebrow{display:block;color:var(--accent);font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:17px}.home-hero .hero-studio{width:100%}.home-hero h1{margin-bottom:21px}.image-gallery .gallery-navigation-link{cursor:pointer}.image-gallery :is(.gallery-navigation-link,.gallery-category-picker>summary){color:var(--ink);font-weight:600}.image-gallery .gallery-navigation-link[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.image-gallery .gallery-category-picker[data-category-active=true]>summary{color:var(--ink)}.image-gallery :is(.gallery-navigation-link,.gallery-category-picker>summary)>.icon{color:var(--accent)}:root[data-appearance=dark] .image-gallery :is(.gallery-navigation-link,.gallery-category-picker>summary)>.icon{color:var(--accent-readable)}.image-gallery-status{min-height:20px;font-size:12px;color:var(--muted);margin:5px 0 18px}.image-tool-card{position:relative;padding:0!important;overflow:hidden}.image-tool-card .tool-card-main{display:flex;flex:1;flex-direction:column;gap:10px;padding:25px 25px 29px;height:100%;color:inherit;text-decoration:none}.image-tool-card .tool-card-heading{padding-inline-end:36px}.image-tool-card .tool-card-art{margin:0}.image-tool-card .tool-card-description{padding:0;margin:0}.image-save-tool{position:absolute;top:17px;inset-inline-end:15px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}.image-save-tool:hover{background:var(--accent-soft);color:var(--accent)}.image-save-tool[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.image-save-tool[aria-pressed=true] svg{fill:var(--accent)}.image-save-tool svg{width:18px;height:18px}.image-tool-card .card-arrow{display:none}.image-card-illustration{width:100%;max-height:180px}:root[data-gallery-layout=compact] .image-tool-card .tool-card-main{padding-block:19px;padding-inline:18px 46px}:root[data-gallery-layout=compact] .image-tool-card .tool-card-heading{padding:0;grid-template-columns:24px minmax(0,1fr)}:root[data-gallery-layout=compact] .image-save-tool{top:50%;transform:translateY(-50%);inset-inline-end:8px}.image-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:70px 48px}.image-benefits article{text-align:center}.image-benefit-icon{display:inline-grid;place-items:center;width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:18px}.image-benefits h2{font-size:21px;margin:20px 0 12px}.image-benefits p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.image-directory-hero{min-height:340px;gap:50px}.image-directory-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:0 0 20px;overflow-wrap:anywhere;hyphens:auto}.image-directory-hero p{color:var(--muted);line-height:1.8;max-width:58ch}.image-tool-total{display:block;margin-top:20px;font-size:12px;color:var(--muted)}.image-directory-art{max-width:370px;width:100%;justify-self:center}.image-directory-illustration{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.image-guides{padding-block:70px;scroll-margin-top:100px}.image-guides .home-section-heading p{color:var(--muted);max-width:60ch;margin:20px auto;line-height:1.8}.image-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-guide-grid>a{display:block;padding:28px;border:1px solid var(--line);border-radius:20px;color:var(--ink);text-decoration:none;background:var(--surface,#fff)}.image-guide-grid>a>span{color:var(--accent)}.image-guide-grid h3{font-size:19px;margin:18px 0 12px}.image-guide-grid p{color:var(--muted);line-height:1.8;font-size:14px}.image-guide-grid>a>.icon{color:var(--accent)}.image-language-note{margin:4px 0 18px;color:var(--muted);font-size:13px;line-height:1.7}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:760px){.image-benefits,.image-guide-grid{grid-template-columns:1fr;gap:28px}.image-benefits{padding-block:40px 20px}.image-benefits article{max-width:450px;margin:auto}.image-directory-hero{grid-template-columns:1fr;min-height:auto;text-align:center;padding-block:35px;gap:10px}.image-directory-art{max-width:240px}.image-directory-hero p{margin-inline:auto}.image-gallery .gallery-navigation{flex-wrap:wrap}.image-tool-card .tool-card-main{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-hero .hero-studio{max-width:440px;aspect-ratio:auto}.home-hero .hero-art{height:auto;aspect-ratio:1;object-fit:contain}@media(max-width:760px){.home-hero .hero-studio{max-width:300px}}.app-guide-illustration{display:block;width:100%;max-width:400px;height:auto;object-fit:contain;margin-inline:auto}@media(max-width:600px){.app-guide-illustration{max-width:260px}}:root[data-appearance=dark] :is(.image-eyebrow,.home-hero h1 span,.image-save-tool[aria-pressed=true]){color:var(--accent-readable)}.image-tool-card.tool-card-hub .tool-card-main{height:auto}.image-gallery[data-group-variants=true] .tool-card-hub .tool-card-main{padding-block-end:0}.image-tool-card .tool-card-shortcut{padding:18px 25px 25px}:root[data-gallery-layout=compact] .image-tool-card .tool-card-shortcut{padding:12px 18px 18px}:root[data-gallery-layout=compact] .image-gallery[data-group-variants=true] .image-save-tool{top:12px;transform:none}@media(max-width:760px){.image-tool-card .tool-card-shortcut{padding-inline:22px;padding-bottom:22px}}.image-home-marketing .home-feature-image-workflow{--feature-panel:#f1eeff;--feature-accent:var(--accent)}.image-home-marketing .home-feature-copy p{color:var(--muted)}.image-home-marketing .image-workflow-art{display:block;width:min(100%,400px);height:auto;aspect-ratio:1;object-fit:contain}.image-workflow-points{display:grid;gap:13px;list-style:none;margin:0;padding:0}.image-workflow-points li{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:14px;line-height:1.6}.image-workflow-points li>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--surface);color:var(--feature-accent)}.image-workflow-points .icon{width:17px;height:17px}.image-home-marketing .home-feature-copy .image-workflow-continuation{margin-block:20px 16px;font-size:14px}:root[data-appearance=dark] .image-home-marketing .home-feature-image-workflow{--feature-panel:#242036;--feature-accent:var(--accent-readable)}@media(max-width:680px){.image-home-marketing .image-workflow-art{width:min(100%,260px)}.image-workflow-points li{font-size:13px}}.image-home-marketing .home-feature-image-ai{--feature-panel:#f5f3fb;--feature-accent:var(--accent)}.home-feature-image-ai .home-feature-copy{grid-column:2;grid-row:1}.home-feature-image-ai .home-feature-visual{grid-column:1;grid-row:1}.image-ai-capabilities li{align-items:flex-start}.image-ai-capabilities strong{display:block;font-size:14px;font-weight:600}.image-home-marketing .home-feature-copy .image-ai-capabilities p{margin:3px 0 0;font-size:13px;line-height:1.7}.image-ai-directory{padding-top:38px}.image-ai-directory>h3{margin:0 0 22px;color:var(--ink);font-size:24px;line-height:1.4;text-align:center}.image-ai-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.image-ai-tool-grid>li{min-width:0}.image-ai-tool{position:relative;display:block;height:100%;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);text-decoration:none;transition:background .2s,border-color .2s}.image-ai-tool:hover{border-color:var(--accent);background:var(--accent-soft)}.image-ai-tool-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.image-ai-tool-icon .icon{width:19px;height:19px}.image-ai-tool h4{margin:15px 0 9px;padding-inline-end:12px;font-size:17px;font-weight:600;line-height:1.4}.image-ai-tool p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.image-ai-tool-arrow{position:absolute;inset-block-start:28px;inset-inline-end:24px;color:var(--accent)}.image-ai-tool-arrow .icon{width:17px;height:17px}.image-home-marketing .image-ai-browse{--feature-accent:var(--accent);justify-content:center;margin-top:20px}:root[data-appearance=dark] .image-home-marketing .home-feature-image-ai{--feature-panel:#211e30;--feature-accent:var(--accent-readable)}:root[data-appearance=dark] :is(.image-ai-tool-icon,.image-ai-tool-arrow){color:var(--accent-readable)}:root[data-appearance=dark] .image-home-marketing .image-ai-browse{--feature-accent:var(--accent-readable)}@media(max-width:900px){.image-ai-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.home-feature-image-ai .home-feature-copy,.home-feature-image-ai .home-feature-visual{grid-column:auto;grid-row:auto}.image-ai-tool-grid{grid-template-columns:minmax(0,1fr)}.image-ai-tool{padding:20px}.image-ai-tool-arrow{inset-inline-end:20px}.image-ai-directory>h3{font-size:22px}}