.create-hub{--hub-line:color-mix(in srgb, var(--border) 80%, transparent)}.create-hub-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.7rem,4vw,3.5rem) 0 clamp(1.8rem,4vw,3rem);display:grid}.create-hub-hero>div>span,.create-private small{color:var(--accent);font:750 .66rem/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.65rem;display:block}.create-hub-hero h1{letter-spacing:-.06em;max-width:18ch;margin:0 0 .8rem;font-size:clamp(2.25rem,1.5rem + 3.6vw,4.6rem);line-height:1}.create-hub-hero p{max-width:66ch;color:var(--text-muted);margin:0;font-size:clamp(.98rem,.93rem + .25vw,1.1rem)}.create-hub-hero>aside{border:1px solid var(--border-strong);background:var(--bg-subtle);text-align:center;border-radius:22px;place-content:center;width:148px;height:148px;display:grid;position:relative;overflow:hidden}.create-hub-hero>aside:before,.create-hub-hero>aside:after{content:"";border:1px solid var(--border);border-radius:50%;position:absolute}.create-hub-hero>aside:before{width:105px;height:105px;top:-45px;left:-50px}.create-hub-hero>aside:after{width:75px;height:75px;bottom:-30px;right:-25px}.create-hub-hero aside strong{letter-spacing:-.08em;font-size:3.5rem;line-height:.9}.create-hub-hero aside span{color:var(--success);font:750 .56rem/1.2 var(--mono);letter-spacing:.08em;margin-top:.55rem}.create-hub-hero aside i{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 5px var(--success-subtle);border-radius:50%;position:absolute;top:12px;right:12px}.create-chooser{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;padding:clamp(1.3rem,3vw,2rem)}.create-chooser>header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.create-chooser>header h2{margin:0;font-size:clamp(1.25rem,1.05rem + .8vw,1.65rem)}.create-chooser>header p{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.create-chooser>header>strong{color:var(--text-muted);font:650 .7rem/1.2 var(--mono);flex:none}.create-source-filters{scrollbar-width:none;gap:.5rem;padding-bottom:1.25rem;display:flex;overflow-x:auto}.create-source-filters::-webkit-scrollbar{display:none}.create-source-filters button{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:var(--bg);font:650 .8rem var(--font);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.42rem .85rem;display:inline-flex}.create-source-filters button>span{border:1.5px solid;border-radius:3px;width:9px;height:9px;transform:rotate(45deg)}.create-source-filters button:hover{border-color:var(--border-strong);color:var(--text)}.create-source-filters button[aria-pressed=true]{border-color:var(--text);color:var(--bg);background:var(--text)}.create-source-filters button[aria-pressed=true]>span{border-color:var(--bg);background:var(--bg)}.create-task-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;display:grid}.create-task{border:1px solid var(--border);min-height:310px;color:var(--text);background:var(--bg);border-radius:16px;flex-direction:column;grid-column:span 4;padding:clamp(1rem,2.2vw,1.45rem);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.create-task.is-upscale{grid-column:span 7}.create-task.is-effects,.create-task.is-social{grid-column:span 5}.create-task.is-collage{grid-column:span 7}.create-task.is-icon,.create-task.is-browser{grid-column:span 4}.create-task[hidden]{display:none}.create-task:hover{border-color:color-mix(in srgb, hsl(var(--task-hue) 72% 48%) 48%, var(--border));color:var(--text);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-task-visual{background:hsl(var(--task-hue) 65% 52% / .08);border-radius:12px;height:112px;margin-bottom:1.15rem;position:relative;overflow:hidden}.create-task-visual>span{z-index:2;min-width:42px;height:30px;color:hsl(var(--task-hue) 70% 37%);background:var(--bg-raised);box-shadow:var(--shadow);font:750 .62rem/1 var(--mono);border-radius:8px;place-items:center;padding:0 .5rem;display:grid;position:absolute;top:14px;left:14px}.create-task-visual i{border:1.5px solid hsl(var(--task-hue) 68% 44% / .55);background:hsl(var(--task-hue) 68% 50% / .08);display:block;position:absolute}.is-upscale .create-task-visual i:first-of-type{background:linear-gradient(145deg,#284a5d,#30b5a6 58%,#eece58);border-radius:10px;width:118px;height:76px;bottom:18px;right:78px}.is-upscale .create-task-visual i:nth-of-type(2){width:58px;height:42px;box-shadow:0 0 0 4px var(--bg);background:linear-gradient(145deg,#284a5d,#30b5a6 58%,#eece58);border-radius:8px;bottom:18px;right:28px}.is-upscale .create-task-visual i:nth-of-type(3){background:hsl(var(--task-hue) 68% 44%);border:0;width:56px;height:2px;bottom:48px;right:73px;transform:rotate(-30deg)}.is-effects .create-task-visual i:first-of-type{background:linear-gradient(140deg,#1a2b47,#538193 48%,#e09c5c);border-radius:10px;width:118px;height:80px;bottom:16px;right:86px}.is-effects .create-task-visual i:nth-of-type(2){background:var(--bg-raised);width:2px;height:80px;box-shadow:0 0 0 1px hsl(var(--task-hue) 40% 20% / .25);border:0;bottom:16px;right:145px}.is-effects .create-task-visual i:nth-of-type(3){border:2px solid var(--bg-raised);background:hsl(var(--task-hue) 68% 48%);border-radius:50%;width:36px;height:36px;bottom:38px;right:128px}.is-social .create-task-visual i:first-of-type{border-radius:10px;width:56px;height:56px;bottom:13px;right:82px}.is-social .create-task-visual i:nth-of-type(2){border-radius:9px;width:40px;height:72px;bottom:13px;right:27px}.is-social .create-task-visual i:nth-of-type(3){border-radius:9px;width:76px;height:40px;bottom:13px;right:141px}.is-collage .create-task-visual i:first-of-type{border-radius:8px;width:72px;height:86px;bottom:13px;right:87px}.is-collage .create-task-visual i:nth-of-type(2){border-radius:8px;width:57px;height:40px;top:13px;right:20px}.is-collage .create-task-visual i:nth-of-type(3){border-radius:8px;width:57px;height:40px;bottom:13px;right:20px}.is-cutout .create-task-visual i:first-of-type{border-radius:50% 50% 18px 18px;width:70px;height:70px;bottom:-12px;right:28px}.is-cutout .create-task-visual i:nth-of-type(2){background:var(--bg);border-radius:50%;width:24px;height:24px;top:16px;right:51px}.is-cutout .create-task-visual i:nth-of-type(3){opacity:.45;background:0 0;border-style:dashed;border-radius:9px;inset:8px}.is-crop .create-task-visual i:first-of-type{border-width:0 0 2px 2px;width:77px;height:65px;bottom:19px;right:29px}.is-crop .create-task-visual i:nth-of-type(2){border-width:2px 2px 0 0;width:77px;height:65px;bottom:7px;right:17px}.is-mark .create-task-visual i:first-of-type{border-radius:9px;width:92px;height:62px;bottom:17px;right:25px}.is-mark .create-task-visual i:nth-of-type(2){content:"©";border-radius:50%;width:34px;height:34px;bottom:31px;right:54px}.is-palette .create-task-visual i:first-of-type{background:#d73c78b8;border-radius:8px;width:28px;height:72px;bottom:15px;right:94px}.is-palette .create-task-visual i:nth-of-type(2){background:#e7bb40b8;border-radius:8px;width:28px;height:86px;bottom:15px;right:62px}.is-palette .create-task-visual i:nth-of-type(3){background:#3dae9bb8;border-radius:8px;width:28px;height:58px;bottom:15px;right:30px}.is-icon .create-task-visual i:first-of-type{width:76px;height:76px;box-shadow:inset 0 0 0 8px var(--bg);border-radius:20px;bottom:18px;right:30px}.is-browser .create-task-visual i:first-of-type{border-radius:9px;width:110px;height:72px;bottom:16px;right:24px}.is-browser .create-task-visual i:nth-of-type(2){border-width:0 0 1.5px;width:110px;height:18px;top:24px;right:24px}.is-browser .create-task-visual i:nth-of-type(3){background:var(--bg);border-radius:6px;width:22px;height:22px;bottom:27px;right:68px}.create-task-copy small{color:hsl(var(--task-hue) 66% 38%);font:750 .63rem/1.35 var(--mono);letter-spacing:.035em;text-transform:uppercase;margin-bottom:.4rem;display:block}.create-task-copy h2{margin:0 0 .5rem;font-size:clamp(1.15rem,1rem + .45vw,1.38rem)}.create-task-copy p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1.2rem;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.create-task>b{align-items:center;gap:.4rem;margin-top:auto;font-size:.76rem;display:inline-flex}.create-task>b svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;transition:transform .16s}.create-task:hover>b svg{transform:translate(3px)}.create-empty{color:var(--text-muted);text-align:center;margin:0;padding:3rem 1rem}.create-private{border-block:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.3rem,4vw,3rem);margin-top:clamp(2.5rem,6vw,5rem);padding:clamp(1.4rem,4vw,2.7rem);display:grid}.create-private-seal{border:1px solid var(--success);width:90px;height:90px;color:var(--success);text-align:center;box-shadow:inset 0 0 0 6px var(--success-subtle);border-radius:50%;place-content:center;display:grid}.create-private-seal span{font-size:2.2rem;font-weight:750;line-height:.9}.create-private-seal i{font:650 .5rem var(--mono);letter-spacing:.08em;margin-top:.35rem;font-style:normal}.create-private small{color:var(--success)}.create-private h2{margin:0}.create-private p{max-width:68ch;color:var(--text-muted);margin:.45rem 0 0}.create-private ul{min-width:max-content;color:var(--text-muted);gap:.45rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:grid}.create-private li{align-items:center;gap:.5rem;display:flex}.create-private li span{color:var(--success)}@media (prefers-color-scheme:dark){.create-task-visual>span,.create-task-copy small{color:hsl(var(--task-hue) 72% 72%)}.create-source-filters button[aria-pressed=true]{color:var(--bg)}.is-cutout .create-task-visual i:nth-of-type(3){opacity:.2}}@media (width<=760px){.create-task,.create-task.is-upscale,.create-task.is-effects,.create-task.is-social,.create-task.is-collage,.create-task.is-icon,.create-task.is-browser{grid-column:span 6}.create-private{grid-template-columns:auto minmax(0,1fr)}.create-private ul{grid-column:2}}@media (width<=560px){.create-hub-hero{grid-template-columns:1fr;gap:1.3rem}.create-hub-hero>aside{border-radius:18px;width:112px;height:112px}.create-hub-hero aside strong{font-size:2.7rem}.create-chooser{border-radius:16px;padding:1rem}.create-chooser>header{align-items:start}.create-chooser>header>strong{padding-top:.38rem;font-size:.58rem}.create-task,.create-task.is-upscale,.create-task.is-effects,.create-task.is-social,.create-task.is-collage,.create-task.is-icon,.create-task.is-browser{grid-column:1/-1}.create-task.is-featured{min-height:292px}.create-task:not(.is-featured){grid-template-columns:54px minmax(0,1fr) 36px;align-items:center;gap:.72rem;min-height:96px;padding:.72rem;display:grid}.create-task:not(.is-featured) .create-task-visual{border-radius:13px;place-items:center;width:54px;height:54px;margin:0;display:grid}.create-task:not(.is-featured) .create-task-visual>span{width:42px;min-width:0;height:32px;box-shadow:none;padding:0;position:static}.create-task:not(.is-featured) .create-task-visual i{display:none}.create-task:not(.is-featured) .create-task-copy{min-width:0}.create-task:not(.is-featured) .create-task-copy small{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.24rem;overflow:hidden}.create-task:not(.is-featured) .create-task-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.98rem;line-height:1.25;display:-webkit-box;overflow:hidden}.create-task:not(.is-featured) .create-task-copy p{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-task:not(.is-featured)>b{width:36px;min-height:44px;color:hsl(var(--task-hue) 66% 38%);place-items:center;margin:0;font-size:0;display:grid;overflow:hidden}.create-task:not(.is-featured)>b svg{width:18px}.create-private{grid-template-columns:1fr}.create-private ul{grid-column:1}}@media (prefers-reduced-motion:reduce){.create-task,.create-task>b svg{transition:none}}