@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2)format("woff2")}@font-face{font-family:Alyamama;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alyamama-400.woff2)format("woff2")}@font-face{font-family:Alyamama;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/alyamama-600.woff2)format("woff2")}@font-face{font-family:Alyamama;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/alyamama-700.woff2)format("woff2")}@font-face{font-family:Alyamama;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/alyamama-800.woff2)format("woff2")}.ld{background:var(--sandstone);min-height:100dvh;color:var(--text);--ld-ease:cubic-bezier(.5, 0, 0, 1);--ld-ease-inout:cubic-bezier(.4, 0, .2, 1);--ld-ease-smooth:cubic-bezier(.38, .005, .215, 1);--ease-bounce:cubic-bezier(.17, .67, .3, 1.33);--ld-r-lg:50px;--ld-r-md:20px;--ld-r-sm:10px;--text-base:15px;--text-lg:18px;--ld-ink:#2c2e2a;--ld-line:#2c2e2a;--ld-hair:#2c2e2a;--ld-paper:#fffdf5;--ld-ink-soft:#2c2e2ab8;--ld-ink-rule:#2c2e2a33;--ld-placeholder:#9c9991;--ld-grass-deep:#5cb343;--ld-footer-bg:var(--pop-sun);--ld-footer-ink:var(--ld-ink);--ld-footer-soft:var(--ld-ink-soft);--ld-footer-rule:var(--ld-ink-rule);--bg-well:#f5f1e4;--bg-inset:#ece7d8;--bg-hover:#eef1e0;--border:#d9d4c5;--border-strong:#bcb7a6;--text-inverse:#fffdf5;flex-direction:column;display:flex;overflow-x:clip}html:has(.ld){background-color:#e0dbce}html:has(.ld) body{background-color:#e0dbce}[data-theme=dark] .ld{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-well:#f5f1e4;--bg-chrome:#fff;--bg-raised:#fff;--bg-inset:#ece7d8;--bg-overlay:#fff;--bg-hover:#eef1e0;--bg-active:#e1e9cd;--border:#d9d4c5;--border-strong:#bcb7a6;--text:#2c2e2a;--text-muted:#5a5c52;--text-faint:#676960;--text-inverse:#fffdf5;--pop-green:#8ed462;--pop-sky:#2ba0ff;--pop-coral:#ff705d;--pop-sun:#f5e211;--sandstone:#e0dbce;--accent:#2f6b1d;--accent-hover:#27591a;--accent-soft:#2f6b1d1f;--accent-soft-strong:#2f6b1d2e;--accent-text:#2f6b1d;--accent-contrast:#fff;--ring:#2f6b1d;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#2f6b1d;--brand-surface-line:#ffffff24;--success:#146b34;--success-soft:#146b341a;--warning:#92400e;--warning-soft:#92400e1a;--danger:#b91c1c;--danger-soft:#b91c1c17;--shadow-sm:0 0 0 1px #2c2e2a12;--shadow-md:0 0 0 1px #2c2e2a14, 0 10px 28px #4440301f;--shadow-lift:0 0 0 1px #2c2e2a1a, 0 12px 26px #44403024;--shadow-artboard:0 0 0 1px #2c2e2a1a, 0 2px 10px #4440301f;--shadow-accent:0 6px 18px #2f6b1d47}html[data-theme=dark]:has(.ld){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#e0dbce}@media (prefers-reduced-motion:no-preference){html:has(.ld):not([data-motion=off]){scroll-behavior:smooth}}.ld-container{width:min(1200px,100% - 2*clamp(16px,2.5vw,32px));margin-inline:auto}.ld-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ld-skip{z-index:var(--z-sheet);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--text);font-weight:var(--weight-semibold);text-decoration:none;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-300%)}.ld-skip:focus-visible{transform:none}.ld-nav{z-index:100;gap:12px;display:flex;position:fixed;inset-block-start:16px;inset-inline:16px}.ld-nav__bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:60px;padding-inline:var(--space-4) var(--space-2);border-radius:var(--ld-r-sm);background:var(--bg-raised);flex:1;display:flex}.ld-nav__brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);display:inline-flex}.ld-nav__links{gap:4px;display:none}.ld-nav__links a{min-height:44px;padding:0 var(--space-4);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:inline-flex;position:relative}.ld-nav__links a:before{content:"";background:var(--sandstone);opacity:0;transition:transform .4s var(--ease-bounce), opacity .1s var(--ld-ease);border-radius:50px;position:absolute;inset:0;transform:scale(.8)}.ld-nav__links a:hover:before,.ld-nav__links a:focus-visible:before{opacity:1;transform:scale(1)}.ld-nav__links a:active:before{transition-duration:.2s,.1s;transform:scale(.9)}.ld-nav__links a span{z-index:1;position:relative}.ld-nav__cta{padding-inline:var(--space-5);border-radius:var(--ld-r-sm);background:var(--bg-raised);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ld-nav__cta:after{content:"";background:var(--pop-sun);transform-origin:bottom;opacity:0;transition:transform .25s var(--ld-ease), border-radius .25s var(--ld-ease), opacity .25s var(--ld-ease);border-radius:50% 50% 0 0;position:absolute;inset:0;transform:scale(.5,0)}.ld-nav__cta:hover:after,.ld-nav__cta:focus-visible:after{opacity:1;border-radius:var(--ld-r-sm) var(--ld-r-sm) 0 0;transform:scale(1)}.ld-nav__cta span{z-index:1;position:relative}.ld-nav__cta:hover span,.ld-nav__cta:focus-visible span{color:var(--ld-ink)}.ld-nav__burger{background:var(--pop-green);cursor:pointer;border:0;border-radius:100%;flex:none;width:44px;height:44px;display:inline-flex;position:relative}.ld-nav__burger-line{background:var(--ld-ink);border-radius:1px;width:17px;height:2px;margin-top:-1px;margin-left:-8.5px;position:absolute;top:50%;left:50%}.ld-nav__burger-line--top{transform:translateY(-5px)}.ld-nav__burger-line--bot{transform:translateY(5px)}.ld-nav.is-open .ld-nav__burger-line--top{transform:rotate(45deg)}.ld-nav.is-open .ld-nav__burger-line--mid{opacity:0}.ld-nav.is-open .ld-nav__burger-line--bot{transform:rotate(-45deg)}@media (prefers-reduced-motion:no-preference){.ld-nav__burger-line{transition:transform .3s var(--ease-bounce), opacity .1s linear}}.ld-nav__panel{visibility:hidden;z-index:99;position:fixed;inset-block-start:88px;inset-inline:16px}.ld-nav.is-open .ld-nav__panel{visibility:visible}.ld-nav__plist{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--ld-r-sm);background:var(--bg-raised);list-style:none}.ld-nav__plist li+li{border-block-start:1px solid var(--border)}.ld-nav__plist a{color:var(--text);font-size:clamp(1.4rem,5vw,1.6rem);font-weight:var(--weight-semibold);padding-block:14px;text-decoration:none;display:block}.ld-nav__pcontact{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);padding-inline:var(--space-4) var(--space-2);border-radius:var(--ld-r-sm);background:var(--bg-raised);color:var(--text);font-size:1.25rem;font-weight:var(--weight-semibold);text-decoration:none;display:flex}.ld-nav__pcontact-icon{background:var(--pop-sun);width:48px;height:48px;color:var(--ld-ink);border-radius:100%;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (width>=760px){.ld-nav__links{display:inline-flex}.ld-nav__burger,.ld-nav__panel{display:none}}@media (width<=759.9px){.ld-nav__cta{display:none}}.ld-rbtn{--rb-color:var(--pop-green);--rb-bg:var(--bg-raised);--rb-icon-bg:var(--rb-color);align-items:center;gap:var(--space-2);border-radius:var(--ld-r-sm);min-height:60px;color:var(--ld-ink);font-size:var(--text-lg);font-weight:var(--weight-semibold);z-index:1;padding:10px;text-decoration:none;display:inline-flex;position:relative}.ld-rbtn--sun{--rb-color:var(--pop-sun)}.ld-rbtn--coral{--rb-color:var(--pop-coral)}.ld-rbtn--sky{--rb-color:var(--pop-sky)}.ld-rbtn--primary{--rb-bg:var(--rb-color);--rb-icon-bg:#fff}.ld-rbtn--secondary{--rb-bg:#fff;--rb-icon-bg:var(--rb-color)}.ld-rbtn:before{content:"";border-radius:var(--ld-r-sm);background:var(--rb-bg);transition:transform .4s var(--ease-bounce);position:absolute;inset:0}.ld-rbtn:hover:before,.ld-rbtn:focus-visible:before{transform:scale(1.05)}.ld-rbtn__label{z-index:3;transition:transform .4s var(--ease-bounce);padding:0 10px;position:relative}.ld-rbtn__icon{z-index:2;background:var(--rb-icon-bg);width:40px;height:40px;color:var(--ld-ink);pointer-events:none;transition:transform .4s var(--ease-bounce);border-radius:100%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ld-rbtn__icon--hover{top:50%;position:absolute;inset-inline-start:10px;transform:translateY(-50%)scale(0)}@media (hover:hover){.ld-rbtn:hover .ld-rbtn__label,.ld-rbtn:focus-visible .ld-rbtn__label{transform:translateX(calc(40px + var(--space-2)))}[dir=rtl] .ld-rbtn:hover .ld-rbtn__label,[dir=rtl] .ld-rbtn:focus-visible .ld-rbtn__label{transform:translateX(calc(-1 * (40px + var(--space-2))))}.ld-rbtn:hover .ld-rbtn__icon--default,.ld-rbtn:focus-visible .ld-rbtn__icon--default{transform:scale(0)}.ld-rbtn:hover .ld-rbtn__icon--hover,.ld-rbtn:focus-visible .ld-rbtn__icon--hover{transform:translateY(-50%)scale(1)}}.ld-hero{background:var(--pop-green);min-height:100svh;color:var(--ld-ink);position:relative}.ld-hero__sticky{justify-content:center;align-items:center;min-height:100svh;padding:108px 6vw 14vw;display:flex;position:relative}@media (width>=1000px){.ld-hero{height:100svh}.ld-hero__stickywrap{background:var(--pop-green);width:100%;height:200svh;position:absolute;top:0;left:0}.ld-hero__sticky{height:100svh;padding-block-end:10vw;position:sticky;top:0}}.ld-hero__shade{background:var(--ld-ink);opacity:0;pointer-events:none;position:absolute;inset:0}.ld-hero__content{text-align:center;flex-direction:column;gap:clamp(24px,3vw,48px);display:flex;position:relative}.ld-hero__title{font-size:clamp(2.25rem,6.4vw,6.75rem);font-weight:var(--weight-bold);text-wrap:balance;margin:0;padding-block-end:.1em;line-height:1.08}.ld-hero__tagline{font-size:clamp(1.4rem,2.2vw,2.125rem);font-weight:var(--weight-semibold);margin:0;line-height:1.2}.ld-hero__actions{justify-content:center;display:flex}.ld-tl{z-index:2;background:var(--bg-well);border-radius:var(--ld-r-lg) var(--ld-r-lg) 0 0;position:relative}.ld-tl__intro{z-index:5;margin-block-end:-4.75vw;padding-block-start:clamp(56px,7vw,110px);position:relative}@media (width<=999.9px){.ld-tl__intro{margin-block-end:-16vw}}.ld-tl__introwrap{clip-path:inset(100svh -50% -100%);pointer-events:none;z-index:2;width:100%;position:absolute;top:-100svh;bottom:0;left:0}.ld-tl__introsticky{justify-content:center;align-items:flex-end;height:100svh;display:flex;position:sticky;top:0}@media (width<=999.9px){.ld-tl__introsticky{flex-direction:column;justify-content:flex-end;align-items:center}}.ld-tl__ill{transform-origin:50% 100%;width:56%;margin-block-end:-3vw;position:relative}@media (width<=999.9px){.ld-tl__ill{width:100%}}.ld-intro-fig{width:50%;height:auto;margin-left:7%;margin-right:auto;display:block}@media (width<=999.9px){.ld-intro-fig{width:58%;margin-block-end:18vw;margin-inline:auto}}.ld-tl__ill .ld-scene{width:100%;height:auto;display:block}.ld-tl__introtext{z-index:3;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,36px);width:auto;display:flex;position:absolute;bottom:4vw;left:calc(54% + 24px);right:max(clamp(16px,2.5vw,32px),50% - 600px)}@media (width<=999.9px){.ld-tl__introtext{width:min(1200px,100% - 2*clamp(16px,2.5vw,32px));margin-block-end:6vw;position:relative;inset:auto}}.ld-tl__introtext>.ld-tile{align-self:stretch;max-width:800px}.ld-tl__introtext .ld-tile__title{font-size:clamp(1.45rem,1rem + 1.56vw,2.8125rem)}@media (width>=1000px){.ld-tl__introtext>.ld-tile{translate:-.6vw 9.45vw;scale:1.2}.ld-intro-fig{translate:23.1% -7.7%}}.ld-tl__ghost{height:calc(14vw + 21rem)}@media (width<=999.9px){.ld-tl__ghost{height:calc(44.8vw + 18rem)}}.ld-tl__road{clip-path:inset(-40vw 0 0);position:relative}.ld-roadpath{margin-block-end:-10vw;margin-inline:-2vw;position:relative}@media (width<=999.9px){.ld-roadpath{margin-block-end:-86vw}}.ld-roadpath__frame{width:100%;height:auto;display:block}.ld-roadpath__frame--desk{aspect-ratio:1944.2/6151.5}.ld-roadpath__frame--mob{aspect-ratio:847.9/4471;width:214%;margin-inline:-50% -64%;display:none}@media (width<=999.9px){.ld-roadpath__frame--desk{display:none}.ld-roadpath__frame--mob{display:block}}.ld-ribbon{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.ld-ribbon--mob{display:none}@media (width<=999.9px){.ld-ribbon--desk{display:none}.ld-ribbon--mob{display:block}}.ld-ribbon__path{fill:none;stroke:var(--pop-green);stroke-linecap:round;stroke-linejoin:round}.ld-tl__card{z-index:11;--ld-speed:.1;width:min(37.5%,800px);position:absolute}.ld-tl__card--1{top:11.59%;left:11.6%}.ld-tl__card--2{top:17.9%;right:5.16%}.ld-tl__card--3{top:47.81%;left:32.77%}.ld-tl__card--4{top:63.58%;right:6.27%}@media (width<=999.9px){.ld-tl__card{width:auto;left:16px!important;right:16px!important}.ld-tl__card--1{top:10%}.ld-tl__card--2{top:25.5%}.ld-tl__card--3{top:45.5%}.ld-tl__card--4{top:70%}}.ld-tile{position:relative}.ld-tile__bg{border-radius:var(--ld-r-sm);position:absolute;inset:0}.ld-tile__bg--color{inset:1px}.ld-tile--coral .ld-tile__bg--color{background:var(--pop-coral)}.ld-tile--sun .ld-tile__bg--color{background:var(--pop-sun)}.ld-tile--sky .ld-tile__bg--color{background:var(--pop-sky)}.ld-tile--grass .ld-tile__bg--color{background:var(--pop-green)}.ld-tile__bg--white{background:var(--bg-raised)}.ld-tile__inner{z-index:1;flex-direction:column;gap:25px;padding:clamp(25px,3.2vw,50px);display:flex;position:relative}.ld-tile__title{font-size:clamp(1.6rem,1.1rem + 1.74vw,3.125rem);font-weight:var(--weight-bold);margin:0;line-height:1.15}.ld-tile__body{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-muted);text-wrap:balance;margin:0;line-height:1.55}.ld-slot{pointer-events:none;position:absolute}.ld-slot__art{width:100%;height:100%;transform:translate(var(--fig-x,0%), var(--fig-y,0%)) scale(var(--fig-s,1));transform-origin:50% 100%;display:block}.ld-slot--climber .ld-slot__art{--fig-s:.7}.ld-slot--shrug .ld-slot__art{--fig-s:.85;--fig-x:6%}.ld-slot--composer .ld-slot__art{--fig-s:.82;--fig-x:6%}.ld-slot--trumpeter1 .ld-slot__art{--fig-s:.85;--fig-x:10%}.ld-slot--scientist .ld-slot__art{--fig-s:.85}.ld-slot--soccer .ld-slot__art{--fig-s:.86;--fig-x:6%}.ld-slot--unicycle .ld-slot__art{--fig-s:.66;--fig-x:-15%;--fig-y:-6%}.ld-slot--basketball .ld-slot__art{--fig-s:.8;--fig-x:-16%}.ld-slot--binoculars .ld-slot__art{--fig-s:.6;--fig-x:3%;--fig-y:-10%}.ld-slot--popup .ld-slot__art{--fig-s:.85}@media (width<=999.9px){.ld-slot--climber .ld-slot__art{--fig-s:.85}.ld-slot--shrug .ld-slot__art{--fig-s:1;--fig-y:-20%}.ld-slot--composer .ld-slot__art{--fig-s:.8;--fig-x:10%;--fig-y:-34%}.ld-slot--trumpeter1 .ld-slot__art{--fig-s:.85;--fig-x:20%;--fig-y:10%}.ld-slot--scientist .ld-slot__art{--fig-s:.85;--fig-x:6%;--fig-y:6%}.ld-slot--soccer .ld-slot__art{--fig-s:.9;--fig-x:-4%}.ld-slot--unicycle .ld-slot__art{--fig-s:.72;--fig-x:2%;--fig-y:-58%}.ld-slot--basketball .ld-slot__art{--fig-s:.8;--fig-x:-6%}.ld-slot--binoculars .ld-slot__art{--fig-s:.58;--fig-x:9%;--fig-y:-26%}}.ld-slot--climber{z-index:10;aspect-ratio:1000/1225;width:43%;top:10%;left:-3.2%}.ld-slot--shrug{z-index:10;aspect-ratio:1153/1188;width:45%;top:20.59%;right:3.86%}.ld-slot--composer{z-index:3;aspect-ratio:1000/1151;width:40%;top:38.77%;right:-1.7%}.ld-slot--trumpeter1{z-index:10;aspect-ratio:808/738;width:32%;top:36.1%;left:7.05%}.ld-slot--trumpeter2{z-index:1;aspect-ratio:1;width:32%;top:35.5%;left:-2%}.ld-slot--gamer{z-index:10;aspect-ratio:1;width:31%;top:45.35%;left:11.5%}.ld-slot--scientist{z-index:1;aspect-ratio:1000/1271;--slot-tx:10%;width:34%;top:58.69%;right:59.92%}.ld-slot--soccer{z-index:1;aspect-ratio:1789/1438;width:56.5%;top:70.76%;left:36.81%}@media (width<=999.9px){.ld-slot--climber{width:68%;top:2.8%;left:-16%}.ld-slot--shrug{width:72%;top:20%;right:-3%}.ld-slot--composer{width:68%;top:35.5%;right:-15.5%}.ld-slot--trumpeter1{width:56%;top:38%;left:-7%}.ld-slot--trumpeter2{width:54%;top:41.5%;left:-4%}.ld-slot--gamer{width:72%;top:55.5%;left:-3%}.ld-slot--scientist{width:68%;top:61%;right:0}.ld-slot--soccer{width:100%;top:81%;left:auto;right:-5%}}.ld-slot--binoculars{z-index:10;aspect-ratio:1789/1438;width:60%;bottom:2%;right:-8.5%}.ld-slot--unicycle{z-index:10;aspect-ratio:1694/1594;width:54%;bottom:28.96%;left:63.22%}.ld-slot--basketball{z-index:10;aspect-ratio:1608/1608;width:44%;bottom:10.26%;left:-1.31%}@media (width<=999.9px){.ld-slot--binoculars{width:73%;bottom:2%;right:-16%}.ld-slot--unicycle{width:70%;bottom:8%;left:16%}.ld-slot--basketball{width:58%;bottom:4%;left:-15%}}.ld-prop{z-index:2;pointer-events:none;position:absolute}.ld-prop svg{width:100%;height:auto;display:block}.ld-prop--1{width:10%;top:7.29%;left:15.04%}.ld-prop--2{width:6%;top:11%;left:31%}.ld-prop--3{width:10%;top:19.48%;left:31.25%}.ld-prop--4{width:8%;top:19%;left:46%}.ld-prop--5{width:12%;top:22%;left:40%}.ld-prop--6{width:5%;top:37.26%;left:72.3%}.ld-prop--7{width:5%;top:42.67%;left:11.6%}.ld-prop--8{width:5%;top:52.82%;left:84.5%}.ld-prop--9{width:5%;top:28.22%;left:11.1%}.ld-prop--10{width:3%;top:62.36%;right:31.52%}@media (width<=999.9px){.ld-prop--1,.ld-prop--3,.ld-prop--5,.ld-prop--7,.ld-prop--8,.ld-prop--9{display:none}.ld-prop--2{width:12%;top:4.5%;left:50%}.ld-prop--4{width:16%;top:8.5%;left:auto;right:1%}.ld-prop--6{width:12%;top:36.5%;left:16%}.ld-prop--10{width:9%;top:78%;right:28%}}.ld-tl__end{z-index:4;pointer-events:none;align-items:flex-end;width:100%;height:60vw;display:flex;position:absolute;bottom:-1px;left:0}.ld-cloud{position:absolute}.ld-cloud svg{width:100%;height:auto;display:block}.ld-cloud--1{--cl-start:200px;--cl-end:-200px;width:33%;top:0;right:20%}.ld-cloud--2{--cl-start:300px;--cl-end:-300px;width:10%;top:20%;left:18%}.ld-cloud--3{--cl-start:300px;--cl-end:-100px;width:18%;top:30%;left:-6%}.ld-cloud--4{--cl-start:100px;--cl-end:-300px;width:8%;top:46%;right:-2%}.ld-cloud--5{--cl-start:200px;--cl-end:-200px;width:5%;top:49%;left:23%}.ld-hill{position:absolute;left:0;right:0}.ld-hill svg{width:100%;height:auto;display:block}.ld-hill--back{z-index:0;--ld-speed:-.15;bottom:-10%}.ld-hill--middle{z-index:20;--ld-speed:-.075;bottom:0}.ld-hill--front{z-index:30;bottom:0}@media (width<=999.9px){.ld-hill--back,.ld-hill--middle,.ld-hill--front{width:140%;left:-20%;right:auto}}.ld-callout{background:var(--pop-green);color:var(--ld-ink);border-radius:0 0 var(--ld-r-lg) var(--ld-r-lg);padding-block:clamp(8rem,7.3rem + 3.48vw,10rem);position:relative}.ld-callout .ld-container{z-index:1;position:relative}.ld-callout__title{text-align:center;font-size:clamp(3.1rem,1rem + 11.4vw,9.5rem);font-weight:var(--weight-bold);margin:0;line-height:1.02}@media (width>=1000px){.ld-callout{padding-block-start:calc(clamp(8rem,7.3rem + 3.48vw,10rem) + 7.5vw)}}.ld-callout__sub{text-align:center;flex-direction:column;align-items:center;gap:24px;margin-block-start:clamp(3.5rem,3vw + 2rem,5rem);display:flex}.ld-callout__sub p{max-width:36ch;font-size:clamp(1.25rem,1.28rem + 1.09vw,2.125rem);font-weight:var(--weight-semibold);text-wrap:balance;margin:0;line-height:1.45}.ld-callout__steps{text-align:center;font-weight:var(--weight-semibold);font-size:var(--text-lg);gap:20px;margin:clamp(96px,16vw,240px) 0 0;padding:0;list-style:none;display:grid}@media (width>=760px){.ld-callout__steps{grid-template-columns:repeat(3,1fr)}}.ld-callout__stepnum{font-size:1.6rem;font-weight:var(--weight-bold);margin-block-end:6px;display:block}.ld-callout__popwrap{pointer-events:none;width:56%;position:absolute;top:-100vh;bottom:0;left:0}@media (width<=999.9px){.ld-callout__popwrap{display:none}}.ld-callout__popsticky{align-items:flex-end;height:100vh;display:flex;position:sticky;top:0}.ld-slot--popup{aspect-ratio:1979/1570;width:100%;position:relative;transform:translateY(100%)}.ld-band{padding:16px}.ld-band__frame{border-radius:var(--ld-r-lg);aspect-ratio:2268/1350;position:relative;overflow:hidden}.ld-band__img{object-fit:cover;width:100%;height:calc(100% + 4em);position:absolute;top:-2em;left:0}.ld-band__ring{--ld-speed:-.05;position:absolute;inset:0}.ld-band__ring svg{width:100%;height:100%;display:block}.ld-band__word{color:var(--pop-coral);font-size:clamp(18px,3.4vw,48px);font-weight:var(--weight-bold);white-space:nowrap;position:absolute}.ld-band__word--1{top:26%;right:10%;transform:rotate(7deg)}.ld-band__word--2{bottom:23%;left:12%;transform:rotate(-6deg)}.ld-band__frame--cards{aspect-ratio:auto;background:var(--sandstone);padding:clamp(64px,8.5vw,128px) clamp(16px,3.4vw,56px)}.ld-band__frame--cards .ld-band__word{z-index:2;color:var(--text)}.ld-band__frame--cards .ld-band__word--1{top:clamp(14px,2.4vw,40px);right:8%}.ld-band__frame--cards .ld-band__word--2{bottom:clamp(14px,2.4vw,40px);left:8%}.ld-band__cards{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:1280px;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.ld-band__card{border-radius:clamp(22px,2.8vw,44px);overflow:hidden}.ld-band__card img{width:100%;height:auto;display:block}@media (width<=759.9px){.ld-band__cards{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.ld-band__card{scroll-snap-align:center}}.ld-band--gallery{container-type:inline-size}.ld-band__frame--gallery{aspect-ratio:auto;background:var(--sandstone);height:64cqw;overflow:clip}.ld-gal{gap:1.6cqw;padding:0 1.6cqw;display:flex;position:absolute;inset:0}.ld-gal--phone{display:none}.ld-gal__col{top:calc(var(--gal-d) * -1);min-width:0;translate:0 calc(var(--gal-d) * .5);flex-direction:column;flex:1 1 0;gap:1.6cqw;margin:0;padding:0;list-style:none;display:flex;position:relative}.ld-gal__col--1{--gal-d:30cqw}.ld-gal__col--2{--gal-d:50cqw}.ld-gal__col--3{--gal-d:18cqw}.ld-gal__col--4{--gal-d:44cqw}.ld-gal__item{border-radius:clamp(14px,1.8cqw,32px);flex:none;overflow:hidden}.ld-gal__item img{aspect-ratio:4/5;width:100%;height:auto;display:block}.ld-gal__titlewrap{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.ld-gal__title{isolation:isolate;background:var(--bg-well);color:var(--text);font-size:clamp(28px,5.2cqw,76px);font-weight:var(--weight-bold);text-align:center;white-space:nowrap;pointer-events:auto;border-radius:clamp(24px,3cqw,48px);align-self:flex-start;justify-items:center;margin:max(10cqw,48px) 0 0;padding:clamp(18px,2.6cqw,40px) clamp(26px,4.4cqw,64px);line-height:1.2;display:grid;position:sticky;top:34vh}.ld-gal__loop{z-index:-1;width:92%;height:88%;position:absolute;inset:6% 4%}.ld-gal__word{rotate:3deg}.ld-gal__word--2{rotate:-3deg}@media (width<=759.9px){.ld-band__frame--gallery{height:210cqw}.ld-gal--desk{display:none}.ld-gal--phone{gap:3cqw;padding:0 3cqw;display:flex}.ld-gal--phone .ld-gal__col{gap:3cqw}.ld-gal--phone .ld-gal__col--1{--gal-d:70cqw}.ld-gal--phone .ld-gal__col--2{--gal-d:140cqw}}.ld-numbers{z-index:10;background:var(--bg-well);border-radius:var(--ld-r-lg);margin-block-start:16px;padding-block:clamp(4rem,3.13rem + 4.35vw,6.5rem);position:relative}.ld-numbers__head{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.ld-numbers__title{font-size:clamp(1.75rem,2.9vw,2.6875rem);font-weight:var(--weight-bold);text-wrap:balance;margin:0;line-height:1.1}@media (width>=1000px){.ld-numbers__title{white-space:nowrap}}.ld-numbers__text{max-width:640px;font-size:17px;font-weight:var(--weight-medium);color:var(--text-muted);text-wrap:balance;margin:0;line-height:1.6}.ld-store{max-width:640px;margin:clamp(2rem,1.5rem + 2.5vw,3.5rem) auto 0}.ld-store__art{width:100%;height:auto;display:block;overflow:visible}.ld-store__bar,.ld-store__fly,.ld-store__badge{transform-box:fill-box}.ld-store__bar{transform-origin:100%}.ld-store__badge{transform-origin:50%}.ld-wavy{font-weight:inherit;display:inline-block;position:relative}.ld-wavy__strip{pointer-events:none;height:.2em;position:absolute;bottom:-.26em;left:.05em;right:-.05em;overflow:hidden}.ld-wavy__strip svg{width:200%;height:100%;display:block}.ld-tour{padding-block:clamp(8rem,7.3rem + 3.48vw,10rem) clamp(3.5rem,2.98rem + 2.61vw,5rem)}.ld-tour__heading{text-align:center;max-width:620px;font-size:clamp(1.6rem,1.78rem + 1.74vw,2.6rem);font-weight:var(--weight-bold);text-wrap:balance;margin:0 auto clamp(3rem,4vw,4.5rem);padding-inline:16px;line-height:1.2}.ld-tour__list{margin:0;padding:0;list-style:none}@media (width<=999.9px){.ld-tour__list{scroll-snap-type:x mandatory;scrollbar-width:none;padding-block-end:20px;padding-inline-end:20px;display:flex;overflow-x:auto}.ld-tour__list::-webkit-scrollbar{display:none}.ld-tour__item{scroll-snap-align:start;flex:none;width:87.5%;padding-inline-start:20px}}@media (width>=1000px){.ld-tour__list{grid-template-columns:repeat(4,1fr);gap:20px;width:min(1200px,100% - 2*clamp(16px,2.5vw,32px));margin-inline:auto;display:grid}.ld-tour__item:first-child{grid-area:span 2/span 2}.ld-tour__item:first-child .ld-shotcard__title{font-size:clamp(1.3rem,1.5vw,1.6rem)}}.ld-shotcard{flex-direction:column;gap:10px;margin:0;display:flex;position:relative}.ld-shotcard__imgbox{border-radius:var(--ld-r-md);background:var(--bg-raised);position:relative;overflow:hidden}.ld-shotcard__imgbox img{width:100%;height:auto;display:block}.ld-shotcard__tags{top:0;z-index:1;flex-wrap:wrap;gap:6px;padding-block-start:12px;display:flex;position:absolute;inset-inline-start:12px}.ld-shotcard__tags span{background:var(--bg-raised);color:var(--text);font-size:13px;font-weight:var(--weight-semibold);border-radius:24px;padding:6px 10px}.ld-shotcard__title{font-size:16px;font-weight:var(--weight-semibold);color:var(--text);margin:0;line-height:1.45}.ld-rails{padding-block:clamp(8rem,7.3rem + 3.48vw,10rem)}.ld-rails__title{text-align:center;max-width:640px;font-size:clamp(1.5rem,1.2rem + 1.1vw,2rem);font-weight:var(--weight-bold);margin:0 auto 16px;padding-inline:16px;line-height:1.15}.ld-rails__sub{text-align:center;max-width:560px;color:var(--text-muted);margin:0 auto clamp(3rem,2.5rem + 2.5vw,4.5rem);padding-inline:16px;font-size:17px;line-height:1.6}.ld-rails__rows{flex-direction:column;gap:16px;display:flex}.ld-rail{direction:ltr;overflow:hidden}.ld-rail__track{width:max-content;display:flex}.ld-rail__pattern{align-items:center;gap:16px;margin:0;padding:0;padding-inline-end:16px;list-style:none;display:flex}.ld-rail__item{--rail-fs:24px;background:var(--bg-well);white-space:nowrap;direction:rtl;border-radius:60px;align-items:center;gap:20px;min-height:100px;padding:12px 20px;padding-inline-end:40px;display:flex}.ld-rail__text{flex-direction:column;align-items:flex-start;display:flex}.ld-rail__phrase{font-size:var(--rail-fs);line-height:1.55}.ld-rail__font{font-size:12px;font-weight:var(--weight-semibold);color:var(--text-muted);line-height:1.3}.ld-rail__glyph{background:var(--bg-raised);border-radius:100%;flex:none;width:60px;height:60px;position:relative}.ld-rail__glyph:after{content:"";position:absolute;inset:17px}.ld-rail__glyph--0:after{background:var(--pop-sky);border-radius:100%}.ld-rail__glyph--1:after{background:var(--pop-green);border-radius:7px}.ld-rail__glyph--2:after{background:var(--pop-coral);border-radius:50% 50% 4px 4px}@media (width<=759.9px){.ld-rail__item{--rail-fs:21px;gap:14px;min-height:84px;padding:10px 14px;padding-inline-end:28px}.ld-rail__glyph{width:48px;height:48px}.ld-rail__glyph:after{inset:14px}}.ld-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-pill);font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-base) var(--ease-out), transform var(--motion-slow) var(--ease-bounce);border:1.5px solid #0000;text-decoration:none;display:inline-flex}.ld-btn:hover{transform:translateY(-2px)}.ld-btn:active{transition-duration:var(--motion-base), var(--motion-fast);transform:scale(.98)}.ld-btn--primary{background:var(--accent);color:var(--accent-contrast)}.ld-btn--primary:hover{background:var(--accent-hover)}.ld-btn--ghost{background:var(--bg-raised);border-color:var(--text);color:var(--text)}.ld-btn--ghost:hover{background:var(--bg-hover)}.ld-btn--google,.ld-btn--apple{isolation:isolate;position:relative;overflow:hidden}.ld-btn--google:before,.ld-btn--apple:before{content:"";z-index:-1;transform-origin:50% 100%;position:absolute;inset:0;transform:scaleY(0)}.ld-btn--google:before{background:linear-gradient(100deg,#4285f4 8%,#ea4335 38%,#fbbc05 62%,#34a853 92%)}.ld-btn--apple:before{background:#000}.ld-btn--google:hover,.ld-btn--google:focus-visible,.ld-btn--apple:hover,.ld-btn--apple:focus-visible{background:var(--bg-raised);color:#fff;border-color:#0000}.ld-btn--google:hover{text-shadow:0 1px 2px #0000004d}.ld-btn--google:hover:before,.ld-btn--google:focus-visible:before,.ld-btn--apple:hover:before,.ld-btn--apple:focus-visible:before{transform:scaleY(1)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) :is(.ld-btn--google,.ld-btn--apple):before{transition:transform .45s cubic-bezier(.22,1,.36,1)}:root:not([data-motion=off]) :is(.ld-btn--google,.ld-btn--apple){transition:color .3s ease .1s, border-color .3s ease, transform var(--motion-slow) var(--ease-bounce)}}.ld-section--signin{justify-content:center;margin-block:clamp(32px,6vw,72px) clamp(56px,8vw,104px);padding-inline:16px;scroll-margin-block-start:96px;display:flex}.ld-gate{border-radius:var(--ld-r-lg);background:var(--bg-raised);border:2px solid var(--pop-green);text-align:center;width:min(520px,100%);padding:clamp(28px,4vw,44px)}.ld-gate__title{margin:0 0 var(--space-2);font-size:clamp(24px,3vw,32px);font-weight:var(--weight-bold);line-height:1.2}.ld-gate__sub{margin:0 0 var(--space-5);color:var(--text-muted);font-size:15px}.ld-gate__form{gap:var(--space-2);text-align:start;flex-direction:column;display:flex}.ld-gate__label{font-size:var(--text-base);font-weight:var(--weight-semibold)}.ld-gate__input{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--bg-inset);font-size:var(--text-lg)}.ld-gate__input::placeholder{color:var(--ld-placeholder);opacity:1}.ld-gate__input:focus::placeholder{color:#0000}.ld-gate__input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--ring)}.ld-gate__input[aria-invalid=true]{border-color:var(--danger)}.ld-gate__error{font-size:var(--text-base);color:var(--danger);margin:0}.ld-gate__submit{width:100%;margin-block-start:var(--space-2)}.ld-gate__divider{align-items:center;gap:var(--space-3);margin-block:var(--space-4);color:var(--text-faint);font-size:var(--text-base);display:flex}.ld-gate__divider:before,.ld-gate__divider:after{content:"";border-block-start:1.5px solid var(--border);flex:1}.ld-gate__providers{gap:var(--space-2);flex-direction:column;display:flex}.ld-gate__note{margin:var(--space-4) 0 0;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-muted);text-align:start}.ld-footer{background:var(--ld-footer-bg);min-height:82svh;color:var(--ld-footer-ink);border-radius:var(--ld-r-lg) var(--ld-r-lg) 0 0;flex-direction:column;justify-content:space-between;row-gap:clamp(2.9rem,2.45rem + 2.15vw,4.1rem);padding-block:clamp(4.1rem,3.25rem + 4.3vw,6.5rem) 32px;display:flex;overflow:hidden}.ld-footer a{color:inherit}.ld-footer__top{align-items:start;gap:48px;display:grid}@media (width>=1000px){.ld-footer__top{grid-template-columns:1.2fr 1fr}}.ld-footer__brand{align-items:center;gap:var(--space-2);font-size:20px;font-weight:var(--weight-bold);display:inline-flex}.ld{--brand-logo:#0e4f4c}.ld-footer__pitch p{max-width:450px;font-size:clamp(18px,1.55vw,21px);font-weight:var(--weight-medium);margin:16px 0 24px;line-height:1.6}.ld-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ld-footer__nav ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ld-footer__nav a{font-weight:var(--weight-medium);text-decoration:none}.ld-footer__nav a:hover{text-decoration:underline}.ld-footer__bottom{text-align:center;place-items:end center;gap:40px;display:grid}.ld-footer__sign{font-size:clamp(2.25rem,15vw,8.75rem);font-weight:var(--weight-bold);white-space:nowrap;margin:0;line-height:1.15}.ld-footer__facts{max-width:420px;color:var(--ld-footer-soft);font-size:16px;line-height:1.6}.ld-footer__facts p{margin:0 0 1em}.ld-footer__facts strong{color:var(--ld-footer-ink)}.ld-footer__legal{border-block-start:1px solid var(--ld-footer-rule);font-size:14px;font-weight:var(--weight-medium);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block-start:24px;display:flex}@media (height<=520px) and (orientation:landscape){.ld-hero,.ld-hero__stickywrap{height:auto;position:relative;top:auto}.ld-hero__sticky{height:auto;min-height:100svh;padding-block:90px 10vw;position:relative}.ld-hero__title{font-size:clamp(30px,8vh,48px)}.ld-callout__title{font-size:clamp(32px,10vh,56px)}.ld-tl__introwrap{clip-path:none;position:static}.ld-tl__introsticky{flex-direction:column;align-items:center;height:auto;position:static}.ld-tl__introtext{width:min(1200px,100% - 2*clamp(16px,2.5vw,32px));position:relative;inset:auto}.ld-tl__ill{width:80%;margin-inline:auto}.ld-tl__ghost{display:none}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .ld[data-io] .ld-nav{transition:transform .4s var(--ld-ease) .2s}:root:not([data-motion=off]) .ld[data-io]:not(.is-loaded) .ld-nav{transform:translateY(calc(-100% - 24px))}:root:not([data-motion=off]) .ld[data-io] .ld-hero__hit{transition:transform .8s var(--ld-ease)}:root:not([data-motion=off]) .ld[data-io]:not(.is-loaded) .ld-hero__hit{transform:translateY(80px)}:root:not([data-motion=off]) .ld[data-io] .ld-hero__hit--1{transition-delay:.1s}:root:not([data-motion=off]) .ld[data-io] .ld-hero__hit--2{transition-delay:.2s}:root:not([data-motion=off]) .ld[data-io] .ld-hero__hit--3{transition-delay:.3s}:root:not([data-motion=off]) .ld[data-io] .ld-nav__panel{transition:visibility 0s linear .25s}:root:not([data-motion=off]) .ld[data-io] .ld-nav.is-open .ld-nav__panel{transition-delay:0s}:root:not([data-motion=off]) .ld[data-io] .ld-nav__plist,:root:not([data-motion=off]) .ld[data-io] .ld-nav__pcontact{opacity:0;transition:transform .25s var(--ld-ease-smooth), opacity .15s var(--ld-ease);transform:translateY(16px)scale(.95)}:root:not([data-motion=off]) .ld[data-io] .ld-nav.is-open .ld-nav__plist,:root:not([data-motion=off]) .ld[data-io] .ld-nav.is-open .ld-nav__pcontact{opacity:1;transform:none}:root:not([data-motion=off]) .ld[data-io] .ld-nav__plist li{opacity:0;transition:transform .4s var(--ease-bounce), opacity .2s var(--ld-ease);transform:translateY(16px)}:root:not([data-motion=off]) .ld[data-io] .ld-nav.is-open .ld-nav__plist li{opacity:1;transition-delay:calc(var(--index) * 50ms + 50ms);transform:none}:root:not([data-motion=off]) .ld[data-io] .ld-reveal{opacity:0;transition:opacity .5s var(--ld-ease), transform .8s var(--ld-ease);transform:translateY(80px)}:root:not([data-motion=off]) .ld[data-io] .ld-reveal.is-in{opacity:1;transform:none}:root:not([data-motion=off]) .ld[data-io] .ld-store .ld-store__fly{opacity:0;transition:opacity .4s var(--ld-ease), transform .8s var(--ease-bounce);transform:translateY(-36px)}:root:not([data-motion=off]) .ld[data-io] .ld-store .ld-store__fly--chip{transform:translateY(24px)}:root:not([data-motion=off]) .ld[data-io] .ld-store .ld-store__badge{transition:transform .6s var(--ease-bounce) .2s;transform:scale(0)}:root:not([data-motion=off]) .ld[data-io] .ld-store .ld-store__bar{transition:transform 1.1s var(--ld-ease) .6s;transform:scaleX(0)}:root:not([data-motion=off]) .ld[data-io] .ld-store.is-in :is(.ld-store__fly,.ld-store__badge,.ld-store__bar){opacity:1;transform:none}:root:not([data-motion=off]) .ld[data-io] .ld-store.is-in .ld-store__fly--card{transition-delay:.25s}:root:not([data-motion=off]) .ld[data-io] .ld-store.is-in .ld-store__fly--photo{transition-delay:.4s}:root:not([data-motion=off]) .ld[data-io] .ld-store.is-in .ld-store__fly--folder{transition-delay:.55s}:root:not([data-motion=off]) .ld[data-io] .ld-store.is-in .ld-store__fly--chip{transition-delay:.9s}:root:not([data-motion=off]) .ld[data-io] .ld-tile__bg{transition:transform .6s var(--ease-bounce);transform:scale(0)}:root:not([data-motion=off]) .ld[data-io] .ld-tile__bg--white{transition-delay:.2s}:root:not([data-motion=off]) .ld[data-io] .ld-tile.is-in .ld-tile__bg{transform:scale(1)}:root:not([data-motion=off]) .ld[data-io] .ld-tile :is(.ld-tile__title,.ld-tile__body,.ld-tile__cta){opacity:0;transition:opacity .4s var(--ld-ease-inout), transform .4s var(--ld-ease-inout);transform:translateY(-10px)}:root:not([data-motion=off]) .ld[data-io] .ld-tile .ld-tile__title{transition-delay:.3s}:root:not([data-motion=off]) .ld[data-io] .ld-tile .ld-tile__body{transition-delay:.35s}:root:not([data-motion=off]) .ld[data-io] .ld-tile .ld-tile__cta{transition-delay:.45s}:root:not([data-motion=off]) .ld[data-io] .ld-tile.is-in :is(.ld-tile__title,.ld-tile__body,.ld-tile__cta){opacity:1;transform:none}:root:not([data-motion=off]) .ld[data-io] .ld-slot:not(.ld-slot--popup){opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);transition:transform .8s var(--ld-ease-smooth) .15s, opacity .8s var(--ld-ease-smooth) .15s}:root:not([data-motion=off]) .ld[data-io] .ld-slot.is-in:not(.ld-slot--popup){opacity:1;transform:none}:root:not([data-motion=off]) .ld .ld-slot--popup{transition:transform .3s var(--ld-ease-smooth)}:is(:root:not([data-motion=off]) .ld .ld-callout:has(.ld-callout__cta:hover) .ld-slot--popup,:root:not([data-motion=off]) .ld .ld-callout:has(.ld-callout__cta:focus-visible) .ld-slot--popup){transform:translateY(12%)}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) :is(.an-wave,.an-menu,.an-draw,.an-float,.an-kite,.ld-slot__idle){transform-box:fill-box;animation-play-state:paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) .an-wave{transform-origin:85% 90%;animation:ld-wave 2.6s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) .an-menu{transform-origin:8% 96%;animation:ld-sway 3.6s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) .an-draw{transform-origin:96% 95%;animation:ld-draw 1.8s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) .an-float{animation:ld-float 3.2s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene,.ld-slot) .an-kite{transform-origin:0 100%;animation:ld-bob 3.6s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] .ld-slot .ld-slot__idle{animation:ld-float 4s var(--ease-in-out) infinite alternate paused}:root:not([data-motion=off]) .ld[data-io] :is(.ld-scene.is-in,.ld-slot.is-in) :is(.an-wave,.an-menu,.an-draw,.an-float,.an-kite,.ld-slot__idle){animation-play-state:running}:root:not([data-motion=off]) .ld[data-io] .ld-wavy__strip svg{animation:3s linear infinite paused ld-wave-scroll}:root:not([data-motion=off]) .ld[data-io] .ld-wavy.is-in .ld-wavy__strip svg{animation-play-state:running}:root:not([data-motion=off]) .ld[data-io] .ld-rail__track{animation:ld-marquee var(--rail-dur,44s) linear infinite paused}:root:not([data-motion=off]) .ld[data-io] .ld-rail--rev .ld-rail__track{animation-direction:reverse}:root:not([data-motion=off]) .ld[data-io] .ld-rail--fast .ld-rail__track{--rail-dur:26s}:root:not([data-motion=off]) .ld[data-io] .ld-rail.is-in .ld-rail__track{animation-play-state:running}:root:not([data-motion=off]) .ld[data-io] .ld-shotcard__tags{transition:transform .4s var(--ld-ease) .3s;transform:translateY(-110%)}:root:not([data-motion=off]) .ld[data-io] .ld-tour__item:nth-child(3n-1) .ld-shotcard__tags{transition-delay:.1s}:root:not([data-motion=off]) .ld[data-io] .ld-tour__item:nth-child(3n) .ld-shotcard__tags{transition-delay:.15s}:root:not([data-motion=off]) .ld[data-io] .ld-shotcard.is-in .ld-shotcard__tags{transform:none}@media (hover:hover){:root:not([data-motion=off]) .ld .ld-shotcard__imgbox img{transition:transform .6s var(--ld-ease-smooth)}:root:not([data-motion=off]) .ld .ld-shotcard:hover .ld-shotcard__imgbox img{transform:scale(1.05)rotate(2deg)}}@supports (animation-timeline:view()){:root:not([data-motion=off]) .ld[data-io] .ld-hero__stickywrap{view-timeline:--ld-hero block}:root:not([data-motion=off]) .ld[data-io] .ld-hero__content{transform-origin:50% 60%;animation:linear both ld-hero-scale;animation-timeline:--ld-hero;animation-range:exit exit 50%}:root:not([data-motion=off]) .ld[data-io] .ld-hero__shade{animation:linear both ld-shade;animation-timeline:--ld-hero;animation-range:exit exit 50%}:root:not([data-motion=off]) .ld[data-io] .ld-tl__intro{view-timeline:--ld-intro block}:root:not([data-motion=off]) .ld[data-io] .ld-tl__ill{animation:linear both ld-grow;animation-timeline:--ld-intro;animation-range:cover cover 55%}:root:not([data-motion=off]) .ld[data-io] .ld-tl__introtext .ld-tile__bg{animation-duration:auto;transition:none;animation-name:ld-tile-pop;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ld-intro;animation-range:cover 8% cover 30%}:root:not([data-motion=off]) .ld[data-io] .ld-tl__introtext .ld-tile__bg--white{animation-range:cover 13% cover 35%}:root:not([data-motion=off]) .ld[data-io] :is(.ld-intro-fig,.ld-tl__introtext){animation:linear both ld-intro-in;animation-timeline:--ld-intro;animation-range:cover cover 35%}:root:not([data-motion=off]) .ld[data-io] :is(.ld-tl__card,.ld-prop,.ld-hill--back,.ld-hill--middle,.ld-band__ring){animation:linear both ld-drift;animation-timeline:view();animation-range:cover}@media (width<=999.9px){:root:not([data-motion=off]) .ld[data-io] :is(.ld-tl__card,.ld-prop,.ld-hill--back,.ld-hill--middle){animation:none}}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road{view-timeline:--ld-road block}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot:not(.ld-slot--popup){animation-duration:auto;transition:none;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ld-road;animation-range:entry 50% exit 50%}:root:not([data-motion=off]) .ld[data-io] .ld-ribbon__path{stroke-dasharray:1 1;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--ld-road;animation-range:entry 50% exit 50%}:root:not([data-motion=off]) .ld[data-io] .ld-ribbon--desk .ld-ribbon__path{animation-name:ld-ribbon-desk}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--climber{animation-name:ld-slot-desk-climber}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--shrug{animation-name:ld-slot-desk-shrug}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--composer{animation-name:ld-slot-desk-composer}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--trumpeter1{animation-name:ld-slot-desk-trumpeter1}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--scientist{animation-name:ld-slot-desk-scientist}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--soccer{animation-name:ld-slot-desk-soccer}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--basketball{animation-name:ld-slot-desk-basketball}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--unicycle{animation-name:ld-slot-desk-unicycle}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--binoculars{animation-name:ld-slot-desk-binoculars}:root:not([data-motion=off]) .ld[data-io] .ld-ribbon--mob .ld-ribbon__path{animation-name:ld-ribbon-mob}@media (width<=999.9px){:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--climber{animation-name:ld-slot-mob-climber}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--shrug{animation-name:ld-slot-mob-shrug}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--composer{animation-name:ld-slot-mob-composer}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--trumpeter1{animation-name:ld-slot-mob-trumpeter1}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--scientist{animation-name:ld-slot-mob-scientist}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--soccer{animation-name:ld-slot-mob-soccer}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--basketball{animation-name:ld-slot-mob-basketball}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--unicycle{animation-name:ld-slot-mob-unicycle}:root:not([data-motion=off]) .ld[data-io] .ld-tl__road .ld-slot--binoculars{animation-name:ld-slot-mob-binoculars}}@keyframes ld-ribbon-desk{0%{stroke-dashoffset:.965px}5%{stroke-dashoffset:.939px}10%{stroke-dashoffset:.914px}15%{stroke-dashoffset:.89px}20%{stroke-dashoffset:.86px}25%{stroke-dashoffset:.753px}30%{stroke-dashoffset:.728px}35%{stroke-dashoffset:.615px}40%{stroke-dashoffset:.585px}45%{stroke-dashoffset:.558px}50%{stroke-dashoffset:.43px}55%{stroke-dashoffset:.405px}60%{stroke-dashoffset:.319px}65%{stroke-dashoffset:.26px}70%{stroke-dashoffset:.235px}75%{stroke-dashoffset:.211px}80%{stroke-dashoffset:.187px}85%{stroke-dashoffset:.162px}90%{stroke-dashoffset:0}95%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes ld-slot-desk-climber{0%,11.15%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}14.15%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-shrug{0%,22.44%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}25.44%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-composer{0%,31.39%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}34.39%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-trumpeter1{0%,34.23%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}37.23%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-scientist{0%,61.78%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}64.78%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-soccer{0%,58.76%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}61.76%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-basketball{0%,83.06%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}86.06%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-unicycle{0%,88.02%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}91.02%,to{opacity:1;transform:none}}@keyframes ld-slot-desk-binoculars{0%,87.48%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}90.48%,to{opacity:1;transform:none}}@keyframes ld-ribbon-mob{0%{stroke-dashoffset:.944px}5%{stroke-dashoffset:.899px}10%{stroke-dashoffset:.855px}15%{stroke-dashoffset:.805px}20%{stroke-dashoffset:.76px}25%{stroke-dashoffset:.716px}30%{stroke-dashoffset:.671px}35%{stroke-dashoffset:.617px}40%{stroke-dashoffset:.566px}45%{stroke-dashoffset:.522px}50%{stroke-dashoffset:.477px}55%{stroke-dashoffset:.432px}60%{stroke-dashoffset:.388px}65%{stroke-dashoffset:.344px}70%{stroke-dashoffset:.298px}75%{stroke-dashoffset:.254px}80%{stroke-dashoffset:.209px}85%{stroke-dashoffset:.164px}90%{stroke-dashoffset:.117px}95%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes ld-slot-mob-climber{0%,.87%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}3.87%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-shrug{0%,15.63%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}18.63%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-composer{0%,29.78%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}32.78%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-trumpeter1{0%,35.3%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}38.3%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-scientist{0%,58.9%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}61.9%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-soccer{0%,78.08%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}81.08%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-basketball{0%,90.32%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}93.32%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-unicycle{0%,86.99%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}89.99%,to{opacity:1;transform:none}}@keyframes ld-slot-mob-binoculars{0%,92.34%{opacity:0;transform:translate(var(--slot-tx,0px), 100px) scale(.75);animation-timing-function:var(--ld-ease-smooth)}95.34%,to{opacity:1;transform:none}}:root:not([data-motion=off]) .ld[data-io] .ld-tl__end{view-timeline:--ld-end block}:root:not([data-motion=off]) .ld[data-io] .ld-cloud{animation:linear both ld-cloud-drift;animation-timeline:--ld-end;animation-range:cover}:root:not([data-motion=off]) .ld[data-io] .ld-band__img{animation:linear both ld-band-par;animation-timeline:view();animation-range:cover}:root:not([data-motion=off]) .ld[data-io] .ld-band__frame--gallery{view-timeline:--ld-gal block}:root:not([data-motion=off]) .ld[data-io] .ld-gal__col{animation:linear both ld-gal-drift;animation-timeline:--ld-gal;animation-range:cover}}}@keyframes ld-wave{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes ld-draw{0%{transform:rotate(-2deg)translateY(0)}to{transform:rotate(1.4deg)translateY(1.5px)}}@keyframes ld-float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes ld-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}@keyframes ld-bob{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}@keyframes ld-hero-scale{to{transform:scale(.8)}}@keyframes ld-shade{to{opacity:.4}}@keyframes ld-tile-pop{0%{transform:scale(0)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes ld-intro-in{0%{opacity:0;transform:translateY(8%)}to{opacity:1;transform:none}}@keyframes ld-grow{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ld-drift{0%{transform:translate3d(0, calc(var(--ld-speed,0) * 100vh), 0)}to{transform:translate3d(0, calc(var(--ld-speed,0) * -100vh), 0)}}@keyframes ld-cloud-drift{0%{transform:translate3d(var(--cl-start,0px), 0, 0)}to{transform:translate3d(var(--cl-end,0px), 0, 0)}}@keyframes ld-gal-drift{0%{translate:0}to{translate:0 var(--gal-d)}}@keyframes ld-band-par{0%{transform:translateY(-2em)}to{transform:translateY(2em)}}@keyframes ld-wave-scroll{to{transform:translate(-50%)}}@keyframes ld-marquee{to{transform:translate(-50%)}}.ld-flip{perspective:900px;font-weight:var(--weight-bold);font-size:var(--text-lg);border-radius:999px;text-decoration:none;display:inline-grid;position:relative}.ld-flip__face{white-space:nowrap;backface-visibility:hidden;border-radius:999px;grid-area:1/1;justify-content:center;align-items:center;min-height:56px;padding:0 32px;display:flex}.ld-flip__face--front{background:var(--ld-paper);color:var(--ld-ink)}.ld-flip--coral .ld-flip__face--front{background:var(--pop-coral);color:var(--ld-ink)}.ld-flip--sun .ld-flip__face--front{background:var(--pop-sun);color:var(--ld-ink)}.ld-flip--sky .ld-flip__face--front{background:var(--pop-sky);color:var(--ld-ink)}.ld-flip--grass .ld-flip__face--front{background:var(--pop-green);color:var(--ld-ink)}:is(.ld-flip--coral,.ld-flip--sun,.ld-flip--sky,.ld-flip--grass) .ld-flip__face--back{color:var(--ld-ink)}.ld-flip--coral .ld-flip__face--back{background:var(--pop-coral)}.ld-flip--sun .ld-flip__face--back{background:var(--pop-sun)}.ld-flip--sky .ld-flip__face--back{background:var(--pop-sky)}.ld-flip--grass .ld-flip__face--back{background:var(--pop-green)}.ld-flip__face--back{background:var(--ld-ink);color:var(--ld-paper);transform:rotateX(-180deg)}.ld-flip:hover .ld-flip__face--front,.ld-flip:focus-visible .ld-flip__face--front{transform:rotateX(180deg)}.ld-flip:hover .ld-flip__face--back,.ld-flip:focus-visible .ld-flip__face--back{transform:rotateX(0)}.ld-flip:focus-visible{outline:3px solid var(--ld-ink);outline-offset:3px}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .ld-flip__face{transition:transform .6s cubic-bezier(.34,1.4,.64,1)}}:root[data-ld-palette=studio] .ld.ld{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-well:#f2f6f5;--bg-chrome:#fff;--bg-raised:#fff;--bg-inset:#e8eeee;--bg-overlay:#fff;--bg-hover:#e6f1ef;--bg-active:#d6eee7;--border:#d3dee1;--border-strong:#9fb0b4;--text:#172a30;--text-muted:#46595f;--text-faint:#56686e;--text-inverse:#fbfdfc;--pop-green:#74ccb8;--pop-sky:#9cc4ff;--pop-coral:#b9a6ff;--pop-sun:#ffc4a3;--sandstone:#dce6e5;--accent:#0b6e69;--accent-hover:#085a56;--accent-soft:#0b6e691a;--accent-soft-strong:#0b6e692b;--accent-text:#0b6e69;--accent-contrast:#fff;--ring:#0b6e69;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#0b4f4c;--brand-surface-line:#ffffff24;--success:#16784a;--success-soft:#16784a1a;--warning:#94470b;--warning-soft:#94470b1a;--danger:#bf233a;--danger-soft:#bf233a17;--shadow-sm:0 0 0 1px #172a3012;--shadow-md:0 0 0 1px #172a3014, 0 10px 28px #14343c1f;--shadow-lift:0 0 0 1px #172a301a, 0 12px 26px #14343c24;--shadow-artboard:0 0 0 1px #172a301a, 0 2px 10px #14343c1f;--shadow-accent:0 6px 18px #0b6e6942;--ld-ink:#172a30;--ld-line:#172a30;--ld-hair:#172a30;--ld-paper:#fbfdfc;--ld-ink-soft:#172a30c7;--ld-ink-rule:#172a3033;--ld-placeholder:#627479;--ld-grass-deep:#3e9e8a;--ld-footer-bg:#0e4f4c;--ld-footer-ink:#eef6f5;--ld-footer-soft:#b8d3cf;--ld-footer-rule:#eef6f538}html:root[data-ld-palette=studio]:has(.ld){background-color:#dce6e5}html:root[data-ld-palette=studio]:has(.ld) body{background-color:#dce6e5}:root[data-ld-palette=studio] .ld-footer{--brand-logo:#93d6cd}.ld-gate__code{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums}.ld-gate__links{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.ld-gate__link{color:var(--accent-text,var(--accent));font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;padding:4px 2px}.ld-gate__link:disabled{color:var(--text-faint);cursor:default}.ld-gate__link:focus-visible{outline:2px solid var(--ring,var(--accent));outline-offset:2px;border-radius:4px}.theme-toggle__glyphs{place-items:center;width:17px;height:17px;display:grid}.theme-toggle__sun,.theme-toggle__moon{transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);grid-area:1/1}.theme-toggle[data-theme-state=light] .theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle[data-theme-state=light] .theme-toggle__moon{opacity:0;transform:rotate(-90deg)scale(.4)}.theme-toggle[data-theme-state=dark] .theme-toggle__sun{opacity:0;transform:rotate(90deg)scale(.4)}.theme-toggle[data-theme-state=dark] .theme-toggle__moon{opacity:1;transform:rotate(0)scale(1)}@media (prefers-reduced-motion:reduce){.theme-toggle__sun,.theme-toggle__moon{transition:opacity var(--motion-fast) var(--ease-out);transform:none!important}}.copy-fx{vertical-align:middle;flex-shrink:0;place-items:center;line-height:0;display:inline-grid}.copy-fx__glyph{grid-area:1/1}.copy-fx[data-state=done] .copy-fx__action,.copy-fx:not([data-state=done]) .copy-fx__check{opacity:0;transform:scale(0)}@keyframes copy-fx-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:.4;filter:blur(4px);transform:scale(0)}}@keyframes copy-fx-in{0%{opacity:.4;filter:blur(4px);transform:scale(0)}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .copy-fx[data-state=done] .copy-fx__action,:root:not([data-motion=off]) .copy-fx[data-state=back] .copy-fx__check{animation:.25s ease-in-out both copy-fx-out}:root:not([data-motion=off]) .copy-fx[data-state=done] .copy-fx__check,:root:not([data-motion=off]) .copy-fx[data-state=back] .copy-fx__action{animation:.25s ease-in-out both copy-fx-in}}.slide-pill{z-index:-1;width:var(--slide-w,0px);height:var(--slide-h,0px);translate:var(--slide-x,0px) var(--slide-y,0px);border-radius:var(--slide-r,var(--radius-sm));background-color:var(--accent-soft);opacity:0;pointer-events:none;transition:translate var(--slide-duration,.42s) var(--slide-ease,cubic-bezier(.22, 1, .36, 1)), width var(--slide-duration,.42s) var(--slide-ease,cubic-bezier(.22, 1, .36, 1)), height var(--slide-duration,.42s) var(--slide-ease,cubic-bezier(.22, 1, .36, 1)), border-radius var(--slide-duration,.42s) var(--slide-ease,cubic-bezier(.22, 1, .36, 1)), background-color var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);position:absolute;top:0;left:0}[data-slide=on]{isolation:isolate}[data-slide=on]>.slide-pill[data-shown]{opacity:1}.slide-pill[data-instant]{transition:none}.slide-pill[data-preview]{background-color:var(--bg-hover)}[data-slide=on]>:is([data-active],[data-selected],[aria-selected=true]){background-color:#0000!important}[data-slide=on]>.mobile-toolbar__button[data-active]:before{opacity:0}.rail[data-slide=on]>.rail__button[data-active]{animation:none}.toolbar-segmented>.slide-pill{background-color:var(--bg-overlay)}@media (prefers-reduced-motion:reduce){.slide-pill{transition:none}}.section-rail{gap:var(--space-1);overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 -1px 0 var(--border);display:flex;position:relative;overflow-x:auto}.section-rail::-webkit-scrollbar{display:none}.section-rail[data-overflowing]{cursor:grab}.section-rail[data-dragging]{cursor:grabbing;scroll-behavior:auto}.section-rail[data-overflowing]:after{content:"";z-index:1;width:var(--space-6);pointer-events:none;background:linear-gradient(to left, var(--rail-surface,var(--bg-chrome)) 15%, transparent);flex:none;align-self:stretch;margin-block-end:1px;margin-inline-start:calc(var(--space-6) * -1);position:sticky;inset-inline-end:0}[dir=rtl] .section-rail[data-overflowing]:after{background:linear-gradient(to right, var(--rail-surface,var(--bg-chrome)) 15%, transparent)}.section-rail[data-overflowing=start]:after{display:none}.section-rail[data-overflowing]:not([data-overflowing=end]):before{content:"";z-index:1;width:var(--space-6);pointer-events:none;background:linear-gradient(to right, var(--rail-surface,var(--bg-chrome)) 15%, transparent);flex:none;align-self:stretch;margin-block-end:1px;margin-inline-end:calc(var(--space-6) * -1);position:sticky;inset-inline-start:0}[dir=rtl] .section-rail[data-overflowing]:not([data-overflowing=end]):before{background:linear-gradient(to left, var(--rail-surface,var(--bg-chrome)) 15%, transparent)}.section-rail__mark{inset-block-end:0;z-index:1;width:var(--mark-w,0);background:var(--accent);height:2px;translate:var(--mark-x,0) 0;pointer-events:none;transition:translate var(--motion-base) var(--ease-spring), width var(--motion-base) var(--ease-spring);border-radius:2px 2px 0 0;position:absolute;left:0}.section-rail[data-tone=secondary] .section-rail__mark{display:none}.section-rail__tab{align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border:none;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);background:0 0;border-block-end:2px solid #0000;flex:none;display:inline-flex}.bottom-sheet .section-rail__tab{min-height:44px;font-size:var(--text-sm)}.section-rail__tab:hover{color:var(--text)}.section-rail__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.section-rail__tab[aria-selected=true]{color:var(--accent-text);font-weight:var(--weight-semibold)}.section-rail__count{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:1.5}.section-rail__tab[aria-selected=true] .section-rail__count{background:var(--accent-soft);color:var(--accent-text)}.section-rail[data-tone=secondary]{box-shadow:none}.section-rail[data-tone=secondary] .section-rail__tab{border-radius:var(--radius-pill);min-height:28px;font-size:var(--text-2xs);border-block-end-width:0}.bottom-sheet .section-rail[data-tone=secondary] .section-rail__tab{min-height:40px}.section-rail[data-tone=secondary] .section-rail__tab[aria-selected=true]{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){.section-rail{scroll-behavior:auto}.section-rail__mark,.section-rail__tab{transition:none}}.selection-rail{z-index:var(--z-sticky);opacity:0;transition:opacity var(--motion-fast) var(--ease-out);flex-direction:column;gap:5px;display:flex;position:fixed;top:0;left:0}.selection-rail[data-placed]{opacity:1}.selection-rail__button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;width:24px;height:24px;transition:transform var(--motion-fast) var(--ease-spring), background var(--motion-fast) var(--ease-out);background:#16181cb8;border:none;border-radius:50%;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex}.selection-rail__button:hover{transform:scale(1.08)}.selection-rail__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-rail__button--rotate{cursor:grab}.selection-rail__button--rotate:hover,.selection-rail[data-turning] .selection-rail__button--rotate{background:#e11d48}.selection-rail[data-turning] .selection-rail__button--rotate{cursor:grabbing}.selection-rail__rotate{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;height:24px;transition:background var(--motion-fast) var(--ease-out);background:#16181cb8;align-items:center;display:inline-flex}.selection-rail__rotate:hover,.selection-rail[data-turning] .selection-rail__rotate{background:#e11d48}.selection-rail__button--rotate{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex:none}.selection-rail__button--rotate:hover{background:0 0;transform:none}.selection-rail__angle,.selection-rail__unit{opacity:0;width:0;color:inherit;font:inherit;font-size:11px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:end;transition:width var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:0 0;border:none;padding:0;overflow:hidden}.selection-rail__angle:focus{outline:none}.selection-rail__rotate[data-rotating]{background:#e11d48}.selection-rail__rotate[data-open] .selection-rail__angle,.selection-rail__rotate[data-rotating] .selection-rail__angle{opacity:1;width:3.4ch}.selection-rail__rotate[data-open] .selection-rail__unit,.selection-rail__rotate[data-rotating] .selection-rail__unit{opacity:1;width:1ch;padding-inline-end:7px}.selection-rail__button--delete:hover{background:var(--danger,#b0392a)}.selection-rail[data-turning] .selection-rail__button--delete{opacity:0;pointer-events:none}@media (pointer:coarse){.selection-rail__button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.selection-rail__button{transition:background var(--motion-fast) var(--ease-out)}.selection-rail__button:hover,.selection-rail[data-turning] .selection-rail__button--rotate{transform:none}}.selection-ratio{z-index:var(--z-sticky);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;height:28px;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--ease-spring), opacity var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);background:#16181cc7;border:none;align-items:center;gap:6px;padding:0 11px;display:inline-flex;position:fixed;top:0;left:0}.selection-ratio[data-placed]{opacity:1}.selection-ratio:hover,.selection-ratio:focus-visible{background:#16181ceb}.selection-ratio:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-ratio:active{transform:scale(.96)}@media (pointer:coarse){.selection-ratio{height:36px;font-size:var(--text-sm);padding:0 14px}}@media (prefers-reduced-motion:reduce){.selection-ratio{transition:opacity var(--motion-fast) var(--ease-out)}.selection-ratio:active{transform:none}}.rulers{--ruler-bg:var(--bg-chrome);--ruler-line:var(--border);--ruler-tick:var(--text-faint);--ruler-label:var(--text-muted);--ruler-marker:#e5484d;--ruler-band:color-mix(in srgb, var(--accent) 18%, transparent);--ruler-guide:#00a3ff;--ruler-guide-snapped:#ff2d8a;z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ruler{pointer-events:auto;display:block;position:absolute}.ruler--top,.ruler--bottom{inset-inline:var(--ruler-size);width:calc(100% - var(--ruler-size) * 2);height:var(--ruler-size);cursor:ns-resize}.ruler--left,.ruler--right{inset-block:var(--ruler-size);width:var(--ruler-size);height:calc(100% - var(--ruler-size) * 2);cursor:ew-resize}.ruler--top{top:0}.ruler--bottom{bottom:0}.ruler--left{inset-inline-start:0}.ruler--right{inset-inline-end:0}.ruler-corner{width:var(--ruler-size);height:var(--ruler-size);background:var(--ruler-bg);color:var(--ruler-label);font-size:8px;font-weight:var(--weight-semibold);letter-spacing:.02em;pointer-events:auto;border:0;place-items:center;padding:0;line-height:1;display:grid;position:absolute}.ruler-corner--origin{top:0;border-inline-end:1px solid var(--ruler-line);border-block-end:1px solid var(--ruler-line);cursor:crosshair;inset-inline-start:0}.ruler-corner--blank{pointer-events:none}.ruler-corner--top-right{top:0;border-inline-start:1px solid var(--ruler-line);border-block-end:1px solid var(--ruler-line);inset-inline-end:0}.ruler-corner--bottom-left{bottom:0;border-inline-end:1px solid var(--ruler-line);border-block-start:1px solid var(--ruler-line);inset-inline-start:0}.ruler-corner--bottom-right{bottom:0;border-inline-start:1px solid var(--ruler-line);border-block-start:1px solid var(--ruler-line);inset-inline-end:0}.ruler-corner--origin:hover{color:var(--text)}.ruler-corner--origin:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.guide{top:0;--guide-reach:4px;pointer-events:auto;will-change:transform;position:absolute;inset-inline-start:0}.guide:after{content:"";background:var(--ruler-guide);position:absolute}.guide[data-axis=x]{width:calc(var(--guide-reach) * 2 + 1px);cursor:ew-resize;margin-inline-start:calc(var(--guide-reach) * -1)}.guide[data-axis=x]:after{width:1px;inset-block:0;inset-inline-start:var(--guide-reach)}.guide[data-axis=y]{height:calc(var(--guide-reach) * 2 + 1px);cursor:ns-resize;margin-block-start:calc(var(--guide-reach) * -1)}.guide[data-axis=y]:after{inset-inline:0;top:var(--guide-reach);height:1px}.guide[data-locked]{pointer-events:none;cursor:default}.guide[data-locked]:after{opacity:.7}.guide:hover:after{box-shadow:0 0 0 1px color-mix(in srgb, var(--ruler-guide) 45%, transparent)}.guide[data-active]:after{box-shadow:0 0 0 1px color-mix(in srgb, var(--ruler-guide) 55%, transparent)}.guide:focus-visible{outline:none}.guide:focus-visible:after{box-shadow:0 0 0 2px color-mix(in srgb, var(--ruler-guide) 70%, transparent)}.guide-tools{z-index:1;pointer-events:auto;gap:2px;display:flex;position:absolute}.guide-tools[data-axis=x]{flex-direction:column;transform:translate(-50%)}.guide-tools[data-axis=y]{flex-direction:row;transform:translateY(-50%)}.guide-tool{border:1px solid color-mix(in srgb, var(--ruler-guide) 55%, transparent);border-radius:var(--radius-xs,3px);background:var(--bg-raised);width:16px;height:16px;color:var(--ruler-guide);cursor:pointer;place-items:center;padding:0;display:grid}.guide-tool:hover{background:var(--ruler-guide);color:#fff}.guide-tool:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.guide[data-snapped]:after,.guide--draft[data-snapped]:after{background:var(--ruler-guide-snapped);box-shadow:0 0 0 1px color-mix(in srgb, var(--ruler-guide-snapped) 35%, transparent)}.guide[data-snapped],.guide--draft[data-snapped]{--ruler-guide:var(--ruler-guide-snapped)}@media (pointer:coarse){.guide{--guide-reach:11px}.guide-tool{width:26px;height:26px}.ruler-corner{font-size:9px}}.guide--draft{pointer-events:none}.guide--draft:after{background:var(--ruler-guide);opacity:.9}.rulers[data-dragging]{cursor:inherit}.canvas-area,.mobile-layout__canvas{--ruler-size:20px}@media (pointer:coarse){.canvas-area,.mobile-layout__canvas{--ruler-size:30px}}.canvas-area[data-rulers] .viewport-scroll,.mobile-layout__canvas[data-rulers] .viewport-scroll{inset:var(--ruler-size)}.desktop-quick-toolbar-layer{z-index:var(--z-sticky);pointer-events:none;position:absolute;inset:0}.desktop-quick-toolbar{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-overlay);box-shadow:var(--shadow-md);pointer-events:auto;transition:opacity var(--motion-fast) var(--ease-out);gap:2px;padding:3px;display:flex;position:absolute}.desktop-quick-toolbar--hidden{opacity:0;pointer-events:none}.desktop-quick-toolbar>button,.desktop-quick-toolbar>*>button{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);color:var(--text);background:0 0;border:none;place-items:center;padding:0;display:grid}.desktop-quick-toolbar>button:hover,.desktop-quick-toolbar>*>button:hover{background:var(--bg-hover)}.desktop-quick-toolbar>button:active,.desktop-quick-toolbar>*>button:active{background:var(--bg-active)}.desktop-quick-toolbar>button:focus-visible,.desktop-quick-toolbar>*>button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.desktop-quick-toolbar>button[aria-pressed=true],.desktop-quick-toolbar>*>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.desktop-quick-toolbar__danger{color:var(--danger)}.desktop-quick-toolbar__danger:hover{background:var(--danger-soft)}@media (prefers-reduced-motion:reduce){.desktop-quick-toolbar{transition:none}}@media (pointer:coarse){.desktop-quick-toolbar button{width:40px;height:40px}}.desktop-quick-toolbar__divider{background:var(--border);align-self:stretch;width:1px;margin:4px 2px}.quick-swatch{border:1px solid var(--border-strong);width:18px;height:18px;transition:transform var(--motion-base) var(--ease-spring);border-radius:50%;display:block}.desktop-quick-toolbar__color:hover .quick-swatch{transform:scale(1.12)}.quick-swatch[data-transparent]{background:linear-gradient(45deg, transparent 44%, var(--danger) 44%, var(--danger) 56%, transparent 56%), var(--bg-raised)!important}.desktop-quick-toolbar .toolbar-swatch{border-radius:50%}.desktop-quick-toolbar button:hover .toolbar-swatch{transform:scale(1.12)}.quick-swatch--ring{box-sizing:border-box;border:4px solid var(--ring-ink,#111);box-shadow:0 0 0 1px var(--border-strong);background:#fff}.quick-swatch.quick-swatch--ring[data-none]{box-shadow:none;border-style:dashed!important;border-width:2px!important;border-color:var(--text-faint)!important;background:0 0!important}.radial{z-index:1000;background:var(--bg-chrome);box-shadow:var(--shadow-lift);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;transform-origin:50%;border-radius:50%;outline:none;animation:.28s cubic-bezier(.3,1.32,.5,1) both radial-in;position:fixed}.radial[data-holding],.radial[data-state=closing]{pointer-events:none}.radial[data-state=closing]{pointer-events:none;animation:.11s ease-in both radial-out}@keyframes radial-in{0%{opacity:0;transform:scale(.5)}}@keyframes radial-out{to{opacity:0;transform:scale(.5)}}.radial:not([data-depth="1"]) .radial__svg,.radial:not([data-depth="1"]) .radial__items{animation:.2s cubic-bezier(.3,1.3,.5,1) both radial-swap}@keyframes radial-swap{0%{opacity:0;transform:scale(.82)rotate(-12deg)}}.radial__svg,.radial__items{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.radial__svg{overflow:visible}.radial__wedge,.radial__rim{fill:var(--bg-well);stroke:var(--border);stroke-width:1px;cursor:pointer;transition:fill 50ms ease-out}.radial__rim{stroke:none;fill:var(--bg-inset)}.radial__slice[data-state=active] .radial__wedge{fill:var(--bg-active)}.radial__slice[data-state=active] .radial__rim{fill:var(--accent)}.radial__slice[data-state=active][data-danger] .radial__wedge{fill:var(--danger-soft)}.radial__slice[data-state=active][data-danger] .radial__rim{fill:var(--danger)}.radial__slice[data-state=disabled]{opacity:.5}.radial__slice[data-state=disabled] .radial__wedge,.radial__slice[data-state=disabled] .radial__rim{cursor:default}.radial:focus-within .radial__slice[data-state=active] .radial__wedge{stroke:var(--ring)}.radial__centre{fill:var(--bg-overlay);stroke:var(--border-strong);stroke-width:1px;cursor:pointer}.radial__dot{fill:none;stroke:var(--text-faint);stroke-width:1.25px}.radial__items{pointer-events:none}.radial__item{width:36px;height:36px;color:var(--text-muted);font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;margin:-18px 0 0 -18px;padding:0;transition:color 50ms ease-out;display:grid;position:absolute}.radial__item[data-state=active]{color:var(--text)}.radial__item[data-danger]{color:var(--danger)}.radial__item[data-checked]{color:var(--accent-text)}.radial__item[data-state=disabled]{opacity:.38;cursor:default}.radial__glyph{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1}.radial__label{pointer-events:none;text-align:center;width:76px;color:var(--text);flex-direction:column;align-items:center;gap:2px;margin-left:-38px;display:flex;position:absolute;top:50%;left:50%;transform:translateY(-58%)}.radial__label-text{font-size:11px;font-weight:var(--weight-medium);overflow-wrap:anywhere;max-height:2.4em;line-height:1.2;overflow:hidden}.radial__label-hint{color:var(--text-faint);font-size:10px;line-height:1.2}@media (prefers-reduced-motion:reduce){.radial,.radial[data-state=closing],.radial .radial__svg,.radial .radial__items{animation:none}}[data-motion=off] .radial,[data-motion=off] .radial[data-state=closing],[data-motion=off] .radial .radial__svg,[data-motion=off] .radial .radial__items{animation:none}.radial:focus,.radial:focus-visible,.radial__item:focus-visible{box-shadow:var(--shadow-lift);outline:none}.radial__item:focus-visible{box-shadow:none}.paint-overlay{z-index:4;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0 auto auto 0;overflow:hidden}.paint-overlay[data-one-shot]{cursor:crosshair}.paint-overlay__preview,.paint-overlay__sheet{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paint-overlay__cursor{box-sizing:border-box;pointer-events:none;border-style:solid;border-color:#fff;display:none;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0000008c}.paint-overlay__cursor[data-shape=round]{border-radius:50%}.paint-overlay__cursor[data-tool=eraser]{background:#ffffff2e}.paint-overlay__cursor[data-tool=fill]{border-style:dashed}.paint-overlay__guide{border:0 dashed var(--accent);pointer-events:none;display:none;position:absolute;top:0;left:0}.paint-overlay__guide[data-axis=x]{border-top-style:dashed;width:100%}.paint-overlay__guide[data-axis=y]{border-left-style:dashed;height:100%}.paint-overlay__target{box-sizing:border-box;border:0 dashed var(--accent);transform-origin:0 0;pointer-events:none;position:absolute}.paint-bar-shell{width:min(760px,100% - 24px);animation:paint-bar-in var(--motion-base) var(--ease-out);position:relative}.paint-bar{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-overlay);width:100%;max-height:60vh;box-shadow:var(--shadow-md);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);transition:border-radius var(--motion-base) var(--ease-out), padding var(--motion-base) var(--ease-out);flex-direction:column;gap:6px;padding:8px 10px;display:flex;overflow-y:auto}@keyframes paint-bar-in{0%{opacity:0;transform:translateY(8px)}}.canvas-area>.paint-bar-dock{z-index:30;pointer-events:none;position:absolute;inset:0}.canvas-area>.paint-bar-dock>.paint-bar-shell{pointer-events:auto;margin-inline:auto;position:absolute;bottom:12px;left:0;right:0}.canvas-area>.paint-bar-dock>.paint-bar-shell[data-collapsed]{bottom:8px}.canvas-area>.paint-bar-dock>.paint-bar-shell[data-floating]{margin:0;animation:none;bottom:auto;right:auto}.canvas-area[data-paint-dock=collapsed] .viewport-scroll{bottom:64px}.canvas-area[data-rulers][data-paint-dock=collapsed] .viewport-scroll{bottom:calc(var(--ruler-size) + 64px)}.paint-bar__head{align-items:center;gap:6px;display:flex}.paint-bar__tools{border-radius:var(--radius-md);background:var(--bg-inset);gap:2px;padding:2px;display:flex}.paint-bar__tools button,.paint-bar__segmented button,.paint-bar__toggle{border-radius:var(--radius-sm);min-height:32px;color:var(--text-muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.paint-bar__tools button{min-height:36px;font-weight:600}.paint-bar__tools button:hover,.paint-bar__segmented button:hover,.paint-bar__toggle:hover{color:var(--text);background:var(--bg-hover)}.paint-bar__tools button[data-selected],.paint-bar__segmented button[data-selected],.paint-bar__toggle[data-selected]{background:var(--accent-soft);color:var(--accent-text)}.paint-bar__status{min-width:0;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex;overflow:hidden}.paint-bar__icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.paint-bar__icon:hover:not(:disabled){background:var(--bg-hover)}.paint-bar__icon:disabled{opacity:.4;cursor:default}.paint-bar__done{border-radius:var(--radius-pill);background:var(--accent);height:36px;color:var(--accent-contrast);font:inherit;cursor:pointer;border:0;align-items:center;gap:4px;padding:0 14px;font-weight:600;display:inline-flex}.paint-bar__done:hover{background:var(--accent-hover)}.paint-bar__options,.paint-bar__row{scrollbar-width:none;scroll-snap-type:x proximity;align-items:center;gap:8px;display:flex;overflow-x:auto}.paint-bar__options::-webkit-scrollbar{display:none}.paint-bar__row::-webkit-scrollbar{display:none}.paint-bar__segmented{border:1px solid var(--border);border-radius:var(--radius-md);flex:none;gap:2px;padding:2px;display:flex}.paint-bar__toggle{border:1px solid var(--border);flex:none}.paint-bar__swatches{gap:8px;padding:0 4px}.paint-bar__picker{align-items:flex-start;gap:4px;display:flex}.paint-bar__picker>:last-child{flex:1;min-width:0}.paint-bar__sizes{gap:4px}.paint-bar__size{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;width:38px;height:38px;display:grid}.paint-bar__size span{background:var(--text);display:block}.paint-bar__size span[data-shape=round]{border-radius:50%}.paint-bar__size:hover{background:var(--bg-hover)}.paint-bar__size[data-selected]{border-color:var(--accent);background:var(--accent-soft)}.paint-bar__size[data-selected] span{background:var(--accent-text)}.paint-bar__slider{flex:1;align-items:center;gap:8px;min-width:150px;padding-left:6px;display:flex}.paint-bar__slider input[type=range]{min-width:80px;accent-color:var(--accent);flex:1}.paint-bar__slider input[type=number]{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset);width:56px;height:30px;color:var(--text);font:inherit;padding:0 6px}.paint-bar__slider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paint-bar__slider input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.paint-bar__notice{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-xs);align-items:center;gap:8px;padding:6px 8px 6px 10px;display:flex}.paint-bar__notice[data-tone=error]{background:var(--danger-soft);color:var(--danger)}.paint-bar__notice span{flex:1}.paint-bar__notice button{border-radius:var(--radius-pill);min-height:26px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;flex:none;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.paint-bar__notice button[aria-label=Dismiss]{border:0;padding:0 4px}.paint-bar-dock .paint-bar__options{flex-wrap:wrap;overflow-x:visible}.paint-bar__handle{z-index:1;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-overlay);width:44px;height:22px;box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent;place-items:center;padding:0;display:grid;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.paint-bar__handle:hover{color:var(--text);background:var(--bg-raised);transform:translate(-50%)translateY(-1px)}.paint-bar__handle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.paint-bar__handle svg{transition:transform var(--motion-base) var(--ease-spring)}.paint-bar-shell[data-collapsed] .paint-bar__handle svg{transform:rotate(180deg)}.paint-bar__body{animation:paint-body-in var(--motion-base) var(--ease-out);flex-direction:column;gap:6px;display:flex}@keyframes paint-body-in{0%{opacity:0;transform:translateY(6px)}}.paint-bar-dock .paint-bar-shell[data-collapsed]{width:fit-content;max-width:calc(100% - 24px)}.paint-bar-shell[data-collapsed] .paint-bar{border-radius:var(--radius-pill);padding:5px 6px}.paint-bar-shell[data-collapsed] .paint-bar__tools,.paint-bar-shell[data-collapsed] .paint-bar__tools button{border-radius:var(--radius-pill)}.paint-bar-dock .paint-bar-shell[data-collapsed] .paint-bar__status{flex:none}.paint-bar-dock .paint-bar-shell[data-collapsed] .paint-bar__status:empty{display:none}.paint-bar__summary{border:1px solid var(--border);border-radius:var(--radius-pill);height:30px;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:0 10px 0 6px;display:inline-flex}.paint-bar__summary:hover{color:var(--text);background:var(--bg-hover)}.paint-bar__summary-colour{width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 15%, transparent);border-radius:50%}@media (prefers-reduced-motion:reduce){.paint-bar-shell,.paint-bar__body,.paint-bar__handle,.paint-bar__handle svg{transition:none;animation:none}}.paint-bar__grip{border-radius:var(--radius-sm);width:22px;height:36px;color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.paint-bar__grip:hover{color:var(--text);background:var(--bg-hover)}.paint-bar__grip:active{cursor:grabbing}.paint-bar-shell[data-collapsed] .paint-bar__grip{border-radius:var(--radius-pill);height:30px}.paint-bar-shell[data-floating] .paint-bar{box-shadow:var(--shadow-lift)}.paint-bar__mini-swatches{flex:none;align-items:center;gap:4px;padding:0 2px;display:flex}.paint-bar__mini-swatch{border:1px solid color-mix(in srgb, var(--text) 14%, transparent);color:#fff;cursor:pointer;width:22px;height:22px;transition:transform var(--motion-fast) var(--ease-spring);border-radius:50%;place-items:center;padding:0;display:grid}.paint-bar__mini-swatch:hover{transform:scale(1.12)}.paint-bar__mini-swatch[data-selected]{box-shadow:0 0 0 2px var(--bg-overlay), 0 0 0 3.5px var(--accent)}.paint-bar__mini-swatch--custom{background:conic-gradient(#ef4444,#f59e0b,#10b981,#0ea5e9,#6366f1,#ec4899,#ef4444)}.paint-overlay[data-tool=gradient]{cursor:crosshair}.paint-bar__slots{flex:none;align-items:center;gap:4px;display:flex}.paint-bar__slot{border:1px solid color-mix(in srgb, var(--text) 14%, transparent);border-radius:var(--radius-sm);cursor:pointer;flex:none;width:30px;height:30px;padding:0}.paint-bar__slot[data-selected]{box-shadow:0 0 0 2px var(--bg-overlay), 0 0 0 4px var(--accent)}.paint-bar__slot--fade{cursor:default;background:repeating-conic-gradient(#d4d4d8 0% 25%,#fff 0% 50%) 50%/10px 10px;display:block}.paint-bar__slot-swap{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.paint-bar__slot-swap:hover{color:var(--text);background:var(--bg-hover)}.paint-bar__slots-divider{background:var(--border);width:1px;height:24px;margin:0 4px}.paint-bar__midpoint{flex:1;min-width:180px;max-width:280px}.mobile-layout__canvas[data-paint-rail=open] .viewport-scroll{right:64px}.mobile-layout__canvas[data-rulers][data-paint-rail=open] .viewport-scroll{right:calc(var(--ruler-size) + 64px)}.paint-rail{z-index:40;scrollbar-width:none;border:1px solid var(--border);background:var(--bg-overlay);width:52px;max-height:calc(100% - 16px);box-shadow:var(--shadow-md);animation:paint-rail-in var(--motion-base) var(--ease-out);border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:6px 0;display:flex;position:absolute;top:50%;right:8px;overflow-y:auto;transform:translateY(-50%)}.paint-rail::-webkit-scrollbar{display:none}@keyframes paint-rail-in{0%{opacity:0;transform:translate(12px,-50%)}}.paint-rail__tools{flex-direction:column;gap:2px;display:flex}.paint-rail__tools button,.paint-rail__button,.paint-rail__fold{width:42px;height:42px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.paint-rail__fold{height:28px;color:var(--text-faint)}.paint-rail__tools button[data-selected],.paint-rail__button[data-selected]{background:var(--accent-soft);color:var(--accent-text)}.paint-rail__button:disabled{opacity:.4}.paint-rail__divider{background:var(--border);flex:none;width:24px;height:1px;margin:2px 0}.paint-rail__colour{width:26px;height:26px;box-shadow:0 0 0 2px var(--bg-overlay), 0 0 0 3px var(--border-strong);border-radius:50%;display:block}.paint-rail__size span{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.paint-rail__done{background:var(--accent);width:42px;height:42px;color:var(--accent-contrast);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-top:2px;padding:0;display:grid}.paint-rail-tab{z-index:40;border:1px solid var(--border);background:var(--bg-overlay);box-shadow:var(--shadow-md);color:var(--accent-text);cursor:pointer;border-right:0;border-radius:16px 0 0 16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 10px 8px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.paint-rail-tab__chevron{color:var(--text-faint);transform:rotate(180deg)}.paint-rail-panel{z-index:41;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-overlay);max-height:45%;box-shadow:var(--shadow-md);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);animation:paint-bar-in var(--motion-base) var(--ease-out);flex-direction:column;gap:6px;padding:6px 10px 10px;display:flex;position:absolute;bottom:8px;left:8px;right:68px;overflow-y:auto}.paint-rail-panel__head{align-items:center;gap:8px;font-weight:600;display:flex}.paint-rail-panel__head>span:first-child{flex:1}.paint-rail-panel__busy{color:var(--text-muted);font-size:var(--text-xs);font-weight:400}.paint-rail-panel__head button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.paint-rail-panel__body{flex-direction:column;gap:8px;display:flex}.paint-rail-panel .paint-bar__options{flex-wrap:wrap;overflow-x:visible}@media (prefers-reduced-motion:reduce){.paint-rail,.paint-rail-panel{animation:none}}.paint-overlay[data-eyedropper]{cursor:crosshair}.paint-bar__eyedropper{border:1px solid var(--border);background:var(--bg-overlay);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.paint-bar__eyedropper:hover{color:var(--text)}.paint-bar__eyedropper[data-selected]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.paint-rail-tab{touch-action:none;transition:box-shadow var(--motion-fast) var(--ease-out)}.paint-rail-tab[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-lift)}.paint-bar__target{border:1px dashed var(--border-strong);border-radius:var(--radius-pill);min-height:32px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 4px 0 10px;display:inline-flex}.paint-bar__target span:only-child{padding-right:6px}.paint-bar__target[data-scoped]{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.paint-bar__target b{text-overflow:ellipsis;vertical-align:bottom;max-width:140px;display:inline-block;overflow:hidden}.paint-bar__target button{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.paint-bar__target button:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.paint-mobile{z-index:40;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.paint-mobile__rail-area{flex:1;min-height:0;position:relative}.paint-mobile .paint-rail,.paint-mobile .paint-rail-panel{pointer-events:auto}.paint-mobile .paint-rail{max-height:calc(100% - 12px)}.paint-mobile .paint-rail-panel{overscroll-behavior:contain;flex:none;max-height:min(52%,420px);margin:0 8px 8px;position:relative;inset:auto}.paint-rail-panel .paint-bar__options,.paint-rail-panel .paint-bar__row{flex-wrap:wrap;overflow:visible}.paint-rail-panel .paint-bar__segmented{flex-wrap:wrap;max-width:100%}.paint-rail-panel .paint-bar__segmented button,.paint-rail-panel .paint-bar__toggle{min-height:36px}.paint-rail-panel .paint-bar__target{max-width:100%}.paint-rail-panel .paint-bar__target b{max-width:50vw}.paint-rail-panel .paint-bar__swatches{gap:6px;padding:2px}.paint-rail-panel .paint-bar__swatches .quick-strip__swatch{margin:0}.paint-rail-panel .paint-bar__slots{flex-basis:100%;margin-bottom:2px}.paint-rail-panel .paint-bar__slots-divider{display:none}.paint-rail-panel .paint-bar__slider,.paint-rail-panel .paint-bar__midpoint{flex:100%;min-width:0;max-width:none;padding-left:0}.paint-rail-panel .paint-bar__picker{flex-direction:column}@media (height<=560px){.paint-rail{gap:2px;width:46px;padding:4px 0}.paint-rail__tools button,.paint-rail__button,.paint-rail__done{width:36px;height:36px}.paint-rail__fold{width:36px;height:22px}.paint-rail__colour{width:22px;height:22px}.paint-mobile .paint-rail-panel{max-height:60%}.mobile-layout__canvas[data-paint-rail=open] .viewport-scroll{right:56px}}@media (height<=560px) and (orientation:landscape){.paint-mobile .paint-rail{border-radius:20px;grid-template-columns:repeat(2,36px);justify-content:center;gap:3px;width:auto;padding:6px;display:grid}.paint-mobile .paint-rail__tools{display:contents}.paint-mobile .paint-rail__fold,.paint-mobile .paint-rail__divider{grid-column:1/-1;justify-self:center}.paint-mobile .paint-rail__fold{width:100%}.paint-mobile .paint-rail__done{margin-top:0}.paint-mobile__rail-area{position:absolute;inset:0}.paint-mobile .paint-rail-panel{max-height:calc(100% - 16px);margin:0;position:absolute;bottom:8px;left:8px;right:104px}.mobile-layout__canvas[data-paint-rail=open] .viewport-scroll{right:100px}}.nudge-pad{flex:none;display:flex;position:relative}.nudge-pad__cross{bottom:calc(100% + var(--space-2));padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-overlay) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.7);backdrop-filter:blur(18px)saturate(1.7);box-shadow:var(--shadow-md);transform-origin:bottom;animation:nudge-pad-in var(--motion-base) var(--ease-spring) both;z-index:3;position:absolute;left:50%;translate:-50%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nudge-pad__cross{background:var(--bg-overlay)}}@keyframes nudge-pad-in{0%{opacity:0;transform:translateY(6px)scale(.94)}}.nudge-arrows{gap:var(--space-1);display:grid}.nudge-pad__cross .nudge-arrows{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,40px)}.quick-strip--nudge{align-items:center;gap:var(--space-2)}.quick-strip--nudge .nudge-arrows{grid-template-rows:40px;grid-template-columns:repeat(4,40px)}.quick-strip--nudge .nudge-pad__button[data-direction=left]{grid-area:1/1}.quick-strip--nudge .nudge-pad__button[data-direction=up]{grid-area:1/2}.quick-strip--nudge .nudge-pad__button[data-direction=down]{grid-area:1/3}.quick-strip--nudge .nudge-pad__button[data-direction=right]{grid-area:1/4}.quick-strip__done{padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);height:40px;color:var(--text);font-size:var(--text-sm);cursor:pointer;flex:none;font-weight:600}.nudge-pad__cross .nudge-pad__button[data-direction=up]{grid-area:1/2}.nudge-pad__cross .nudge-pad__button[data-direction=left]{grid-area:2/1}.nudge-pad__cross .nudge-pad__button[data-direction=down]{grid-area:2/2}.nudge-pad__cross .nudge-pad__button[data-direction=right]{grid-area:2/3}.nudge-pad__button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring);place-items:center;display:grid}.nudge-pad__button:hover{background:var(--bg-hover)}.nudge-pad__button:active{background:var(--bg-hover);transition-duration:var(--motion-fast);transform:scale(.88)}@media (prefers-reduced-motion:reduce){.nudge-pad__cross{animation:none}}.quick-toolbar-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.quick-toolbar-stack{align-items:flex-start;gap:var(--space-1);pointer-events:none;transition:opacity var(--motion-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute}.quick-toolbar-stack--hidden{opacity:0;pointer-events:none}.quick-toolbar{max-width:min(calc(100vw - 2 * var(--space-3)), 420px);padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-overlay) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.7);backdrop-filter:blur(18px)saturate(1.7);box-shadow:var(--shadow-md);pointer-events:auto;transition:opacity var(--motion-fast) var(--ease-out);display:flex;position:relative;overflow:hidden}.quick-toolbar__rail{gap:var(--space-1);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex:auto;min-width:0;display:flex;overflow:auto hidden}.quick-toolbar__rail::-webkit-scrollbar{display:none}.quick-toolbar__rail[data-overflowing]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%)}.quick-toolbar__rail[data-overflowing=start]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 18px),#0000 100%)}.quick-toolbar__rail[data-overflowing=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px 100%)}.quick-toolbar__rail>*{scroll-snap-align:center;flex:none}.quick-toolbar:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;border-top:1px solid #ffffff8c;position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.quick-toolbar{background:var(--bg-overlay)}}.quick-toolbar__rail button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}.quick-toolbar__rail button:hover{background:var(--bg-hover)}.quick-toolbar__rail button:active{background:var(--bg-active)}.quick-toolbar__rail button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.quick-toolbar__rail button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.quick-toolbar__danger{color:var(--danger)}.quick-toolbar__danger:hover{background:var(--danger-soft)}.quick-toolbar__swatch-button{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.quick-swatch--ring{box-shadow:0 0 0 1px #00000059;border-style:solid!important;border-width:4px!important;border-color:var(--ring-ink,#111)!important;background:#fff!important}.quick-toolbar__size-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}.quick-toolbar__swatch-button .quick-swatch{border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px}.quick-toolbar__stepper{border-radius:var(--radius-sm);background:var(--bg-subtle);flex:none;align-items:center;display:inline-flex}.quick-toolbar__stepper button{width:36px}.quick-toolbar__stepper-value{min-width:2.5ch;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}@media (prefers-reduced-motion:reduce){.quick-toolbar{scroll-behavior:auto;transition:none}}.quick-strip{align-items:center;gap:var(--space-1);max-width:min(calc(100vw - 2 * var(--space-3)), 420px);padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-overlay) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.7);backdrop-filter:blur(18px)saturate(1.7);box-shadow:var(--shadow-md);pointer-events:auto;transform-origin:0 100%;animation:quick-strip-in var(--motion-base) var(--ease-spring) both;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.quick-strip{background:var(--bg-overlay)}}@keyframes quick-strip-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}.quick-strip__swatches{gap:var(--space-1);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;min-width:0;padding:0 2px;display:flex;overflow-x:auto}.quick-strip__swatches::-webkit-scrollbar{display:none}.quick-strip__swatches[data-overflowing]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.quick-strip__swatches[data-overflowing=start]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%)}.quick-strip__swatches[data-overflowing=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%)}.quick-strip__swatch{border:1px solid color-mix(in srgb, var(--text) 12%, transparent);cursor:pointer;scroll-snap-align:center;-webkit-tap-highlight-color:transparent;width:32px;height:32px;transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-out);border-radius:50%;flex:none;margin:6px 0;padding:0}.quick-strip__swatch--custom{color:#fff;text-shadow:0 1px 2px #00000073;background:conic-gradient(#ef4444,#f59e0b,#10b981,#0ea5e9,#6366f1,#ec4899,#ef4444);place-items:center;display:grid}.quick-strip__swatch--none{background:linear-gradient(45deg, transparent 45%, var(--danger) 45%, var(--danger) 55%, transparent 55%), var(--bg-subtle)}.quick-strip__swatch:active{transform:scale(.9)}.quick-strip__swatch[data-selected]{box-shadow:0 0 0 2px var(--bg-overlay), 0 0 0 4px var(--accent)}.quick-strip__swatch:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.quick-strip__fonts{gap:var(--space-1);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.quick-strip__fonts::-webkit-scrollbar{display:none}.quick-strip__fonts[data-overflowing]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.quick-strip__fonts[data-overflowing=start]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 14px),#0000 100%)}.quick-strip__fonts[data-overflowing=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px 100%)}.quick-strip__font{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;scroll-snap-align:center;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border:1px solid #0000;flex:none}.quick-strip__font[data-selected]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.quick-strip__font:active{background:var(--bg-active)}.quick-strip__font:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.quick-strip__modes{border-inline-end:1px solid var(--border);flex:none;gap:2px;padding-inline-end:2px;display:flex}.quick-strip__modes button{border-radius:var(--radius-sm);width:36px;height:40px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:none;place-items:center;display:grid}.quick-strip__modes button[data-active]{background:var(--accent-soft);color:var(--accent-text)}.quick-strip__modes button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.quick-strip__panes{flex:1;min-width:0;position:relative}.quick-strip__pane{min-width:0;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring), visibility 0s linear var(--motion-base)}.quick-strip__panes[data-mode=colour] .quick-strip__pane[data-pane=width],.quick-strip__panes[data-mode=picker] .quick-strip__pane[data-pane=width],.quick-strip__panes[data-mode=width] .quick-strip__pane[data-pane=colour],.quick-strip__panes[data-mode=picker] .quick-strip__pane[data-pane=colour],.quick-strip__panes[data-mode=width] .quick-strip__pane[data-pane=picker],.quick-strip__panes[data-mode=colour] .quick-strip__pane[data-pane=picker],.quick-strip__panes[data-mode=picker] .quick-strip__pane[data-pane=swatches],.quick-strip__panes[data-mode=swatches] .quick-strip__pane[data-pane=picker]{opacity:0;pointer-events:none;visibility:hidden;position:absolute;inset:0;transform:translateY(10px)scale(.97)}.quick-strip__panes[data-mode=width] .quick-strip__pane[data-pane=width],.quick-strip__panes[data-mode=colour] .quick-strip__pane[data-pane=colour],.quick-strip__panes[data-mode=swatches] .quick-strip__pane[data-pane=swatches],.quick-strip__panes[data-mode=picker] .quick-strip__pane[data-pane=picker]{opacity:1;visibility:visible;transition-delay:0s;position:relative;transform:none}@media (prefers-reduced-motion:reduce){.quick-strip__pane{transition:opacity var(--motion-fast) var(--ease-out), visibility 0s;transform:none!important}}.quick-strip__picker{max-height:min(46dvh,340px);padding:var(--space-1) var(--space-2);overscroll-behavior:contain;overflow-y:auto}.quick-strip__slider{min-width:168px;padding:2px var(--space-2);flex:1}.quick-strip__actions{border-inline-start:1px solid var(--border);flex:none;gap:2px;padding-inline-start:2px;display:flex}.quick-strip__actions button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:none;place-items:center;display:grid}.quick-strip__actions button:active{background:var(--bg-active);color:var(--text)}.quick-strip__actions button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.quick-toolbar__swatch-button[data-active],.quick-toolbar__stepper-value[data-active]{background:var(--accent-soft)}.quick-toolbar__stepper-value{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}@media (prefers-reduced-motion:reduce){.quick-strip{animation:none}.quick-strip__swatch{transition:none}}.quick-toolbar__more{border-inline-start:1px solid var(--border);flex:none;margin-inline-start:var(--space-1);padding-inline-start:var(--space-1)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-well:#f6f7f8;--bg-workspace:#e8eaed;--bg-chrome:#fff;--bg-raised:#fff;--bg-inset:#eceef0;--bg-overlay:#fff;--bg-hover:#f0f2f0;--bg-active:#e1e9cd;--border:#dcdee1;--border-strong:#b8bbc0;--text:#2c2e2a;--text-muted:#5a5c52;--text-faint:#676960;--text-inverse:#fff;--pop-green:#8ed462;--pop-sky:#2ba0ff;--pop-coral:#ff705d;--pop-sun:#f5e211;--sandstone:#e0dbce;--accent:#2f6b1d;--accent-hover:#27591a;--accent-soft:#2f6b1d1f;--accent-soft-strong:#2f6b1d2e;--accent-text:#2f6b1d;--accent-contrast:#fff;--ring:#2f6b1d;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#2f6b1d;--brand-surface-line:#ffffff24;--hero-disc:var(--pop-green);--hero-dot:var(--pop-coral);--success:#146b34;--success-soft:#146b341a;--warning:#92400e;--warning-soft:#92400e1a;--danger:#b91c1c;--danger-soft:#b91c1c17;--shadow-sm:0 0 0 1px #2c2e2a12;--shadow-md:0 0 0 1px #2c2e2a14, 0 10px 28px #4440301f;--shadow-lift:0 0 0 1px #2c2e2a1a, 0 12px 26px #44403024;--shadow-artboard:0 0 0 1px #2c2e2a1a, 0 2px 10px #4440301f;--shadow-accent:0 6px 18px #2f6b1d47;--font-ui:"Inter", "Alyamama", system-ui, -apple-system, "Segoe UI", sans-serif;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:22px;--text-2xl:30px;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:4px;--radius-sm:10px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-pill:999px;--control-sm:28px;--control-md:32px;--control-lg:36px;--motion-fast:.12s;--motion-base:.18s;--motion-slow:.26s;--motion-slower:.42s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-sticky:10;--z-overlay:40;--z-sheet:100;--topbar-height:52px;--rail-width:72px;--tool-panel-width:264px;--inspector-width:320px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-well:#201f1a;--bg-workspace:var(--bg-well);--bg-chrome:#2a2924;--bg-raised:#32312b;--bg-inset:#24231e;--bg-overlay:#383630;--bg-hover:#373b2c;--bg-active:#414834;--border:#3d3b33;--border-strong:#4c4a40;--text:#f1ede0;--text-muted:#bdb8a8;--text-faint:#a6a18f;--text-inverse:#201f1a;--pop-green:#8ed462;--pop-sky:#2ba0ff;--pop-coral:#ff705d;--pop-sun:#f5e211;--sandstone:#4c4a40;--accent:#377d19;--accent-hover:#2f6b1d;--accent-soft:#8ed46229;--accent-soft-strong:#8ed4623d;--accent-text:#8ed462;--accent-contrast:#fff;--ring:#8ed462;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#2f3b24;--brand-surface-line:#f1ede01a;--success:#22c55e;--success-soft:#22c55e24;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--shadow-sm:0 0 0 1px #0006;--shadow-md:0 0 0 1px #00000073, 0 10px 28px #00000080;--shadow-lift:0 0 0 1px #00000080, 0 14px 30px #0000008c;--shadow-artboard:0 0 0 1px #00000080, 0 2px 12px #0000008c;--shadow-accent:0 6px 20px #8ed46233}:root[data-palette=studio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-well:#eff4f4;--bg-workspace:#e4e9ea;--bg-chrome:#fff;--bg-raised:#fff;--bg-inset:#e9eff0;--bg-overlay:#fff;--bg-hover:#e6f1ef;--bg-active:#d6eee7;--border:#d3dee1;--border-strong:#728589;--text:#172a30;--text-muted:#46595f;--text-faint:#56686e;--text-inverse:#fff;--accent:#0b6e69;--accent-hover:#085a56;--accent-soft:#0b6e691a;--accent-soft-strong:#0b6e692b;--accent-text:#0b6e69;--accent-contrast:#fff;--ring:#0b6e69;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#0b4f4c;--brand-surface-line:#ffffff24;--violet:#6a4be0;--violet-hover:#5a3dcf;--violet-soft:#6a4be01a;--violet-soft-strong:#6a4be02b;--violet-text:#5a3dcf;--violet-ring:#6a4be0;--mint:#cdece0;--mint-strong:#8fd3bc;--peach:#ffe0cc;--peach-strong:#ffb48c;--peach-ink:#7c3714;--hero-disc:#bfe6d8;--hero-dot:#ffb48c;--success:#16784a;--success-soft:#16784a1a;--warning:#94470b;--warning-soft:#94470b1a;--danger:#bf233a;--danger-soft:#bf233a17;--shadow-sm:0 0 0 1px #172a3012;--shadow-md:0 0 0 1px #172a3014, 0 10px 28px #14343c1f;--shadow-lift:0 0 0 1px #172a301a, 0 12px 26px #14343c24;--shadow-artboard:0 0 0 1px #172a301a, 0 2px 10px #14343c1f;--shadow-accent:0 6px 18px #0b6e6942}:root[data-palette=studio][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-well:#10171a;--bg-workspace:var(--bg-well);--bg-chrome:#172024;--bg-raised:#1d282d;--bg-inset:#131b1e;--bg-overlay:#223036;--bg-hover:#1f2e33;--bg-active:#1b3d3a;--border:#283639;--border-strong:#6a7f85;--text:#e6eff0;--text-muted:#a6b8bc;--text-faint:#93a7ac;--text-inverse:#10171a;--accent:#0f7c74;--accent-hover:#0b6e69;--accent-soft:#5ed3bf24;--accent-soft-strong:#5ed3bf38;--accent-text:#5ed3bf;--accent-contrast:#fff;--ring:#5ed3bf;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#12302e;--brand-surface-line:#e6eff01a;--violet:#6a4be0;--violet-hover:#5a3dcf;--violet-soft:#b3a2ff24;--violet-soft-strong:#b3a2ff38;--violet-text:#b3a2ff;--violet-ring:#b3a2ff;--mint:#1f4a42;--mint-strong:#2f7466;--peach:#4a3024;--peach-strong:#f3a37c;--peach-ink:#ffcfb3;--hero-disc:#1f4a42;--hero-dot:#f3a37c;--success:#4cc98a;--success-soft:#4cc98a24;--warning:#f2b55c;--warning-soft:#f2b55c24;--danger:#ff8a8f;--danger-soft:#ff8a8f24;--shadow-sm:0 0 0 1px #0006;--shadow-md:0 0 0 1px #00000073, 0 10px 28px #00000080;--shadow-lift:0 0 0 1px #00000080, 0 14px 30px #0000008c;--shadow-artboard:0 0 0 1px #00000080, 0 2px 12px #0000008c;--shadow-accent:0 6px 20px #5ed3bf2e}:root[data-palette=studio] :is(.paint-bar-shell,.paint-rail,.paint-rail-tab,.paint-rail-panel,.paint-mobile){--accent:var(--violet);--accent-hover:var(--violet-hover);--accent-soft:var(--violet-soft);--accent-soft-strong:var(--violet-soft-strong);--accent-text:var(--violet-text);--ring:var(--violet-ring)}:root[data-palette=studio] .ld{--bg-chrome:#fff;--bg-raised:#fff;--bg-overlay:#fff;--bg-active:#e1e9cd;--text:#2c2e2a;--text-muted:#5a5c52;--text-faint:#676960;--accent:#2f6b1d;--accent-hover:#27591a;--accent-soft:#2f6b1d1f;--accent-soft-strong:#2f6b1d2e;--accent-text:#2f6b1d;--accent-contrast:#fff;--ring:#2f6b1d;--brand:var(--accent);--brand-gradient:var(--accent);--brand-surface:#2f6b1d;--brand-surface-line:#ffffff24;--success:#146b34;--success-soft:#146b341a;--warning:#92400e;--warning-soft:#92400e1a;--danger:#b91c1c;--danger-soft:#b91c1c17;--shadow-sm:0 0 0 1px #2c2e2a12;--shadow-md:0 0 0 1px #2c2e2a14, 0 10px 28px #4440301f;--shadow-lift:0 0 0 1px #2c2e2a1a, 0 12px 26px #44403024;--shadow-artboard:0 0 0 1px #2c2e2a1a, 0 2px 10px #4440301f;--shadow-accent:0 6px 18px #2f6b1d47}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html,body{overflow-x:clip}body{font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);background:var(--bg-well);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.4}input,select,textarea{font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:focus{scroll-margin:56px 12px 64px}::selection{background:var(--accent);color:var(--accent-contrast)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);z-index:var(--z-sheet);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform var(--motion-fast) var(--ease-out);padding:8px 12px;text-decoration:none;position:absolute;inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);border:1px solid #0000;padding:0 14px;display:inline-flex}.button:active:not(:disabled){transition-duration:var(--motion-fast);transform:scale(.96)}.button--lg{height:var(--control-lg);padding:0 var(--space-5)}.button--primary{background:var(--accent);color:var(--accent-contrast)}.button--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.button--create{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm);transition:background var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.button--create:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.button--secondary{background:var(--bg-raised);border-color:var(--border);color:var(--text)}.button--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.icon-button{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:active:not(:disabled){transition-duration:var(--motion-fast);transform:scale(.9)}.icon-button--sm{width:var(--control-sm);height:var(--control-sm)}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-button:active:not(:disabled){background:var(--bg-active)}.icon-button[data-active]{background:var(--accent-soft);color:var(--accent-text)}.icon-button--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.field{min-width:0;margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);flex-direction:column;gap:6px;display:flex}.field:last-child{margin-bottom:0}.field input,.field textarea,.field select{width:100%;height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text);font-weight:var(--weight-regular);transition:border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out);outline:none;padding:0 8px}.field select{cursor:pointer;padding-inline-end:4px}.field textarea{resize:vertical;height:auto;min-height:68px;line-height:var(--leading-normal);padding:8px}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--border-strong)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--accent);background:var(--bg-raised);box-shadow:0 0 0 3px var(--accent-soft)}.field input[type=color]{cursor:pointer;width:100%;padding:3px}.field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.field input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:var(--radius-xs)}.field input[type=range]{height:24px;accent-color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.field--number input{text-align:start;font-variant-numeric:tabular-nums}.field--color{flex:1;min-width:0}.field__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field__value{font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--text-faint)}.segmented{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);flex:none;display:inline-flex;overflow:hidden}.segmented button{min-width:38px;height:calc(var(--control-md) - 2px);border-inline-end:1px solid var(--border);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:capitalize;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);padding:0 8px}.segmented button:last-child{border-inline-end:none}.segmented button:hover{background:var(--bg-hover);color:var(--text)}.segmented button[data-active]{background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-semibold)}.section{margin-bottom:var(--space-5)}.section:last-child{margin-bottom:0}.section__title{margin:0 0 var(--space-3);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.section--collapsible{margin-bottom:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.section__heading,.section__title--inline{margin:0}.disclosure__trigger{width:100%;min-height:var(--control-sm);color:var(--text-faint);text-align:start;align-items:center;gap:6px;padding:0;display:flex}.disclosure__trigger:hover .section__title--inline{color:var(--text-muted)}.disclosure__chevron{transition:transform var(--motion-fast) var(--ease-out);flex:none}.disclosure__trigger[aria-expanded=true] .disclosure__chevron{transform:rotate(90deg)}[dir=rtl] .disclosure__chevron{transform:rotate(180deg)}[dir=rtl] .disclosure__trigger[aria-expanded=true] .disclosure__chevron{transform:rotate(90deg)}.disclosure__body{padding-top:var(--space-3)}@media (prefers-reduced-motion:reduce){.disclosure__chevron{transition:none}}.menu{position:relative}.menu__panel{z-index:var(--z-overlay);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-overlay);min-width:208px;max-height:min(360px,100vh - 24px);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:6px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.menu__item{align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-md);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;color:var(--text);transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);padding:6px 8px;display:flex}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--bg-hover)}.menu__item[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text)}.menu__item[aria-checked=false] .menu__check{visibility:hidden}.menu__item:disabled{opacity:.4}.menu__item--danger{color:var(--danger)}.menu__item--danger:hover:not(:disabled),.menu__item--danger:focus-visible{background:var(--danger-soft)}.menu__item-icon{color:var(--text-faint);flex:none}.menu__item:hover .menu__item-icon,.menu__item:focus-visible .menu__item-icon{color:inherit}.menu__item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.menu__item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu__item-meta{font-size:var(--text-2xs);font-weight:var(--weight-regular);color:var(--text-faint)}.menu__check{color:var(--accent-text);flex:none}.menu__divider{background:var(--border);height:1px;margin:4px 2px}.menu__heading{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:2px 0 0;padding:4px 8px 0}.export-size{flex-direction:column;gap:6px;padding:4px 8px 8px;display:flex}.export-size__dims{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-faint)}.export-share{align-items:center;gap:var(--space-2);display:inline-flex}.save-status{padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;color:var(--text-faint);align-items:center;gap:6px;display:inline-flex}.save-status--saved{color:var(--success)}.save-status--unsaved{color:var(--text-muted)}.save-status--saving{color:var(--accent-text)}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.viewport-scroll{touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.viewport-scroll.is-panning{cursor:grabbing}.viewport-stage-positioner{position:relative}.viewport-stage-scaler{transform-origin:0 0;outline:1px solid var(--border-strong);box-shadow:var(--shadow-artboard);background:#fff;line-height:0}.artboard-label{top:-26px;align-items:center;gap:var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;position:absolute;inset-inline-start:0}.artboard-label__size{font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);color:var(--text-faint)}.zoom-bar{bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-overlay);box-shadow:var(--shadow-md);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.zoom-bar__button{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-xs);color:var(--text-muted);transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.zoom-bar__button:hover{background:var(--bg-hover);color:var(--text)}.zoom-bar__value{min-width:54px;height:var(--control-md);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--text);transition:background var(--motion-fast) var(--ease-out);padding:0 6px}.zoom-bar__value:hover{background:var(--bg-hover)}.zoom-bar__divider{background:var(--border);width:1px;height:18px;margin:0 2px}.properties-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.properties-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);margin:0}.properties-panel__head-actions{gap:2px;display:flex}.properties-panel__grid-2{gap:0 var(--space-3);grid-template-columns:1fr 1fr;display:grid}.properties-panel__row{align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.properties-panel__row:last-child,.properties-panel__row--fields>.field{margin-bottom:0}.properties-panel__opacity{margin-bottom:var(--space-4)}.properties-panel__align-grid{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.properties-panel__align-grid .icon-button{width:100%;height:var(--control-md)}.layers-panel__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.layer{display:block}.layer__row{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;min-height:34px;transition:background var(--motion-fast) var(--ease-out);padding:2px 4px 2px 6px;display:flex}.layer__row:hover{background:var(--bg-hover)}.layer__row[data-selected]{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.layer__select{border-radius:var(--radius-xs);min-width:0;height:28px;color:inherit;text-align:start;flex:1;align-items:center;gap:6px;display:flex}.layer__icon{color:var(--text-faint);flex:none}.layer__row[data-selected] .layer__icon{color:var(--accent-text)}.layer__label{min-width:0;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.layer__row[data-selected] .layer__label{font-weight:var(--weight-semibold);color:var(--text)}.layer__row[data-hidden] .layer__label{color:var(--text-faint);text-decoration:line-through;text-decoration-thickness:1px}.layers-panel__sublist{border-inline-start:1px solid var(--border);margin-inline-start:13px;padding-inline-start:9px}.layer__disclosure{width:18px;height:18px;color:var(--text-faint);flex:none}.layer__disclosure-spacer{flex:none;width:18px}.layer__row[data-open-group]{background:var(--bg-hover);box-shadow:inset 2px 0 0 var(--text-faint)}.layer__badge{border-radius:var(--radius-xs);background:var(--bg-inset);color:var(--text-muted);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;flex:none;padding:1px 5px}.layer__actions{flex:none;align-items:center;gap:1px;display:flex}.layer__actions .icon-button{color:var(--text-faint)}.layer__actions .icon-button[data-active]{color:var(--accent-text)}.layer__rename{border:1px solid var(--accent);border-radius:var(--radius-xs);background:var(--bg-inset);min-width:0;height:24px;font-size:var(--text-xs);flex:1;padding:0 6px}.mobile-layout{background:var(--bg-workspace);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.mobile-topbar{align-items:center;gap:var(--space-2);height:calc(52px + var(--safe-top));padding:calc(var(--safe-top) + 6px) var(--space-2) 6px;background:var(--bg-chrome);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.mobile-topbar__title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mobile-topbar__title>span:first-child{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-topbar__title .save-status{padding:0}.mobile-topbar__actions{align-items:center;gap:2px;display:flex}.mobile-layout__canvas{background:var(--bg-workspace);flex:1;min-height:0;position:relative}.mobile-toolbar{align-items:stretch;gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + var(--safe-bottom));background:var(--bg-chrome);border-top:1px solid var(--border);flex-shrink:0;display:flex}.mobile-toolbar--selection{border-top-color:var(--accent)}.mobile-strip-dock{padding:var(--space-2) var(--space-2) 0;background:var(--bg-chrome);flex-shrink:0;justify-content:center;display:flex}.mobile-strip-dock .quick-strip{background:var(--bg-raised);width:100%;max-width:100%;box-shadow:none}.mobile-toolbar__done{color:var(--accent-text)}.mobile-toolbar__slot{min-width:62px;min-height:48px;font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);scroll-snap-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 8px;line-height:1.1;display:flex}.mobile-toolbar__slot>.popover,.mobile-toolbar__slot>button{width:auto;min-width:0;height:auto}.mobile-toolbar__slot button{width:28px;height:24px;color:inherit;background:0 0;border:none;padding:0}.mobile-toolbar__slot .quick-toolbar__size-button,.mobile-toolbar__slot .quick-stepper{width:auto}.mobile-toolbar__rail{gap:var(--space-1);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.mobile-toolbar__rail::-webkit-scrollbar{display:none}.mobile-toolbar__rail[data-overflowing]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%)}.mobile-toolbar__rail[data-overflowing=start]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 20px),#0000 100%)}.mobile-toolbar__rail[data-overflowing=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20px 100%)}.mobile-toolbar__button{border-radius:var(--radius-md);min-width:62px;min-height:48px;font-size:10px;font-weight:var(--weight-medium);color:var(--text-muted);scroll-snap-align:center;-webkit-tap-highlight-color:transparent;transition:color var(--motion-base) var(--ease-out);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 8px;line-height:1.1;display:flex;position:relative}.mobile-toolbar__more{flex:none;min-width:56px}.mobile-toolbar__button:before{content:"";border-radius:inherit;background:var(--accent-soft);opacity:0;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring);position:absolute;inset:0;transform:scale(.72)}.mobile-toolbar__button[data-active]:before{opacity:1;transform:scale(1)}.mobile-toolbar__button:active:before{opacity:1;transform:scale(.94)}.mobile-toolbar__icon,.mobile-toolbar__label{transition:transform var(--motion-base) var(--ease-spring);position:relative}.mobile-toolbar__label{white-space:nowrap}.mobile-toolbar__button[data-active] .mobile-toolbar__icon{transform:translateY(-2px)scale(1.08)}.mobile-toolbar__button:active .mobile-toolbar__icon{transform:scale(.92)}.mobile-toolbar__button[data-active]{color:var(--accent-text);font-weight:var(--weight-semibold)}@media (prefers-reduced-motion:reduce){.mobile-toolbar__button:before,.mobile-toolbar__icon,.mobile-toolbar__label{transition:opacity var(--motion-fast) var(--ease-out);transform:none!important}}.bottom-sheet-overlay{z-index:var(--z-sheet);animation:fade-in var(--motion-base) var(--ease-out) both;background:#08090c99;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;max-height:92dvh;padding-bottom:var(--safe-bottom);border:1px solid var(--border);background:var(--bg-overlay);box-shadow:var(--shadow-lift);animation:sheet-up var(--motion-slow) var(--ease-out) both;transition:height var(--motion-base) var(--ease-spring), transform var(--motion-base) var(--ease-out);border-bottom:none;border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);flex-direction:column;display:flex}@media (width<=639px){.bottom-sheet[data-size=tall]{height:88dvh}}.bottom-sheet__head{border-bottom:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex-direction:column;flex:none;display:flex}.bottom-sheet__grabber{border-radius:var(--radius-pill);background:var(--border-strong);cursor:grab;-webkit-tap-highlight-color:transparent;width:64px;height:22px;transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);background-clip:content-box;border:none;margin:2px auto 0;padding:8px 12px;display:block}.bottom-sheet__grabber:active{background:var(--text-muted);cursor:grabbing;background-clip:content-box;transform:scaleX(.88)}.bottom-sheet__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);display:flex}.bottom-sheet__close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.bottom-sheet__close:hover{background:var(--bg-hover);color:var(--text)}.bottom-sheet__close:active{transform:scale(.9)}.bottom-sheet__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.bottom-sheet__content{min-height:0;padding:var(--space-4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}@media (width>=640px) and (width<=1023px){.bottom-sheet-overlay{justify-content:flex-end;align-items:stretch}.bottom-sheet{border:1px solid var(--border);border-radius:0;width:min(380px,60vw);height:100%;max-height:none;animation:sheet-in-end var(--motion-slow) var(--ease-out) both;border-inline-end:none;border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);padding-bottom:0}.bottom-sheet__grabber{display:none}.bottom-sheet__head{padding-top:var(--space-3);padding-bottom:var(--space-3)}}@keyframes sheet-in-end{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .bottom-sheet{animation-name:sheet-up}@media (width>=640px) and (width<=1023px){[dir=rtl] .bottom-sheet{animation-name:sheet-in-end-rtl}}@keyframes sheet-in-end-rtl{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.properties-panel__hint{margin:var(--space-4) 0 0;font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--text-faint)}.properties-panel__wide-action{justify-content:center;width:100%}html,body{overscroll-behavior:none}.editor,.mobile-layout{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.editor input,.editor textarea,.editor [contenteditable],.mobile-layout input,.mobile-layout textarea,.mobile-layout [contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.export-panel{gap:var(--space-3);padding:var(--space-3);flex-direction:column;min-width:248px;display:flex}.export-panel[data-variant=sheet]{min-width:0;padding:var(--space-4) var(--space-4) var(--space-3);gap:var(--space-4)}.export-field{gap:var(--space-2);flex-direction:column;display:flex}.export-field__label{color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.export-field__hint{color:var(--text-muted);font-size:var(--text-2xs);line-height:1.5}.export-select{align-items:center;display:flex;position:relative}.export-select__input{width:100%;height:var(--control-md,40px);padding-inline:var(--space-3);appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-raised) 72%, transparent);-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;padding-inline-end:calc(var(--space-3) + 20px);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #0000000f}.export-select__input:hover:not(:disabled){border-color:var(--border-strong,var(--border));background:color-mix(in srgb, var(--bg-raised) 88%, transparent)}.export-select__input:focus-visible{outline:2px solid var(--ring,var(--accent));outline-offset:2px}.export-select__input:disabled{opacity:.55;cursor:default}.export-select__chevron{color:var(--text-faint);pointer-events:none;position:absolute;inset-inline-end:var(--space-3)}.export-flag{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:flex}.export-flag[data-disabled]{cursor:default}.export-flag input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.export-flag__box{border:1px solid var(--border-strong,var(--border));border-radius:var(--radius-sm,5px);background:color-mix(in srgb, var(--bg-raised) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0000;flex:none;justify-content:center;align-items:center;width:17px;height:17px;margin-block-start:1px;display:flex;box-shadow:inset 0 1px #ffffff73}.export-flag input:checked+.export-flag__box{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.export-flag input:focus-visible+.export-flag__box{outline:2px solid var(--ring,var(--accent));outline-offset:2px}.export-flag__text{flex-direction:column;gap:1px;min-width:0;display:flex}.export-flag__label{font-size:var(--text-sm)}.export-flag__why{color:var(--text-faint);font-size:var(--text-2xs)}.export-flag[data-disabled] .export-flag__label,.export-flag[data-disabled] .export-flag__box{opacity:.5}.export-dims{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-faint);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.export-go{gap:var(--space-2);height:var(--control-md,40px);width:100%}.export-share-row{align-items:center;gap:var(--space-2);padding:var(--space-2) 0 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);text-align:start;display:flex}.export-share-row:hover:not(:disabled){color:var(--text)}.export-withheld{max-width:264px;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.55}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.export-select__input,.export-flag__box{background:var(--bg-raised)}}.settings-switch{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);cursor:pointer;display:flex}.settings-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-switch__box{border:1px solid var(--border-strong,var(--border));background:var(--bg-inset,var(--bg-well));width:38px;height:22px;transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);border-radius:999px;flex:none;margin-top:1px;position:relative}.settings-switch__box:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:translate var(--motion-base) var(--ease-spring), background var(--motion-base) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.settings-switch input:checked+.settings-switch__box{border-color:var(--accent);background:var(--accent)}.settings-switch input:checked+.settings-switch__box:after{background:#fff;translate:16px}.settings-switch input:checked+.settings-switch__box:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{translate:-16px}.settings-switch input:focus-visible+.settings-switch__box{outline:2px solid var(--ring,var(--accent));outline-offset:2px}.settings-switch__text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-switch__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.settings-switch__hint{color:var(--text-faint);font-size:var(--text-2xs);line-height:1.5}:root{--brand-logo:#0e4f4c}[data-theme=dark]{--brand-logo:#93d6cd}.brand-wordmark{color:var(--brand-logo);flex:none;display:block}.brand-wordmark--text{letter-spacing:-.02em;white-space:nowrap;font-weight:800;line-height:1}:root{--header-height:56px;--context-bar-height:48px;--status-bar-height:36px;--rail-width:76px;--rail-panel-width:288px;--edit-panel-width:300px}.editor{background:var(--bg-chrome);grid-template-rows:auto auto 1fr auto;width:100%;height:100%;display:grid;overflow:hidden}.editor__body{min-height:0;display:flex}.canvas-area{background:var(--bg-workspace);flex:1;min-width:0;min-height:0;position:relative}.editor-header{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-chrome);display:flex}.editor-header__left,.editor-header__right{align-items:center;gap:var(--space-2);min-width:0;display:flex}.editor-header__left{flex:1}.editor-header__home{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:background var(--motion-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.editor-header__home:hover{background:var(--bg-hover)}.editor-header__home-hint{background:var(--bg-chrome);color:var(--text-muted);border-radius:4px;padding:1px;position:absolute;bottom:2px;right:2px}.editor-header__identity{flex-direction:column;gap:1px;min-width:0;display:flex}.editor-header__meta{align-items:center;gap:var(--space-2);min-width:0;display:flex}.editor-header__size{border-radius:var(--radius-xs);color:var(--text-faint);font-size:var(--text-2xs);white-space:nowrap;cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);align-items:center;gap:6px;padding:2px 6px;display:flex}.editor-header__size:hover{background:var(--bg-hover);color:var(--text-muted)}.editor-header__dims{color:var(--text-faint);font-variant-numeric:tabular-nums}.editor-header__history{border-inline-end:1px solid var(--border);gap:2px;padding-inline-end:var(--space-2);display:flex}.project-name{border-radius:var(--radius-xs);max-width:40ch;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:start;cursor:text;transition:background var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;margin-inline-start:-6px;padding:2px 6px;display:block;overflow:hidden}.project-name:hover:not(:disabled){background:var(--bg-hover)}.project-name:disabled{cursor:default;opacity:.7}.project-name__text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.project-name--editing{border-color:var(--accent);background:var(--bg-inset);cursor:text}.context-bar{align-items:center;gap:var(--space-2);height:var(--context-bar-height);padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-raised);display:flex}.context-bar__actions{flex-wrap:nowrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.context-bar__tail{flex:none;align-items:center;gap:4px;display:flex}.context-bar__label{border-inline-start:1px solid var(--border);color:var(--text-faint);font-size:var(--text-2xs);white-space:nowrap;flex:none;margin:0;padding-inline-start:var(--space-3)}.toolbar-button{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 7px;display:inline-flex}.toolbar-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.toolbar-button:disabled{opacity:.45;cursor:default}.toolbar-button[data-active]{background:var(--accent-soft);color:var(--accent-text)}.toolbar-button--wide{padding:0 10px}.toolbar-button--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.toolbar-button__text{white-space:nowrap}.toolbar-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-xs);width:18px;height:18px;display:block}.toolbar-field{flex:none;align-items:center;display:flex}.toolbar-field select,.toolbar-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset);height:32px;color:var(--text);font-size:var(--text-xs);padding:0 6px}.toolbar-field--font select{max-width:148px}.toolbar-field--size input{font-variant-numeric:tabular-nums;width:62px}.toolbar-segmented{border-radius:var(--radius-sm);background:var(--bg-inset);flex:none;padding:2px;display:flex}.toolbar-segmented__button{border-radius:var(--radius-xs);min-width:34px;height:26px;color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);padding:0 7px}.toolbar-segmented__button[data-active]{background:var(--bg-overlay);color:var(--text)}.popover{display:inline-flex;position:relative}.popover__panel{z-index:var(--z-overlay);min-width:176px;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-overlay);box-shadow:var(--shadow-md);overscroll-behavior:contain;animation:popover-in var(--motion-fast) var(--ease-out);position:fixed;top:0;left:0}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}}.popover__handle{align-items:center;gap:4px;margin-block-end:var(--space-2);display:flex}.popover__grip{border-radius:var(--radius-sm);block-size:18px;color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:0;flex:1;place-items:center;padding:0;display:grid}.popover__grip:hover{color:var(--text);background:var(--bg-hover)}.popover__grip:active{cursor:grabbing}.popover__panel[data-moved]{box-shadow:var(--shadow-lift)}.popover__row{gap:4px;display:flex}.popover__grid{grid-template-columns:repeat(3,auto);gap:4px;display:grid}.popover__stack{gap:var(--space-2);flex-direction:column;min-width:208px;display:flex}.popover__option{padding:var(--space-2);border-radius:var(--radius-sm);text-align:start;cursor:pointer;transition:background var(--motion-fast) var(--ease-out);flex-direction:column;gap:1px;display:flex}.popover__option:hover{background:var(--bg-hover)}.popover__option[data-active]{background:var(--accent-soft)}.popover__option-label{color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.popover__option-hint{color:var(--text-faint);font-size:var(--text-2xs)}.rail-wrapper{flex:none;display:flex;position:relative}.rail{width:var(--rail-width);padding:var(--space-2) 6px;border-inline-end:1px solid var(--border);background:var(--bg-chrome);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.rail__button{border-radius:var(--radius-md);color:var(--text-muted);font-size:10px;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);flex-direction:column;align-items:center;gap:4px;padding:9px 2px;display:flex}.rail__button:hover{background:var(--bg-hover);color:var(--text)}.rail__button[data-active]{background:var(--accent-soft);color:var(--accent-text)}.rail-panel{width:var(--rail-panel-width);border-inline-end:1px solid var(--border);background:var(--bg-chrome);animation:panel-in var(--motion-base) var(--ease-out);flex-direction:column;display:flex}@keyframes panel-in{0%{opacity:0;transform:translate(-8px)}}.rail-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border);display:flex}.rail-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.rail-panel__body{min-height:0;padding:var(--space-3);scrollbar-gutter:stable;flex:1;overflow-y:auto}.edit-panel{width:var(--edit-panel-width);border-inline-start:1px solid var(--border);background:var(--bg-chrome);animation:edit-panel-in var(--motion-base) var(--ease-out);flex-direction:column;flex:none;display:flex}@keyframes edit-panel-in{0%{opacity:0;transform:translate(8px)}}.edit-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border);display:flex}.edit-panel__identity{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.edit-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.edit-panel__type{color:var(--text-faint);font-size:var(--text-2xs)}.edit-panel__breadcrumb{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-2xs);display:flex}.edit-panel__body{min-height:0;padding:var(--space-3);flex:1;overflow-y:auto}.status-bar{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--status-bar-height);padding:0 var(--space-3);border-top:1px solid var(--border);background:var(--bg-chrome);color:var(--text-faint);font-size:var(--text-2xs);display:flex}.status-bar__info{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.status-bar__dot{background:var(--text-faint);border-radius:50%;width:3px;height:3px}.status-bar__zoom{align-items:center;gap:2px;display:flex}.status-bar__percent{border-radius:var(--radius-xs);min-width:52px;color:var(--text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;padding:0 4px}.status-bar__percent:hover{background:var(--bg-hover);color:var(--text)}.modal-backdrop{z-index:calc(var(--z-sheet) - 10);overscroll-behavior:contain;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));animation:fade-in var(--motion-fast) var(--ease-out);background:#00000080;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-overlay);width:min(560px,100%);max-height:min(84dvh,720px);box-shadow:var(--shadow-md);animation:modal-in var(--motion-base) var(--ease-out);flex-direction:column;margin:auto;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal--compact{width:min(420px,100%);padding:var(--space-4)}.modal__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.modal__body{min-height:0;padding:var(--space-4);overscroll-behavior:contain;flex:1;overflow-y:auto}.modal__body-text{margin:var(--space-2) 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.modal__body-text strong{color:var(--text);overflow-wrap:anywhere}.modal__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.modal__actions .button{height:40px;padding-inline:var(--space-4)}.settings-section+.settings-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.settings-section__title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.settings-themes{gap:var(--space-2);display:flex}.settings-theme{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);display:flex}.settings-theme[data-active]{border-color:var(--accent);color:var(--text)}.settings-palettes{margin-top:var(--space-3)}.settings-palette-swatches{gap:3px;display:inline-flex}.settings-palette-swatches>span{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0000001f}.settings-hint{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-2xs);align-items:center;gap:6px;display:flex}.settings-shortcuts+.settings-shortcuts{margin-top:var(--space-4)}.settings-shortcuts__group{margin:0 0 var(--space-2);color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.settings-shortcuts__list{gap:2px;margin:0;display:grid}.settings-shortcuts__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-xs);padding:5px 0;display:flex}.settings-shortcuts__row dt{color:var(--text-muted)}.settings-shortcuts__row dd{margin:0}.settings-shortcuts__row kbd{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-inset);color:var(--text);white-space:nowrap;padding:2px 6px;font-family:inherit;font-size:11px}.settings-about{align-items:flex-start;gap:var(--space-3);display:flex}.settings-about__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.settings-about__body{max-width:46ch;color:var(--text-muted);font-size:var(--text-xs);margin:2px 0 0;line-height:1.5}.sheet-list{flex-direction:column;gap:2px;display:flex}.sheet-list__item{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);text-align:start;cursor:pointer;transition:background var(--motion-fast) var(--ease-out);display:flex}.sheet-list__item:hover,.sheet-list__item:active{background:var(--bg-hover)}.sheet-list__item--danger{color:var(--danger)}.sheet-list__item>span:first-of-type{flex:1;min-width:0}.sheet-list__hint{color:var(--text-faint);font-size:var(--text-2xs)}@media (width<=1439px){:root{--rail-panel-width:256px;--edit-panel-width:276px}}@media (width<=1279px){.rail-panel{top:0;bottom:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md);position:absolute;inset-inline-start:100%}.editor-header__download-text{display:none}}@media (width<=1120px){.editor-header__size span:first-child{display:none}.project-name{max-width:22ch}.context-bar__label{display:none}}@media (prefers-reduced-motion:reduce){.popover__panel,.rail-panel,.edit-panel,.modal,.modal-backdrop{animation:none}.toolbar-button,.rail__button,.project-name,.editor-header__home,.editor-header__size,.status-bar__percent,.settings-theme{transition:none}}.text-overlay{transform-origin:0 0;z-index:var(--z-overlay);align-items:center;display:flex;position:absolute}.text-overlay__input{resize:none;white-space:pre-wrap;word-break:break-word;caret-color:currentColor;background:0 0;border:0;outline:none;width:100%;height:auto;max-height:100%;margin:0;padding:0;display:block;overflow:hidden}.text-overlay:after{content:"";border:2px solid var(--accent);pointer-events:none;border-radius:2px;position:absolute;inset:-2px}.text-overlay__input::selection{background:var(--accent-soft-strong)}.drop-ghost{z-index:var(--z-overlay);border:2px dashed var(--accent);background:var(--accent-soft);pointer-events:none;border-radius:2px;position:absolute}.drop-ghost[data-invalid]{border-color:var(--danger);background:var(--danger-soft)}.drop-confirm{z-index:var(--z-sheet);left:50%;bottom:var(--space-6);align-items:center;gap:var(--space-3);max-width:min(460px, calc(100% - var(--space-8)));padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-overlay);box-shadow:var(--shadow-lift);display:flex;position:absolute;translate:-50%}.drop-confirm__body{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted);margin:0}.drop-confirm__actions{gap:var(--space-2);flex:none;display:flex}.element-tile,.text-preset,.template-card[draggable=true],.asset-tile{cursor:grab}.element-tile:active,.text-preset:active,.template-card[draggable=true]:active,.asset-tile:active{cursor:grabbing}.resize-hint{left:50%;bottom:var(--space-5);z-index:var(--z-overlay);padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-overlay);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring), background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);position:absolute;transform:translateY(6px)}.resize-hint[data-visible]{opacity:1;transform:translateY(0)}.resize-hint[data-snapped]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-accent)}.popover__panel{overscroll-behavior:contain;max-width:calc(100vw - 16px);overflow:hidden auto}.editor-header__rulers{border-inline-end:1px solid var(--border);align-items:center;gap:0;padding-inline-end:var(--space-2);display:flex}.editor-header__rulers .icon-button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft,var(--bg-hover))}.icon-button--tiny{width:18px;min-width:18px;color:var(--text-faint);padding:0}.icon-button--tiny:hover{color:var(--text)}.menu__item-hint{color:var(--text-faint);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto}.editor-header__new{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);height:30px;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring);align-items:center;gap:5px;padding:0 10px;display:flex}.editor-header__new:hover{background:var(--bg-hover)}.editor-header__new:active{transform:scale(.95)}@media (width<=860px){.editor-header__new-text{display:none}.editor-header__new{justify-content:center;width:30px;padding:0}}.toolbar-swatch--ring{box-sizing:border-box;border:4px solid var(--text);box-shadow:0 0 0 1px var(--border-strong), inset 0 0 0 1px var(--border-strong);background:0 0}.toolbar-swatch--ring[data-none]{border:2px dashed var(--text-faint);box-shadow:none}.pro-crown{color:#b8860b;fill:#f0c65a;flex:none}.pro-mark{border-radius:var(--radius-full,999px);background:var(--bg-overlay);width:20px;height:20px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:6px;inset-inline-end:6px}.template-card[data-locked],.diagram-card[data-locked]{position:relative}.template-card[data-locked] .template-card__preview,.diagram-card[data-locked] .diagram-card__preview{opacity:.55}.template-card[data-locked]:hover .template-card__preview,.diagram-card[data-locked]:hover .diagram-card__preview{opacity:.75}.modal__title .pro-crown{vertical-align:-2px;margin-inline-end:var(--space-2)}.tool-panel__stack{gap:var(--space-2);flex-direction:column;display:flex}.tool-panel__item{min-height:52px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);flex-direction:column;gap:2px;display:flex}.tool-panel__item:hover{border-color:var(--border-strong);background:var(--bg-hover)}.tool-panel__item--action{align-items:center;gap:var(--space-2);min-width:200px;min-height:44px;color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-direction:row;align-self:flex-start}.tool-panel__item--action:hover:not(:disabled){border-color:var(--accent)}.tool-panel__item-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.tool-panel__item-meta{color:var(--text-faint);font-size:var(--text-2xs)}.tool-panel__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.tool-panel__shape{justify-content:center;align-items:center;gap:var(--space-2);min-height:84px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-muted);font-size:var(--text-2xs);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);flex-direction:column;display:flex}.tool-panel__shape:hover{border-color:var(--accent);color:var(--text)}.tool-panel__swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.tool-panel__swatch{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}.tool-panel__swatch[data-active]{outline:2px solid var(--accent);outline-offset:2px}.tool-panel__swatch-mark{background:var(--bg-overlay);width:18px;height:18px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex}.tool-panel__custom-color{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text-muted);font-size:var(--text-xs);display:flex}.tool-panel__custom-color input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:0 0;width:44px;height:28px;padding:0}.tool-panel__note{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-2xs);line-height:1.5}.asset-library{gap:var(--space-3);flex-direction:column;display:flex}.asset-library__status,.asset-library__error{color:var(--text-muted);font-size:var(--text-xs);margin:0}.asset-library__error{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);display:flex}.asset-grid{align-items:start;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(116px,1fr));margin:0;padding:0;list-style:none;display:grid}.asset-tile-wrap{height:100%;position:relative}.asset-tile{width:100%;height:100%;padding:0 0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);text-align:start;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out);flex-direction:column;gap:2px;display:flex;overflow:hidden}.asset-tile:hover:not(:disabled){border-color:var(--accent)}div.asset-tile{cursor:default}.asset-tile__preview{aspect-ratio:4/3;width:100%;margin-bottom:var(--space-2);background:var(--bg-inset);color:var(--text-faint);justify-content:center;align-items:center;display:flex;overflow:hidden}.asset-tile__preview img{object-fit:contain;width:100%;height:100%}.asset-tile__name,.asset-tile__meta,.asset-tile__usage{padding-inline:var(--space-2)}.asset-tile__name{font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-tile__meta,.asset-tile__usage{color:var(--text-faint);font-size:11px}.asset-tile__usage[data-unused]{color:var(--text-muted)}.asset-tile__delete{top:6px;width:var(--control-md);height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:6px}.asset-tile__delete:hover{color:var(--danger)}.asset-tile-wrap:hover .asset-tile__delete,.asset-tile__delete:focus-visible{opacity:1}@media (hover:none){.asset-tile__delete{opacity:1;width:44px;height:44px}}.asset-confirm{padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft)}.asset-confirm__body{margin:0 0 var(--space-3);font-size:var(--text-xs);line-height:1.5}.asset-confirm__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);text-align:center;flex-direction:column;display:flex}.empty-state__icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.empty-state__body{max-width:34ch;color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.55}.empty-state__action{margin-top:var(--space-2)}.layer__row{cursor:grab;transition:transform var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);position:relative}.layer__row:active{cursor:grabbing}.layer__row .icon-button,.layer__row .layer__actions button{cursor:pointer}.layer__row[data-dragging]{z-index:2;background:var(--bg-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);cursor:grabbing;transition:box-shadow var(--motion-fast) var(--ease-out);pointer-events:none}.layer-drop-line{background:var(--accent);opacity:0;pointer-events:none;z-index:3;height:2px;transition:transform var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);border-radius:999px;margin-top:-1px;position:absolute;top:0}.layer-drop-line[data-visible]{opacity:1}.layer-drop-line:before{content:"";inset-inline-start:0;background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.layers-panel__list[data-dragging] .layer__row:not([data-dragging]):hover{background:0 0}.layers-panel__list{position:relative}.layers-panel__list[data-dragging]{cursor:grabbing}.stock-photos{margin-bottom:var(--space-3)}.stock-tile__preview{aspect-ratio:1;margin-bottom:4px;position:relative}.stock-tile__preview img{object-fit:cover}.stock-tile__busy{background:var(--bg-chrome);border-radius:999px;padding:6px;position:absolute}.stock-tile .asset-tile__name{padding:0 var(--space-2);font-size:var(--text-2xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stock-more{align-self:center}.layer__opacity{margin-inline-start:18px;padding:2px 6px 8px}.layer__opacity .slider-field{min-width:0}.layer__opacity .slider-field__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.layer__opacity .slider-field__range{touch-action:none}@media (pointer:coarse){.layer__opacity .slider-field__range{height:36px}.layer__opacity .slider-field__range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.layer__opacity .slider-field__range::-moz-range-thumb{width:20px;height:20px}}.panel{gap:var(--space-4);--panel-surface:var(--bg-chrome);--panel-gutter:var(--space-3);flex-direction:column;min-width:0;display:flex}.bottom-sheet .panel,.bottom-sheet .asset-library{--panel-surface:var(--bg-overlay);--panel-gutter:var(--space-4)}.home-main .asset-library{--panel-surface:var(--bg-well);--panel-gutter:var(--space-4)}.panel-search+*{margin-block-start:var(--space-2)}.panel-search{z-index:var(--z-sticky);align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);box-shadow:0 0 0 var(--panel-gutter) var(--panel-surface);transition:border-color var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out);display:flex;position:sticky;top:0}.panel-search:focus-within{border-color:var(--accent);background:var(--bg-raised)}.panel-search:focus-within:after{content:"";border-radius:var(--radius-pill);border:2px solid var(--ring);pointer-events:none;position:absolute;inset:-3px}.panel-search__icon{flex:none;display:flex}.panel-search__input{min-width:0;height:100%;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.panel-search__input::placeholder{color:var(--text-faint)}.panel-search__clear{width:var(--control-sm);height:var(--control-sm);color:var(--text-muted);cursor:pointer;transition:background var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.panel-search__clear:hover{background:var(--bg-hover);color:var(--text)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.bottom-sheet .chip{min-height:44px}.chip{min-height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex:none}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip:active{transition-duration:var(--motion-fast);transform:scale(.94)}.chip[data-active]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-semibold)}.panel-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.panel-row__label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.panel-section{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.panel-section__title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:6px;margin:0;display:flex}.panel-section__count{border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:0;padding:1px 6px;font-size:10px}.panel-status{color:var(--text-faint);font-size:var(--text-xs);margin:0}.panel-empty{padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.panel-empty__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}.panel-empty__body{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.panel-empty__link{color:var(--accent-text);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.template-grid,.element-grid,.text-preset-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.template-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start}.bottom-sheet .template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.template-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);width:100%;color:var(--text);text-align:start;cursor:pointer;transition:border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex-direction:column;gap:6px;padding:0;display:flex;overflow:hidden}.template-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card:active{transition-duration:var(--motion-fast);transform:translateY(0)scale(.98)}.template-card[aria-busy=true]{position:relative}.template-card__busy{z-index:1;background:var(--bg-chrome);border-radius:999px;width:fit-content;height:fit-content;margin:auto;padding:8px;position:absolute;inset:0}.template-card__preview{background:var(--bg-inset);width:100%;display:block;overflow:hidden}.template-card__svg{width:100%;height:100%;display:block}.template-card__label{padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-card__meta{padding:0 var(--space-2) var(--space-2);font-size:var(--text-2xs);color:var(--text-muted)}.vector-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));margin:0;padding:0;list-style:none;display:grid}.bottom-sheet .vector-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.vector-card{width:100%;padding:var(--space-2) 4px 6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);cursor:pointer;transition:border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex-direction:column;align-items:center;gap:4px;display:flex}.vector-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vector-card:active{transition-duration:var(--motion-fast);transform:translateY(0)scale(.96)}.vector-card__art{aspect-ratio:1;width:100%;display:block}.vector-card__label{max-width:100%;font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-confirm{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-inset);flex-direction:column;display:flex}.panel-confirm__body{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted);margin:0}.panel-confirm__actions{gap:var(--space-2);display:flex}.panel-confirm__actions .button{flex:1}.element-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.element-tile{content-visibility:auto;contain-intrinsic-size:auto 84px;width:100%;min-height:84px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);cursor:pointer;transition:border-color var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex-direction:column;align-items:center;gap:6px;display:flex}.element-tile:hover{border-color:var(--accent);background:var(--bg-hover)}.element-tile:active{transition-duration:var(--motion-fast);transform:scale(.95)}.element-tile__art{width:100%;height:42px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.element-tile__art img{object-fit:contain;max-width:100%;max-height:100%}.element-tile__label{max-width:100%;font-size:var(--text-2xs);color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.swatch-row{flex-wrap:wrap;gap:6px;display:flex}.color-picker{min-width:0;max-width:340px}.color-picker .section-rail{--rail-surface:var(--bg-overlay);margin-block-end:8px}.color-picker .section-rail__tab{min-width:calc((100% - 3 * var(--space-1)) / 4);justify-content:center}.swatch-grid{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.swatch-grid .swatch{width:100%;height:22px;animation:swatch-in var(--motion-base) var(--ease-out) backwards;animation-delay:calc(min(var(--i,0) * 12ms, .26s))}@keyframes swatch-in{0%{opacity:0;transform:translateY(5px)scale(.86)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.swatch-grid .swatch{animation:none}}.swatch-row--grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.swatch{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.swatch--lg{width:100%;height:44px}.swatch:hover{transform:scale(1.08)}.swatch[data-active]{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 4px var(--accent)}.swatch__mark{background:var(--accent);width:18px;height:18px;color:var(--accent-contrast);border-radius:50%;justify-content:center;align-items:center;display:flex}.text-preset-list{grid-template-columns:1fr}.text-preset{width:100%;min-height:56px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--text);text-align:start;cursor:pointer;transition:border-color var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);flex-direction:column;align-items:stretch;gap:2px;display:flex;overflow:hidden}.text-preset:hover{border-color:var(--accent);background:var(--bg-hover)}.text-preset:active{transition-duration:var(--motion-fast);transform:scale(.99)}.text-preset{--preset-heading:22px;--preset-subheading:16px;--preset-body:13px}.text-preset__sample{white-space:nowrap;text-overflow:ellipsis;line-height:1.3;display:block;overflow:hidden}.text-preset__meta{font-size:var(--text-2xs);color:var(--text-faint)}.color-picker{gap:var(--space-3);flex-direction:column;min-width:232px;display:flex}.color-picker__top{z-index:1;align-items:stretch;gap:var(--space-2);background:var(--bg-overlay);padding-block:2px;display:flex;position:sticky;top:0}.color-picker__spectrum{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-inset);cursor:pointer;flex:none;width:48px;height:48px;padding:2px}.color-picker__spectrum::-webkit-color-swatch-wrapper{padding:0}.color-picker__spectrum::-webkit-color-swatch{border-radius:var(--radius-sm);border:0}.color-picker__fields{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.color-picker__hex{width:100%;height:var(--control-md);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text);font-family:var(--font-ui);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-transform:lowercase;outline:none}.color-picker__hex:focus-visible{border-color:var(--accent)}.color-picker__tools{gap:4px;display:flex}.swatch--none{color:var(--text-muted);background:linear-gradient(45deg, transparent 47%, var(--danger) 47%, var(--danger) 53%, transparent 53%), var(--bg-inset)}.swatch__mark[data-on-light]{background:var(--text);color:var(--bg-raised)}.toolbar-swatch[data-transparent]{background:linear-gradient(45deg, transparent 47%, var(--danger) 47%, var(--danger) 53%, transparent 53%), var(--bg-inset)!important}.color-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.color-field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.color-field__trigger{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text);cursor:pointer;transition:border-color var(--motion-base) var(--ease-out);display:flex}.color-field__trigger:hover{border-color:var(--border-strong)}.color-field__swatch{border:1px solid var(--border-strong);border-radius:var(--radius-xs);flex:none;width:22px;height:22px}.color-field__swatch[data-transparent]{background:linear-gradient(45deg, transparent 45%, var(--danger) 45%, var(--danger) 55%, transparent 55%), var(--bg-raised)!important}.color-field__value{min-width:0;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slider-field{flex-direction:column;gap:6px;min-width:180px;display:flex}.slider-field__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.slider-field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.slider-field__number{border-radius:var(--radius-sm);background:var(--bg-inset);transition:border-color var(--motion-base) var(--ease-out);border:1px solid #0000;align-items:center;gap:2px;padding:2px 6px;display:flex}.slider-field__number:focus-within{border-color:var(--accent)}.slider-field__input{width:3.5ch;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0;outline:none}.slider-field__unit{color:var(--text-faint);font-size:var(--text-2xs)}.slider-field__range{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:20px;margin:0;padding:0}.slider-field__range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--slider-fill,0%), var(--bg-active) var(--slider-fill,0%));height:4px}.slider-field__range::-webkit-slider-thumb{appearance:none;border:2px solid var(--bg-raised);background:var(--accent);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--ease-spring);border-radius:50%;margin-top:-6px}.slider-field__range:hover::-webkit-slider-thumb{transform:scale(1.15)}.slider-field__range:active::-webkit-slider-thumb{transform:scale(1.3)}.slider-field__range::-moz-range-track{border-radius:var(--radius-pill);background:var(--bg-active);height:4px}.slider-field__range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:4px}.slider-field__range::-moz-range-thumb{border:2px solid var(--bg-raised);background:var(--accent);border-radius:50%;width:14px;height:14px}.swatch--custom{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-inset);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:border-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);justify-content:center;align-items:center;padding:0;display:flex}.swatch--custom:hover{border-color:var(--accent);color:var(--accent-text);transform:scale(1.08)}.swatch__custom-mark{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swatch__custom-mark[data-active]{box-shadow:inset 0 0 0 1px var(--border-strong)}.swatch--transparent{background:repeating-conic-gradient(#d9d9d9 0 25%, #fff 0 50%) 0 0 / 12px 12px}.background-remove{justify-content:center;gap:8px;width:100%}:root{--home-nav-width:224px}.home{background:var(--bg-well);min-height:100dvh;color:var(--text);flex-direction:column;display:flex}.home-nav{inset-inline:0;z-index:var(--z-sticky);align-items:center;gap:var(--space-1);padding:6px var(--space-2);padding-bottom:max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-chrome);display:flex;position:fixed;bottom:0}.home-nav__brand{display:none}.home-nav__links{gap:var(--space-1);flex:1;display:flex}.home-nav__footer{flex:none;display:flex}.home-nav__link{min-width:56px;min-height:48px;padding:0 var(--space-2);border-radius:var(--radius-lg);color:var(--text-muted);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.home-nav__link:hover{background:var(--bg-hover);color:var(--text)}.home-nav__link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.home-content{flex-direction:column;flex:1;min-width:0;padding-bottom:68px;display:flex}.home-top{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3), env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-chrome);display:flex;position:sticky;top:0}.home-top__inner{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:1280px;margin-inline:auto;display:flex}.home-search{align-items:center;gap:var(--space-2);min-width:0;max-width:520px;height:44px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);transition:border-color var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);flex:1;display:flex}.home-search:hover{background:var(--bg-raised);border-color:var(--border-strong)}.home-search:focus-within{border-color:var(--accent);background:var(--bg-raised);box-shadow:0 0 0 4px var(--accent-soft)}.home-search input{min-width:0;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;flex:1}.home-search input::placeholder{color:var(--text-faint)}.create-button{height:44px;padding:0 var(--space-5);font-size:var(--text-base);flex:none}.home-main{width:100%;max-width:1280px;padding:var(--space-4) var(--space-4) var(--space-8);flex:1;margin-inline:auto}.home-main:focus{outline:none}.home-title{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;display:flex}.home-title--sub{font-size:var(--text-base)}.home-title__count{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-regular)}.home-subtitle{margin:-6px 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.home-status{color:var(--text-muted);font-size:var(--text-sm);margin:0}.home-error{align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);font-size:var(--text-xs);line-height:1.5;display:flex}.home-error>svg{color:var(--danger);flex:none;margin-top:2px}.create-menu{flex-direction:column;width:min(320px,100vw - 32px);display:flex}.create-menu__search{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-muted);display:flex}.create-menu__search input{min-width:0;color:var(--text);font-size:var(--text-xs);background:0 0;border:0;flex:1}.create-menu__list{max-height:240px;margin:var(--space-2) 0 0;padding:0;list-style:none;overflow-y:auto}.create-menu__item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);text-align:start;cursor:pointer;transition:background var(--motion-fast) var(--ease-out);display:flex}.create-menu__item:hover{background:var(--bg-hover)}.create-menu__glyph{flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.create-menu__ratio{border:1.5px solid var(--accent-text);background:var(--accent-soft);border-radius:2px}.create-menu__text{flex-direction:column;gap:1px;min-width:0;display:flex}.create-menu__label{color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.create-menu__hint{color:var(--text-faint);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.create-menu__empty{padding:var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);list-style:none}.create-menu__custom{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.create-menu__custom-title{margin:0 0 var(--space-2);color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-semibold)}.create-menu__custom-row{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.create-menu__custom-row .field{flex:96px;min-width:0;margin-bottom:0}.create-menu__custom-row .button{height:var(--control-md);flex:none}.create-menu__custom-hint{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-2xs)}.home-hero{isolation:isolate;margin-bottom:var(--space-6);padding:var(--space-6) var(--space-5);background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:32px;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:-1;background:var(--hero-disc);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;inset-block-start:-72px;inset-inline-end:-64px}.home-hero:after{content:"";z-index:-1;background:var(--hero-dot);pointer-events:none;border-radius:50%;width:26px;height:26px;position:absolute;inset-block-end:18px;inset-inline-end:196px}.home-hero__title{font-size:clamp(var(--text-xl), 4vw, var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em;margin:0}.home-hero__body{max-width:54ch;margin:var(--space-2) 0 0;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-muted)}@media (width>=640px){.home-hero{padding:var(--space-8) var(--space-8)}}.start-row{gap:var(--space-2);padding:0 0 var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0;list-style:none;display:flex;overflow-x:auto}.start-row>li{scroll-snap-align:start;flex:none}.start-grid{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.start-tile{width:128px;min-height:116px;padding:var(--space-3);border-radius:var(--radius-xl);background:var(--bg-raised);box-shadow:var(--shadow-sm);color:var(--text);text-align:start;cursor:pointer;transition:box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring), background var(--motion-base) var(--ease-out);border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.start-tile:hover:not(:disabled){background:var(--bg-raised);box-shadow:var(--shadow-lift);transform:translateY(-4px)}.start-tile:active:not(:disabled){transition-duration:var(--motion-fast);transform:translateY(-1px)scale(.98)}.start-tile:disabled{opacity:.55;cursor:default}.start-tile__frame{width:100%;height:44px;margin-bottom:var(--space-2);justify-content:flex-start;align-items:center;display:flex}.start-tile__ratio{border:1.5px solid var(--accent-text);background:var(--accent-soft);transition:background var(--motion-base) var(--ease-out), transform var(--motion-slow) var(--ease-spring);border-radius:3px}.start-tile:hover:not(:disabled) .start-tile__ratio{background:var(--accent-soft-strong);transform:scale(1.08)}:root[data-palette=studio] :is(.start-row,.start-grid)>li:nth-child(3n+2) .start-tile__ratio{border-color:var(--violet-text);background:var(--violet-soft)}:root[data-palette=studio] :is(.start-row,.start-grid)>li:nth-child(3n) .start-tile__ratio{border-color:var(--peach-ink);background:color-mix(in srgb, var(--peach-strong) 24%, transparent)}.start-tile__label{-webkit-line-clamp:2;min-height:2.6em;font-size:var(--text-xs);font-weight:var(--weight-semibold);-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.start-tile__hint{color:var(--text-faint);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.project-grid{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));margin:0;padding:0;list-style:none;display:grid}.project-card{height:100%;position:relative}.project-card__open{border-radius:var(--radius-lg);background:var(--bg-raised);width:100%;height:100%;box-shadow:var(--shadow-sm);color:var(--text);text-align:start;cursor:pointer;transition:box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring);border:1px solid #0000;flex-direction:column;padding:0;display:flex;overflow:hidden}.project-card__open:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.project-card__open:active{transition-duration:var(--motion-fast);transform:translateY(-1px)scale(.99)}.project-card__preview{background:var(--bg-inset);width:100%;max-height:210px;color:var(--text-faint);justify-content:center;align-items:center;display:flex;overflow:hidden}.project-card__preview img{object-fit:contain;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out);display:block}.project-card__open:hover .project-card__preview img{transform:scale(1.04)}.project-card__placeholder{background:var(--bg-inset);justify-content:center;align-items:center;width:100%;height:100%;min-height:80px;display:flex}.project-card__body{padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;gap:2px;display:flex}.project-card__name{font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card__meta{color:var(--text-faint);font-size:var(--text-2xs)}.project-card__actions{top:6px;position:absolute;inset-inline-end:6px}.project-card__menu-button{width:var(--control-md);height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-overlay);box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring), color var(--motion-base) var(--ease-out);justify-content:center;align-items:center;display:flex;transform:scale(.8)}.project-card__menu-button:hover{color:var(--text)}.project-card:hover .project-card__menu-button,.project-card__menu-button:focus-visible,.project-card__menu-button[aria-expanded=true]{opacity:1;transform:scale(1)}@media (hover:none){.project-card__menu-button{opacity:1;width:44px;height:44px;transform:scale(1)}}.project-card--renaming{padding:var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--bg-raised);align-items:center;display:flex}.project-card__rename{width:100%;height:40px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text);font-size:var(--text-xs)}.project-card__rename:focus-visible{border-color:var(--accent)}.home-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.home-empty__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.home-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.home-empty__body{max-width:44ch;color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.55}.route-missing{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-6);text-align:center;background:var(--bg-well);color:var(--text);flex-direction:column;display:flex}.route-missing__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.route-missing__body{max-width:46ch;color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.55}.save-status--retry{cursor:pointer}.save-status__action{font-weight:var(--weight-semibold);margin-inline-start:var(--space-1);text-decoration:underline}@media (width>=640px){.home{flex-direction:row}.home-nav{top:0;inset-inline:auto;align-items:stretch;gap:var(--space-1);width:var(--home-nav-width);height:100dvh;padding:var(--space-4) var(--space-3);border-top:0;border-inline-end:1px solid var(--border);flex-direction:column;position:sticky;bottom:auto}.home-nav__brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-semibold);display:flex}.home-nav__links{flex-direction:column;flex:1}.home-nav__link{justify-content:flex-start;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);font-size:var(--text-sm);flex-direction:row;flex:none}.home-nav__footer{padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column}.home-content{padding-bottom:0}.home-top,.home-main{padding-inline:var(--space-5)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=1024px){.home-main{padding:var(--space-5) var(--space-6) var(--space-8)}.project-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}.start-tile{width:148px}}@media (prefers-reduced-motion:reduce){.start-tile,.project-card__open,.project-card__menu-button,.home-search,.home-nav__link{transition:none}}.home-top__inner,.home-main{width:100%;max-width:1180px;margin-inline:auto}.home-main{padding-top:var(--space-5)}.home-section+.home-section{margin-top:var(--space-7,40px)}.home-title{font-size:var(--text-base);letter-spacing:-.015em}.home-hero{padding:var(--space-5) var(--space-6);border-radius:28px}@media (width>=640px){.home-hero{padding:var(--space-6) var(--space-7,36px)}}.home-hero__title{font-size:clamp(var(--text-lg), 3vw, 26px)}.home-hero__body{font-size:var(--text-sm);color:var(--text-muted)}@media (width<=760px){.home-hero:before{width:140px;height:140px;inset-block-start:-56px;inset-inline-end:-48px}.home-hero:after{inset-inline-end:112px}}.home-search{border-radius:999px;max-width:460px}@media (width>=640px){.home-nav{background:var(--bg-well);border-inline-end-color:var(--border-soft,var(--border))}.home-nav__link[aria-current=page]{font-weight:var(--weight-semibold);box-shadow:inset 3px 0 0 var(--brand)}[dir=rtl] .home-nav__link[aria-current=page]{box-shadow:inset -3px 0 0 var(--brand)}}.home-user{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:var(--radius-lg);display:flex}.home-user__avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent-text);font-size:13px;font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.home-user__identity{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--text-muted);text-align:start;direction:ltr;flex:1;overflow:hidden}.home-user__out{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:none;flex:none;place-items:center;display:grid}.home-user__out:hover{background:var(--bg-hover);color:var(--text)}@media (width<=639.5px){.home-user{padding:0}.home-user__identity{display:none}}@media (width>=640px){.home-user{margin-top:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-3);border-radius:0}}.home-user__note{margin:var(--space-1) 0 0;padding-inline:var(--space-2);color:var(--text-muted);font-size:11px;line-height:1.5}@media (width<=639.5px){.home-user__note{display:none}}.project-card__shared{z-index:1;border-radius:var(--radius-pill);background:var(--bg-overlay);color:var(--text);box-shadow:var(--shadow-sm);font-size:11px;font-weight:var(--weight-semibold);pointer-events:none;direction:rtl;align-items:center;gap:4px;padding:3px 8px;display:inline-flex;position:absolute;top:10px;left:10px}.project-card__shared[data-via=link]{background:var(--accent);color:var(--accent-contrast)}.home-cloud{margin:var(--space-2) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg-raised);flex-direction:column;gap:6px;display:flex}.home-cloud__row{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.home-cloud[data-phase=synced] .home-cloud__row svg:first-child{color:var(--accent-text,var(--accent))}.home-cloud[data-phase=quota] .home-cloud__row,.home-cloud[data-phase=error] .home-cloud__row{color:var(--danger)}.home-cloud__label{flex:1;min-width:0}.home-cloud__sync{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.home-cloud__sync:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.home-cloud__sync:disabled{opacity:.5;cursor:default}.home-cloud__sync:focus-visible{outline:2px solid var(--ring,var(--accent));outline-offset:1px}.home-cloud__bar{background:var(--bg-inset);border-radius:999px;height:6px;overflow:hidden}.home-cloud__bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.home-cloud[data-phase=quota] .home-cloud__bar>span{background:var(--danger)}.home-cloud__usage{color:var(--text-faint);font-size:var(--text-2xs,11px);margin:0}.storage-notice{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-inline-start:4px solid var(--warning,#94470b);border-radius:var(--radius-lg,14px);background:var(--bg-raised);margin-block-end:var(--space-4);padding-inline-end:calc(var(--space-4) + 28px);display:flex;position:relative}.storage-notice[data-level=full]{border-inline-start-color:var(--danger);background:var(--danger-soft,var(--bg-raised))}.storage-notice__icon{color:var(--warning,#94470b);flex:none;margin-block-start:2px}.storage-notice[data-level=full] .storage-notice__icon{color:var(--danger)}.storage-notice__text{flex-direction:column;gap:6px;min-width:0;display:flex}.storage-notice__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.storage-notice__body{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.55}.storage-notice__actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.storage-notice__close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}.home-hero,.start-row>li,.project-grid>li{animation:rise-in var(--motion-slow) var(--ease-out) both}.start-row>li:first-child{animation-delay:40ms}.start-row>li:nth-child(2){animation-delay:70ms}.start-row>li:nth-child(3){animation-delay:.1s}.start-row>li:nth-child(4){animation-delay:.13s}.start-row>li:nth-child(n+5){animation-delay:.16s}.project-grid>li:first-child{animation-delay:30ms}.project-grid>li:nth-child(2){animation-delay:60ms}.project-grid>li:nth-child(3){animation-delay:90ms}.project-grid>li:nth-child(4){animation-delay:.12s}.project-grid>li:nth-child(5){animation-delay:.15s}.project-grid>li:nth-child(6){animation-delay:.18s}.project-grid>li:nth-child(7){animation-delay:.2s}.project-grid>li:nth-child(8){animation-delay:.22s}.project-grid>li:nth-child(n+9){animation-delay:.24s}.home-empty,.home-status{animation:rise-in var(--motion-slow) var(--ease-out) both}.home-nav__link{transition:background var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.home-nav__link:active{transition-duration:var(--motion-fast);transform:scale(.94)}.home-nav__link[aria-current=page]{animation:pop-in var(--motion-base) var(--ease-spring)}.menu__panel{transform-origin:0 0;animation:pop-in var(--motion-base) var(--ease-out) both}.menu__panel--end{transform-origin:100% 0}.menu__panel[data-side=top]{transform-origin:0 100%}.menu__panel[data-side=top].menu__panel--end{transform-origin:100% 100%}.popover__panel{transform-origin:0 0;animation:pop-in var(--motion-base) var(--ease-out) both}.popover__panel[data-align=end]{transform-origin:100% 0}.popover__panel[data-side=top]{transform-origin:0 100%}.popover__panel[data-side=top][data-align=end]{transform-origin:100% 100%}.popover__panel[data-side=left]{transform-origin:100% 0}.modal{animation:rise-in var(--motion-slow) var(--ease-spring) both}.modal-backdrop{animation:fade-in var(--motion-base) var(--ease-out) both}.menu__item,.popover__option{transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}.rail__button,.zoom-bar__button,.tool-panel__shape,.tool-panel__swatch,.segmented button{transition:background var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.rail__button:active:not(:disabled),.zoom-bar__button:active:not(:disabled),.tool-panel__shape:active:not(:disabled),.tool-panel__swatch:active:not(:disabled),.segmented button:active:not(:disabled){transition-duration:var(--motion-fast);transform:scale(.9)}.rail__button[data-active]{animation:pop-in var(--motion-base) var(--ease-spring)}.tool-panel__item{transition:background var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.tool-panel__item:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-panel__item:active:not(:disabled){transition-duration:var(--motion-fast);transform:translateY(0)scale(.98)}.rail-panel{animation:drawer-in var(--motion-slow) var(--ease-spring) both;transform-origin:0}[dir=rtl] .rail-panel{transform-origin:100%}.edit-panel{animation:edit-panel-in var(--motion-slow) var(--ease-out) both}@keyframes drawer-in{0%{opacity:0;transform:translate(-18px)scale(.985)}}[dir=rtl] .rail-panel{animation-name:drawer-in-rtl}@keyframes drawer-in-rtl{0%{opacity:0;transform:translate(18px)scale(.985)}}.rail-panel .panel-section{animation:rise-in var(--motion-base) var(--ease-out) both}.rail-panel .panel-section:first-of-type{animation-delay:.1s}.rail-panel .panel-section:nth-of-type(2){animation-delay:.15s}.rail-panel .panel-section:nth-of-type(3){animation-delay:.2s}.rail-panel .panel-section:nth-of-type(4){animation-delay:.25s}.rail-panel .panel-section:nth-of-type(n+5){animation-delay:.3s}.save-status{transition:background var(--motion-slow) var(--ease-out), color var(--motion-slow) var(--ease-out)}.save-status svg:not(.save-status__spin){animation:pop-in var(--motion-base) var(--ease-spring)}:focus-visible{transition:outline-offset var(--motion-fast) var(--ease-out)}.desktop-quick-toolbar{transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.desktop-quick-toolbar--hidden{transform:scale(.96)}.desktop-quick-toolbar:not(.desktop-quick-toolbar--hidden){animation:pop-in var(--motion-base) var(--ease-spring)}.layer__row{transition:background var(--motion-base) var(--ease-out), opacity var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.layer__row[data-dragging]{transform:scale(.99)}.layer__row[data-drop]:after{animation:pop-in var(--motion-fast) var(--ease-out)}.swatch,.quick-swatch,.color-field__swatch{transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base) var(--ease-out)}.swatch:active{transition-duration:var(--motion-fast);transform:scale(.9)}.color-picker{animation:rise-in var(--motion-base) var(--ease-out) both}.color-picker .panel-section:first-of-type{animation:rise-in var(--motion-base) var(--ease-out) both;animation-delay:30ms}.color-picker .panel-section:nth-of-type(2){animation:rise-in var(--motion-base) var(--ease-out) both;animation-delay:60ms}.color-picker .panel-section:nth-of-type(3){animation:rise-in var(--motion-base) var(--ease-out) both;animation-delay:90ms}@keyframes page-leave{to{opacity:0}}@keyframes page-enter-forward{0%{opacity:0;transform:scale(.985)}}@keyframes page-enter-backward{0%{opacity:0;transform:scale(1.012)}}::view-transition-old(root){pointer-events:none}::view-transition-new(root){pointer-events:none}::view-transition-old(root){animation:page-leave var(--motion-base) var(--ease-out) both}::view-transition-new(root){animation:page-enter-backward var(--motion-slow) var(--ease-out) both}:root[data-nav=in]::view-transition-new(root){animation-name:page-enter-forward}@keyframes chrome-down{0%{opacity:0;transform:translateY(-8px)}}@keyframes chrome-up{0%{opacity:0;transform:translateY(8px)}}@keyframes chrome-in-start{0%{opacity:0;transform:translate(-10px)}}@keyframes chrome-in-end{0%{opacity:0;transform:translate(10px)}}.canvas-area{animation:pop-in var(--motion-slow) var(--ease-out) both}.editor-header{animation:chrome-down var(--motion-slow) var(--ease-out) both;animation-delay:40ms}.rail-wrapper{animation:chrome-in-start var(--motion-slow) var(--ease-out) both;animation-delay:60ms}[dir=rtl] .rail-wrapper{animation-name:chrome-in-end}.status-bar{animation:chrome-up var(--motion-slow) var(--ease-out) both;animation-delay:80ms}.zoom-bar{animation:pop-in var(--motion-slow) var(--ease-spring) both;animation-delay:.11s}.context-bar{animation:chrome-down var(--motion-base) var(--ease-out) both}.artboard-label{animation:fade-in var(--motion-slow) var(--ease-out) both;animation-delay:.12s}.mobile-topbar{animation:chrome-down var(--motion-slow) var(--ease-out) both}.mobile-toolbar{animation:chrome-up var(--motion-slow) var(--ease-out) both;animation-delay:50ms}.mobile-toolbar__button{animation:pop-in var(--motion-base) var(--ease-out) both}.mobile-toolbar__button:first-child{animation-delay:70ms}.mobile-toolbar__button:nth-child(2){animation-delay:95ms}.mobile-toolbar__button:nth-child(3){animation-delay:.12s}.mobile-toolbar__button:nth-child(4){animation-delay:.145s}.mobile-toolbar__button:nth-child(5){animation-delay:.17s}.mobile-toolbar__button:nth-child(n+6){animation-delay:.19s}.quick-toolbar{animation:pop-in var(--motion-base) var(--ease-spring) both}.selection-delete{transform:scale(.78)}.selection-delete[data-placed]{transform:scale(1)}.selection-delete[data-placed]:hover{transform:scale(1.08)}.selection-delete[data-placed]:active{transform:scale(.88)}.sheet-list__item{transition:background var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-spring)}.sheet-list__item:active{transition-duration:var(--motion-fast);transform:scale(.975)}:root[data-motion=off],:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}svg.lucide-chevron-left,svg.lucide-arrow-left,svg.lucide-corner-up-left,svg.lucide-text-align-start{--ix-t:-2px 0;--ix-s:1}svg.lucide-chevron-right,svg.lucide-arrow-right,svg.lucide-corner-down-right,svg.lucide-log-out,svg.lucide-text-align-end,svg.lucide-cloud{--ix-t:2px 0;--ix-s:1}svg.lucide-chevron-up,svg.lucide-arrow-up,svg.lucide-upload,svg.lucide-bring-to-front,svg.lucide-house{--ix-t:0 -2px;--ix-s:1}svg.lucide-chevron-down,svg.lucide-arrow-down,svg.lucide-download,svg.lucide-send-to-back,svg.lucide-droplet{--ix-t:0 2px;--ix-s:1}svg.lucide-mouse-pointer-2{--ix-t:-1.5px -1.5px;--ix-s:1}svg.lucide-share-2{--ix-t:1px -1px;--ix-s:1.08}svg.lucide-align-start-vertical{--ix-t:-2px 0;--ix-s:1}svg.lucide-align-end-vertical{--ix-t:2px 0;--ix-s:1}svg.lucide-align-start-horizontal{--ix-t:0 -2px;--ix-s:1}svg.lucide-align-end-horizontal{--ix-t:0 2px;--ix-s:1}svg.lucide-text-align-center,svg.lucide-align-center-vertical,svg.lucide-align-horizontal-distribute-center,svg.lucide-align-horizontal-space-around,svg.lucide-arrow-left-right,svg.lucide-move-horizontal,svg.lucide-ellipsis,svg.lucide-sliders-horizontal,svg.lucide-settings-2{--ix-t:0 0;--ix-s:1.15 1}svg.lucide-align-center-horizontal,svg.lucide-align-vertical-distribute-center,svg.lucide-align-vertical-space-around,svg.lucide-move-vertical,svg.lucide-ellipsis-vertical{--ix-t:0 0;--ix-s:1 1.15}svg.lucide-square-centerline-dashed-horizontal{--ix-t:0 0;--ix-s:-1 1}svg.lucide-square-centerline-dashed-vertical{--ix-t:0 0;--ix-s:1 -1}svg.lucide-x,svg.lucide-plus,svg.lucide-ban{--ix-t:0 0;--ix-r:90deg;--ix-s:1}svg.lucide-undo-2{--ix-t:0 0;--ix-r:-30deg;--ix-s:1}svg.lucide-redo-2{--ix-t:0 0;--ix-r:30deg;--ix-s:1}svg.lucide-rotate-cw{--ix-t:0 0;--ix-r:60deg;--ix-s:1}svg.lucide-replace{--ix-t:0 0;--ix-r:180deg;--ix-s:1}svg.lucide-settings,svg.lucide-sun{--ix-t:0 0;--ix-r:45deg;--ix-s:1}svg.lucide-crosshair{--ix-t:0 0;--ix-r:45deg;--ix-s:1.1}svg.lucide-clock{--ix-t:0 0;--ix-r:30deg;--ix-s:1}svg.lucide-moon{--ix-t:0 0;--ix-r:-20deg}svg.lucide-blend{--ix-t:0 0;--ix-r:-20deg;--ix-s:1.08}svg.lucide-pencil,svg.lucide-pen-line,svg.lucide-pen-tool,svg.lucide-brush,svg.lucide-eraser,svg.lucide-pipette,svg.lucide-paint-bucket,svg.lucide-palette,svg.lucide-magnet,svg.lucide-link-2,svg.lucide-ruler,svg.lucide-crop,svg.lucide-spline,svg.lucide-shapes,svg.lucide-square{--ix-r:-12deg}svg.lucide-scissors{--ix-t:0 0;--ix-r:-18deg;--ix-s:1.05}svg.lucide-trash-2{--ix-r:-10deg}svg.lucide-image,svg.lucide-file-image,svg.lucide-layout-template,svg.lucide-folder,svg.lucide-folder-open{--ix-t:0 -1px;--ix-r:-6deg;--ix-s:1.05}svg.lucide-search{--ix-t:0 0;--ix-r:-10deg;--ix-s:1.1}svg.lucide-sparkles,svg.lucide-wand-sparkles{--ix-t:0 0;--ix-r:15deg;--ix-s:1.12}svg.lucide-crown{--ix-t:0 -2px;--ix-r:-8deg}svg.lucide-copy,svg.lucide-copy-plus,svg.lucide-clipboard-copy,svg.lucide-clipboard-paste{--ix-t:1px -1px;--ix-s:1}svg.lucide-group{--ix-t:0 0;--ix-s:.88}svg.lucide-ungroup,svg.lucide-layout-grid,svg.lucide-network,svg.lucide-bold,svg.lucide-type,svg.lucide-heading,svg.lucide-case-sensitive{--ix-t:0 0;--ix-s:1.15}svg.lucide-italic{--ix-t:1px 0;--ix-r:10deg;--ix-s:1}svg.lucide-keyboard{--ix-t:0 1px;--ix-s:1}svg.lucide-maximize,svg.lucide-scaling,svg.lucide-proportions,svg.lucide-ratio,svg.lucide-move,svg.lucide-check,svg.lucide-circle,svg.lucide-circle-dot,svg.lucide-shield-check,svg.lucide-grip-horizontal,svg.lucide-grip-vertical{--ix-t:0 0;--ix-s:1.15}svg.lucide-minus{--ix-t:0 0;--ix-s:1.2 1}svg.lucide-triangle-alert,svg.lucide-eye,svg.lucide-eye-off{--ix-t:0 0;--ix-r:0deg;--ix-s:1}svg.app-mark{--ix-t:0 -1px;--ix-r:-8deg;--ix-s:1.06}svg.disclosure__chevron,svg.paint-rail-tab__chevron,.paint-bar__handle svg.lucide{--ix-t:0 0;--ix-r:0deg;--ix-s:1.15}:root :is(.ix-still,svg.spin,svg.asset-tile__spinner,svg.save-status__spin,svg.lucide-loader-circle,svg.lucide-loader,svg.menu__check,svg.pro-crown,.swatch__mark svg,.export-flag__box svg,.save-status svg),:root :is(svg.lucide-arrow-down,svg.lucide-arrow-left,svg.lucide-arrow-right,svg.lucide-arrow-up,svg.lucide-blend,svg.lucide-brush,svg.lucide-check,svg.lucide-chevron-down,svg.lucide-chevron-left,svg.lucide-chevron-right,svg.lucide-chevron-up,svg.lucide-clock,svg.lucide-crop,svg.lucide-download,svg.lucide-ellipsis,svg.lucide-ellipsis-vertical,svg.lucide-layers,svg.lucide-link-2,svg.lucide-lock,svg.lucide-lock-open,svg.lucide-log-out,svg.lucide-maximize,svg.lucide-moon,svg.lucide-plus,svg.lucide-rotate-cw,svg.lucide-scissors,svg.lucide-search,svg.lucide-settings,svg.lucide-sparkles,svg.lucide-sun,svg.lucide-trash,svg.lucide-upload,svg.lucide-x){--ix-t:0 0;--ix-r:0deg;--ix-s:1;--ix-press:1}@supports (d:path("M0 0")){:root svg.lucide-sliders-horizontal{--ix-t:0 0;--ix-r:0deg;--ix-s:1;--ix-press:1}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) :where(svg.lucide,svg.ix-icon){transition:translate .3s var(--ease-out), rotate .3s var(--ease-out), scale .3s var(--ease-out)}@media (hover:hover) and (pointer:fine){:root:not([data-motion=off]) :is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):not(:disabled,[aria-disabled=true],[data-disabled],label:has(:is(input,select,textarea):disabled)):hover :is(svg.lucide,svg.ix-icon):not([data-ix-play]):not(:is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):hover :is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):not(:hover) *,:is(:disabled,[aria-disabled=true],[data-disabled]) *){translate:var(--ix-t,0 -1px);rotate:var(--ix-r,0deg);scale:var(--ix-s,1.08)}}:root:not([data-motion=off]) :is(:is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):focus-visible,:is(label,.ix-control):has(:is(input,select,textarea):focus-visible)):not(:disabled,[aria-disabled=true],[data-disabled],label:has(:is(input,select,textarea):disabled)) :is(svg.lucide,svg.ix-icon):not([data-ix-play]):not(:is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):focus-visible :is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]) *,:is(:disabled,[aria-disabled=true],[data-disabled]) *){translate:var(--ix-t,0 -1px);rotate:var(--ix-r,0deg);scale:var(--ix-s,1.08)}:root:not([data-motion=off]) :is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):not(:disabled,[aria-disabled=true],[data-disabled],label:has(:is(input,select,textarea):disabled)):active :is(svg.lucide,svg.ix-icon):not([data-ix-play]):not(:is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):active :is(button,a[href],summary,label,.ix-control,[role=button],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=tab],[role=option],[role=radio],[role=switch],[role=checkbox],[role=link]):not(:active) *,:is(:disabled,[aria-disabled=true],[data-disabled]) *){translate:var(--ix-t,0 -1px);rotate:var(--ix-r,0deg);scale:var(--ix-press,.88);transition-duration:var(--motion-fast)}@media (hover:hover) and (pointer:fine){:root:not([data-motion=off]) :is(button,a[href],label,.ix-control,[role=button],[role=menuitem],[role=menuitemcheckbox],[role=tab],[role=switch],[role=checkbox]):not(:disabled,[aria-disabled=true],[data-disabled]):hover svg.lucide-triangle-alert:not(.ix-still){animation:ix-shake .45s var(--ease-out)}:root:not([data-motion=off]) :is(button,a[href],label,.ix-control,[role=button],[role=menuitem],[role=menuitemcheckbox],[role=tab],[role=switch],[role=checkbox]):not(:disabled,[aria-disabled=true],[data-disabled]):hover :is(svg.lucide-eye,svg.lucide-eye-off):not(.ix-still){animation:ix-blink .4s var(--ease-out)}}:root:not([data-motion=off]) :is(button,a[href],label,.ix-control,[role=button],[role=menuitem],[role=menuitemcheckbox],[role=tab],[role=switch],[role=checkbox]):not(:disabled,[aria-disabled=true],[data-disabled]):focus-visible svg.lucide-triangle-alert:not(.ix-still){animation:ix-shake .45s var(--ease-out)}:root:not([data-motion=off]) :is(button,a[href],label,.ix-control,[role=button],[role=menuitem],[role=menuitemcheckbox],[role=tab],[role=switch],[role=checkbox]):not(:disabled,[aria-disabled=true],[data-disabled]):focus-visible :is(svg.lucide-eye,svg.lucide-eye-off):not(.ix-still){animation:ix-blink .4s var(--ease-out)}@keyframes ix-shake{0%,to{rotate:0deg}20%{rotate:-12deg}45%{rotate:9deg}70%{rotate:-5deg}85%{rotate:2deg}}@keyframes ix-blink{0%,to{scale:1}40%{scale:1.08 .15}}:root:not([data-motion=off]) .theme-toggle__sun,:root:not([data-motion=off]) .theme-toggle__moon{transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-spring), translate .3s var(--ease-out), rotate .3s var(--ease-out), scale .3s var(--ease-out)}:root:not([data-motion=off]) svg.disclosure__chevron{transition:transform var(--motion-fast) var(--ease-out), scale .3s var(--ease-out)}:root:not([data-motion=off]) .paint-bar__handle svg.lucide{transition:transform var(--motion-base) var(--ease-spring), scale .3s var(--ease-out)}:root:not([data-motion=off]) :is(svg.lucide-chevron-left,svg.lucide-chevron-right,svg.lucide-chevron-up,svg.lucide-chevron-down)>*{transition:translate .3s ease-in-out}:root:not([data-motion=off]) svg.lucide-chevron-left[data-ix-play]>*{translate:-4px}:root:not([data-motion=off]) svg.lucide-chevron-right[data-ix-play]>*{translate:4px}:root:not([data-motion=off]) svg.lucide-chevron-up[data-ix-play]>*{translate:0 -4px}:root:not([data-motion=off]) svg.lucide-chevron-down[data-ix-play]>*{translate:0 4px}:root:not([data-motion=off]) :is(svg.lucide-arrow-left,svg.lucide-arrow-right,svg.lucide-arrow-up,svg.lucide-arrow-down)>*{transition:translate .3s ease-in-out}:root:not([data-motion=off]) svg.lucide-arrow-left[data-ix-play]>*{translate:-3.5px}:root:not([data-motion=off]) svg.lucide-arrow-right[data-ix-play]>*{translate:3.5px}:root:not([data-motion=off]) svg.lucide-arrow-up[data-ix-play]>*{translate:0 -3.5px}:root:not([data-motion=off]) svg.lucide-arrow-down[data-ix-play]>*{translate:0 3.5px}:root:not([data-motion=off]) :is(svg.lucide-x,svg.lucide-plus)>*{transform-box:fill-box;transform-origin:50%;transition:rotate .4s ease-in-out}:root:not([data-motion=off]) :is(svg.lucide-x,svg.lucide-plus)>:nth-child(2){transition-delay:.1s}:root:not([data-motion=off]) :is(svg.lucide-x,svg.lucide-plus)[data-ix-play]>*{rotate:90deg}:root:not([data-motion=off]) svg.lucide-check[data-ix-play]>*{transform-box:fill-box;transform-origin:50%;animation:.6s ease-in-out ix-aui-check}@keyframes ix-aui-check{0%{stroke-dasharray:22.7 22.7;stroke-dashoffset:-22.7px;opacity:0;scale:1}50%{scale:1.1}to{stroke-dasharray:22.7 22.7;stroke-dashoffset:0;opacity:1;scale:1}}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:is(:nth-child(2),:nth-child(4),:nth-child(6),:nth-child(9)){animation:.6s ease-in-out ix-aui-draw-in-rev}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:is(:nth-child(3),:nth-child(5),:nth-child(7),:nth-child(8)){animation:.6s ease-in-out ix-aui-draw-in}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(2){animation-delay:0s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(9){animation-delay:.15s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(7){animation-delay:.3s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(5){animation-delay:.45s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(3){animation-delay:.6s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(8){animation-delay:.75s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(6){animation-delay:.9s}:root:not([data-motion=off]) svg.lucide-sun[data-ix-play]>:nth-child(4){animation-delay:1.05s}@keyframes ix-aui-draw-in{0%{stroke-dasharray:2 2;stroke-dashoffset:2px;opacity:0}to{stroke-dasharray:2 2;stroke-dashoffset:0;opacity:1}}@keyframes ix-aui-draw-in-rev{0%{stroke-dasharray:2 2;stroke-dashoffset:-2px;opacity:0}to{stroke-dasharray:2 2;stroke-dashoffset:0;opacity:1}}:root:not([data-motion=off]) svg.lucide-moon[data-ix-play]>*{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out ix-aui-moon}@keyframes ix-aui-moon{0%{rotate:0deg}25%{rotate:-30deg}75%{rotate:400deg}to{rotate:360deg}}:root:not([data-motion=off]) svg.lucide-clock[data-ix-play]>:nth-child(2){transform-box:view-box;transform-origin:12px 12px;animation:.6s ease-in-out ix-aui-spin}@keyframes ix-aui-spin{0%{rotate:0deg}to{rotate:360deg}}:root:not([data-motion=off]) svg.lucide-settings[data-ix-play]>*{transform-box:view-box;transform-origin:12px 12px;animation:1.25s ease-in-out ix-aui-settings}@keyframes ix-aui-settings{0%{rotate:0deg}50%{rotate:90deg}to{rotate:180deg}}:root:not([data-motion=off]) svg.lucide-crop[data-ix-play]>:first-child{animation:1s ease-in-out ix-aui-crop-a}:root:not([data-motion=off]) svg.lucide-crop[data-ix-play]>:nth-child(2){animation:1s ease-in-out ix-aui-crop-b}@keyframes ix-aui-crop-a{0%,to{stroke-dasharray:31.2 40;stroke-dashoffset:0;translate:0}50%{stroke-dasharray:24.91 40;stroke-dashoffset:-3.11px;translate:3px -3px}}@keyframes ix-aui-crop-b{0%,to{stroke-dasharray:31.2 40;stroke-dashoffset:0;translate:0}50%{stroke-dasharray:24.91 40;stroke-dashoffset:-3.11px;translate:-3px 3px}}:root:not([data-motion=off]) :is(svg.lucide-download,svg.lucide-upload,svg.lucide-log-out,svg.lucide-maximize,svg.lucide-layers,svg.lucide-trash)>*{transition:translate .3s ease-in-out}:root:not([data-motion=off]) svg.lucide-download[data-ix-play]>:is(:first-child,:nth-child(3)){translate:0 2px}:root:not([data-motion=off]) svg.lucide-upload[data-ix-play]>:is(:first-child,:nth-child(2)){translate:0 -2px}:root:not([data-motion=off]) svg.lucide-log-out[data-ix-play]>:is(:first-child,:nth-child(2)){translate:2px}:root:not([data-motion=off]) svg.lucide-maximize[data-ix-play]>:first-child{translate:-2px -2px}:root:not([data-motion=off]) svg.lucide-maximize[data-ix-play]>:nth-child(2){translate:2px -2px}:root:not([data-motion=off]) svg.lucide-maximize[data-ix-play]>:nth-child(3){translate:-2px 2px}:root:not([data-motion=off]) svg.lucide-maximize[data-ix-play]>:nth-child(4){translate:2px 2px}:root:not([data-motion=off]) svg.lucide-layers[data-ix-play]>:first-child{translate:0 5px}:root:not([data-motion=off]) svg.lucide-layers[data-ix-play]>:nth-child(3){translate:0 -5px}:root:not([data-motion=off]) svg.lucide-trash[data-ix-play]>:is(:nth-child(4),:nth-child(5)){translate:0 -1px}:root:not([data-motion=off]) svg.lucide-trash[data-ix-play]>:is(:first-child,:nth-child(2),:nth-child(3)){translate:0 1px}@supports (d:path("M0 0")){:root:not([data-motion=off]) svg.lucide-trash>:nth-child(3){transition:translate .3s ease-in-out,d .3s ease-in-out}:root:not([data-motion=off]) svg.lucide-trash[data-ix-play]>:nth-child(3){d:path("M19 8v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V8")}}:root:not([data-motion=off]) svg.lucide-link-2[data-ix-play]>*{transform-box:view-box;animation-duration:.4s;animation-timing-function:ease-in-out}:root:not([data-motion=off]) svg.lucide-link-2[data-ix-play]>:first-child{transform-origin:9px 12px;animation-name:ix-aui-link-left}:root:not([data-motion=off]) svg.lucide-link-2[data-ix-play]>:nth-child(2){transform-origin:15px 12px;animation-name:ix-aui-link-right}:root:not([data-motion=off]) svg.lucide-link-2[data-ix-play]>:nth-child(3){transform-origin:12px 12px;animation-name:ix-aui-link-middle}@keyframes ix-aui-link-left{0%,to{rotate:0deg}50%{rotate:10deg}}@keyframes ix-aui-link-right{0%,to{rotate:0deg}50%{rotate:-6deg}}@keyframes ix-aui-link-middle{0%,to{rotate:0deg}50%{rotate:12deg}}:root:not([data-motion=off]) :is(svg.lucide-lock,svg.lucide-lock-open)[data-ix-play]>*{transform-box:view-box;transform-origin:12px 12px;animation:1.2s ease-in-out ix-aui-lock}:root:not([data-motion=off]) svg.lucide-lock-open[data-ix-play]>*{animation-name:ix-aui-lock-open}:root:not([data-motion=off]) svg.lucide-lock[data-ix-play]>:nth-child(2){animation-name:ix-aui-lock,ix-aui-shackle}@keyframes ix-aui-lock{0%{rotate:0deg;scale:1}33.333%{rotate:-5deg;scale:.9}66.667%{rotate:7deg;scale:1}to{rotate:0deg;scale:1}}@keyframes ix-aui-lock-open{0%{rotate:0deg;scale:1}33.333%{rotate:7deg;scale:.9}66.667%{rotate:-5deg;scale:1}to{rotate:0deg;scale:1}}@keyframes ix-aui-shackle{0%{stroke-dasharray:23.8 30;stroke-dashoffset:0}33.333%{stroke-dasharray:23.8 30;stroke-dashoffset:4.74px}66.667%,to{stroke-dasharray:23.8 30;stroke-dashoffset:0}}@supports (d:path("M0 0")){:root:not([data-motion=off]) svg.lucide-lock-open[data-ix-play]>:nth-child(2){animation-name:ix-aui-lock-open,ix-aui-unshackle}@keyframes ix-aui-unshackle{0%{d:path("M7 11V7a5 5 0 0 1 9.9-1v0")}33.333%{d:path("M7 11V7a5 5 0 0 1 10 0v4")}66.667%,to{d:path("M7 11V7a5 5 0 0 1 9.9-1v0")}}}:root:not([data-motion=off]) :is(svg.lucide-ellipsis,svg.lucide-ellipsis-vertical){transition:rotate 1.24s cubic-bezier(.3,1.3,.5,1);transition:rotate 1.24s linear(0, .051, .176, .332, .494, .646, .779, .884, .961, 1.016, 1.049, 1.065, 1.069, 1.066, 1.057, 1.046, 1.035, 1.024, 1.015, 1.008, 1.003, .999, .997, .995, .995, .995, .996, .997, 1)}:root:not([data-motion=off]) :is(svg.lucide-ellipsis,svg.lucide-ellipsis-vertical)[data-ix-play]{rotate:180deg}:root:not([data-motion=off]) svg.lucide-rotate-cw{transition:rotate .58s cubic-bezier(.2,.7,.3,1);transition:rotate .58s linear(0, .029, .093, .179, .271, .364, .447, .527, .598, .658, .713, .76, .8, .832, .861, .885, .904, .921, .935, .947, .956, .964, .97, .975, .98, .984, .987, .989, 1)}:root:not([data-motion=off]) svg.lucide-rotate-cw[data-ix-play]{rotate:45deg}:root:not([data-motion=off]) svg.lucide-blend>*{transition:translate .84s cubic-bezier(.3,1.25,.5,1);transition:translate .84s linear(0, .041, .142, .277, .426, .572, .707, .822, .916, .988, 1.039, 1.071, 1.088, 1.094, 1.09, 1.081, 1.069, 1.055, 1.041, 1.028, 1.017, 1.008, 1.002, .997, .994, .992, .991, .991, 1)}:root:not([data-motion=off]) svg.lucide-blend[data-ix-play]>:first-child{translate:-6px 6px}:root:not([data-motion=off]) svg.lucide-blend[data-ix-play]>:nth-child(2){translate:6px -6px}:root:not([data-motion=off]) svg.lucide-brush[data-ix-play]{transform-origin:100% 0;animation:.6s ease-in-out ix-aui-brush}@keyframes ix-aui-brush{0%,to{rotate:0deg}33.333%{rotate:-6deg}66.667%{rotate:6deg}}:root:not([data-motion=off]) svg.lucide-search[data-ix-play]{transform-origin:100% 100%;animation:.8s ease-in-out ix-aui-search}@keyframes ix-aui-search{0%,to{rotate:0deg}20%{rotate:17deg}40%{rotate:-10deg}60%{rotate:5deg}80%{rotate:-1deg}}:root:not([data-motion=off]) svg.lucide-scissors[data-ix-play]>*{transform-box:view-box;animation-duration:.6s;animation-timing-function:ease-in-out}:root:not([data-motion=off]) svg.lucide-scissors[data-ix-play]>:is(:first-child,:nth-child(2),:nth-child(5)){transform-origin:11.5px 11.5px;animation-name:ix-aui-blade-a}:root:not([data-motion=off]) svg.lucide-scissors[data-ix-play]>:is(:nth-child(3),:nth-child(4)){transform-origin:11.5px 12.5px;animation-name:ix-aui-blade-b}@keyframes ix-aui-blade-a{0%,to{rotate:0deg}50%{rotate:-26deg}}@keyframes ix-aui-blade-b{0%,to{rotate:0deg}50%{rotate:26deg}}:root:not([data-motion=off]) svg.lucide-sparkles[data-ix-play]>*{transform-box:fill-box;transform-origin:50%}:root:not([data-motion=off]) svg.lucide-sparkles[data-ix-play]>:first-child{animation:.6s ease-in-out ix-aui-star}:root:not([data-motion=off]) svg.lucide-sparkles[data-ix-play]>:is(:nth-child(2),:nth-child(3)){animation:.75s ease-in-out ix-aui-spark-late}:root:not([data-motion=off]) svg.lucide-sparkles[data-ix-play]>:nth-child(4){animation:.6s ease-in-out ix-aui-spark}@keyframes ix-aui-star{0%,to{scale:1}33.333%{scale:.9}66.667%{scale:1.1}}@keyframes ix-aui-spark-late{0%,20%,to{opacity:1;scale:1}46.667%,73.333%{opacity:0;scale:0}}@keyframes ix-aui-spark{0%,to{opacity:1;scale:1}33.333%,66.667%{opacity:0;scale:0}}@supports (d:path("M0 0")){:root:not([data-motion=off]) svg.lucide-sliders-horizontal>*{transition:d .4s ease-in-out}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:first-child{d:path("M4 5H3")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(2){d:path("M7 19H3")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(3){d:path("M8 3v4")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(4){d:path("M11 17v4")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(5){d:path("M21 12h-1")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(6){d:path("M21 19h-10")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(7){d:path("M21 5h-13")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(8){d:path("M16 10v4")}:root:not([data-motion=off]) svg.lucide-sliders-horizontal[data-ix-play]>:nth-child(9){d:path("M16 12H3")}}}