:root{--color-neutral-950:#111;--color-neutral-940:#161616;--color-neutral-925:#191919;--color-neutral-920:#1b1b1b;--color-neutral-910:#202020;--color-neutral-900:#232323;--color-neutral-850:#2b2b2b;--color-neutral-825:#303030;--color-neutral-800:#333;--color-neutral-750:#414141;--color-neutral-500:#858585;--color-neutral-480:#898989;--color-neutral-400:#a3a3a3;--color-neutral-350:#ababab;--color-neutral-100:#ebebeb;--color-white:#fff;--color-light-page:#f5f4f7;--color-light-text:#25212d;--color-light-wordmark:#494151;--color-light-field:#f1f0f4;--color-light-hover:#e8e5ed;--color-light-card:#f6f5f8;--color-light-thumbnail:#eeeaf3;--color-light-pattern-text:#655f70;--color-light-muted:#746d7c;--color-light-checker:#e2deea;--color-light-toggle:#dedee1;--color-primary:#6448f1;--color-primary-hover:#5032e6;--color-focus:#8a38f5;--color-focus-button:#a995ff;--color-brand:#d3b8fa;--color-pattern-selection:#dccef0;--color-pattern-ink:#33253c;--color-pattern-preview:#242126;--color-slider-fill:#33faa866;--color-slider-text:#ffffff80;--color-slider-grip:#0000002e;--color-slider-fill-light:#d5ede3;--color-slider-text-light:#2f6754;--color-slider-caption:#c3ded3;--color-toggle-on:#77eabc;--color-gift:#ed8d60;--color-invalid:#f38b8b;--color-error-dark:#ffabab;--color-error-light:#a7283e;--color-delete-hover:#573047;--color-card-hover-border:#74638d;--color-dialog-border-dark:#39343f;--color-dialog-border-light:#ded9e6;--color-input-border-light:#d0c9d8;--color-checker-dark-a:#29262f;--color-checker-dark-b:#3b3542;--color-dialog-shadow:#0006;--color-dialog-backdrop:#0009;--color-preview-text:#202024;--color-preview-border:#d7d7dc;--color-preview-hero:#f1f1f4;--color-preview-muted:#62626a}:root,html[data-theme=dark]{--color-page-background:var(--color-neutral-950);--color-text-primary:var(--color-neutral-100);--color-text-muted:var(--color-neutral-500);--color-panel-background:var(--color-neutral-900);--color-field-background:var(--color-neutral-925);--color-hover-background:var(--color-neutral-800);--color-wordmark:var(--color-neutral-100);--color-article-text:var(--color-neutral-400);--color-link:var(--color-brand)}html[data-theme=light]{--color-page-background:var(--color-light-page);--color-text-primary:var(--color-light-text);--color-text-muted:var(--color-light-muted);--color-panel-background:var(--color-white);--color-field-background:var(--color-light-field);--color-hover-background:var(--color-light-hover);--color-wordmark:var(--color-light-wordmark);--color-article-text:var(--color-light-muted);--color-link:var(--color-primary)}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/geist-0.BktvGMAi.woff2)format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/geist-1.BBUaz6Yt.woff2)format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/geist-2.DsJNybWY.woff2)format("truetype")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/geist-mono-0.BV1xlXkC.woff2)format("truetype")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/geist-mono-1.fJalXf8A.woff2)format("truetype")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/geist-mono-2.Cdx169z9.woff2)format("truetype")}@font-face{font-family:Inter;src:url(/assets/inter-variable.ttf)format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{background:var(--color-page-background);color-scheme:dark}body{min-height:100vh;color:var(--color-text-primary);flex-direction:column;margin:0;font:14px/22px Geist,sans-serif;display:flex}img{flex-shrink:0;display:block}h1,h2,p{margin:0}h2{font-size:14px;font-weight:500;line-height:22px}.studio{flex:1;grid-template-columns:300px minmax(0,1fr) 300px;gap:24px;min-height:1200px;padding:24px;display:grid}.library-column{flex-direction:column;gap:21px;min-width:0;display:flex}.brand{align-items:center;gap:10px;height:27px;display:flex}.brand-icon{background:var(--color-brand);border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.brand-icon img{width:17.15px;height:16.32px}.wordmark{background:var(--color-wordmark);width:85px;height:22.28px;display:block;mask:url(/assets/header-ec98a.svg) 50%/contain no-repeat}.library{background:var(--color-panel-background);border-radius:16px;flex-direction:column;flex:1;gap:16px;min-width:0;padding:16px;display:flex}.library-heading{justify-content:space-between;align-items:center;display:flex}.library-heading h2{font-size:18px}.library-heading img{width:20px;height:20px}.search{background:var(--color-neutral-940);height:36px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.search img{width:16px;height:16px}.library-tabs,.preview-tabs,.export-tabs{background:var(--color-neutral-940);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.library-tabs{background:var(--color-neutral-925);gap:8px;height:40px;margin-top:-8px}.export-tabs span{text-align:center;color:var(--color-text-muted);border-radius:8px;flex:1;line-height:32px}.library-tabs .selected,.preview-tabs .selected{background:var(--color-neutral-800);color:var(--color-neutral-100)}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.pattern-card{background:var(--color-neutral-925);border-radius:14px;height:120px;padding:6px;overflow:hidden}.pattern-card.active{background:var(--color-pattern-selection);border-radius:12px}.thumbnail{background:var(--color-pattern-preview);border-radius:8px;height:82px;position:relative;overflow:hidden}.active .thumbnail{background:var(--color-pattern-selection);height:84px}.contour-thumb>img{width:305.38px;height:318.89px;position:absolute;top:-71.45px;left:-68.45px}.waves-thumb{flex-direction:column;display:flex}.waves-thumb>img{width:100%;height:15px;margin-top:-.5px;margin-bottom:-4.5px}.dots-thumb{flex-direction:column;gap:8px;padding:7px 6px;display:flex}.dots-thumb>img{width:77.45px;height:2.8px}.grid-thumb>img:first-child{width:94px;height:60.7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-thumb>img:last-child{width:88.35px;height:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diagonal-thumb{background:0 0}.diagonal-thumb img{width:90px;height:72px}.hexagon-thumb img{width:106.31px;height:78.79px;margin:-.38px -.33px}.pattern-name{color:var(--color-neutral-350);align-items:center;gap:4px;margin-top:8px;font-size:12px;line-height:18px;display:flex}.active .pattern-name{color:var(--color-neutral-940);margin-top:6px;font-weight:500}.pattern-name img{width:12px;height:12px}.show-more{background:var(--color-neutral-800);opacity:.6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:40px;font-weight:500;display:flex}.show-more img{width:16px;height:16px}.library-footer{color:var(--color-text-muted);flex-wrap:wrap;gap:16px;margin-top:auto;font-size:12px;line-height:18px;display:flex}.library-footer-links{padding-top:2rem}.workspace{flex-direction:column;min-width:0;display:flex}.workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 0;min-height:51px;margin-bottom:16px;padding:0 8px;display:flex}.toolbar-main{flex:400px;justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.project-title{flex-shrink:0}h1{white-space:nowrap;font-family:Geist,sans-serif;font-size:24px;font-weight:500;line-height:28px}.project-title p{color:var(--color-text-muted);align-items:center;gap:7px;margin-top:4px;padding-left:2px;font-size:12px;line-height:18px;display:flex}.project-title p img{width:9.77px;height:7.61px}.preview-tabs{background:var(--color-neutral-910);flex-shrink:0;height:40px}.preview-tabs span{text-align:center;white-space:nowrap;width:80px;color:var(--color-text-muted);border-radius:8px;padding:5px 0}.preview-tabs span:last-child{width:100px}.project-actions{flex:420px;justify-content:flex-end;align-items:center;gap:16px;display:flex}.history,.actions{gap:6px;display:flex}.icon-button,.reset,.save,.create-new,.surprise{background:var(--color-neutral-800);color:var(--color-neutral-100);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:36px;font:400 14px/22px Geist,sans-serif;display:flex}.icon-button{width:36px}.project-actions img{width:16px;height:16px}.surprise{white-space:nowrap;flex:none;width:100%;height:36px}.reset{width:90px}.save{width:84px}.create-new{padding:0 14px 0 12px}.project-actions button:hover:not(:disabled){background:var(--color-neutral-850)}.project-actions button:disabled{opacity:.6}.project-actions .interface-icon{filter:brightness(0)invert(.92)}.interface-icon{filter:brightness(0)invert(.67)}.artboard{background:var(--color-pattern-selection);border-radius:20px;flex:1;min-height:340px;position:relative;overflow:hidden}.artwork{width:100%;height:100%;position:absolute;inset:0}.artboard-information{z-index:1;background:var(--color-panel-background);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.dimensions,.joined-field,.view-controls,.zoom{align-items:center;display:flex}.dimensions{gap:4px}.joined-field>span,.zoom>span{background:var(--color-neutral-940);border-radius:12px;place-items:center;height:40px;display:grid}.field-label{width:44px;color:var(--color-text-muted)}.dimension-value{width:80px;font-family:Geist Mono,monospace}.dimension-times{text-align:center;width:24px;color:var(--color-text-muted)}.join,.joined-field>.join,.zoom>.join,.export-size>.join{z-index:1;background:var(--color-field-background);border-radius:0;flex-shrink:0;width:8px;height:24px;margin:0 -2px;display:block;position:relative;-webkit-mask:url(/assets/form-divider.svg) 50%/8px 24px no-repeat;mask:url(/assets/form-divider.svg) 50%/8px 24px no-repeat}.view-controls{gap:8px}.zoom>span{width:44px}.zoom .zoom-value{width:84px;font-family:Geist Mono,monospace}.zoom>span>img,.fullscreen img,.apply img{width:16px;height:16px}.advertisement{background:var(--color-panel-background);height:140px;color:var(--color-text-muted);border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:16px;padding:24px;font-size:24px;line-height:29px;display:flex}.inspector{flex-direction:column;gap:8px;min-width:0;display:flex}.inspector section{background:var(--color-panel-background);border-radius:16px;flex-shrink:0;padding:12px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:22px;margin-bottom:12px;display:flex}.chevron{width:16px;height:16px}.setting-row,.color-row{align-items:center;height:40px;margin-top:8px;display:flex}.panel-heading+.setting-row,.panel-heading+.color-row{margin-top:0}.setting-label,.chosen-value,.setting-value,.slider,.color-label,.hex-value,.foreground-swatch,.background-swatch,.export-size>span{background:var(--color-neutral-940);border-radius:12px;height:40px}.setting-label{min-width:0;color:var(--color-text-muted);white-space:nowrap;flex:1;padding:9px 12px;overflow:hidden}.chosen-value{flex-shrink:0;justify-content:space-between;align-items:center;width:120px;padding:0 8px 0 16px;display:flex}.chosen-value img{border-radius:4px;width:32px;height:24px}.slider{flex:1;min-width:0;padding:4px}.slider>span{background:var(--color-slider-fill);height:32px;color:var(--color-slider-text);border-radius:8px;align-items:center;max-width:100%;padding-left:8px;display:flex;position:relative}.slider i{background:var(--color-slider-grip);border-radius:30px;width:3px;height:16px;position:absolute;top:8px;right:4px}.scale-fill{width:158px}.stroke-fill{width:72px}.rotation-fill{width:120px}.opacity-fill{width:136px}.offset-fill{width:101px}.setting-value{flex-shrink:0;place-items:center;width:60px;font-family:Geist Mono,monospace;display:grid}.rotation-fill+.join,.opacity-fill+.join{font-size:13px}.color-label{white-space:nowrap;min-width:0;color:var(--color-text-muted);flex:1;padding:9px 12px;overflow:hidden}.hex-value{flex-shrink:0;place-items:center;width:91px;font-family:Geist Mono,monospace;display:grid}.foreground-swatch,.background-swatch{border:1px solid var(--color-neutral-940);flex-shrink:0;width:48px}.foreground-swatch{background:var(--color-pattern-ink)}.background-swatch{background:var(--color-pattern-selection)}.transparency{height:28px;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:12px;line-height:18px;display:flex}.toggle-label{flex-shrink:0;align-items:center;gap:8px;font:500 12px/22px Geist Mono,monospace;display:flex}.toggle{background:var(--color-neutral-940);border-radius:48px;width:48px;height:24px;padding:4px}.toggle i{background:var(--color-neutral-800);border-radius:36px;width:24px;height:16px;display:block;position:relative}.toggle i:after{content:"";background:var(--color-neutral-500);border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:4px}.export-tabs{height:40px}.export-tabs .selected{background:var(--color-neutral-825);color:var(--color-neutral-100)}.export-size{height:40px;color:var(--color-text-muted);align-items:center;margin-top:8px;display:flex}.export-size>span:first-child{flex:1;align-items:center;padding:0 12px;display:flex}.export-scale{width:67px;color:var(--color-neutral-100);justify-content:center;align-items:center;gap:4px;font-family:Geist Mono,monospace;display:flex}.download{background:var(--color-primary);height:40px;color:var(--color-white);border-radius:12px;justify-content:center;align-items:center;gap:4px;margin-top:12px;font-weight:500;display:flex}.download:hover:not(:disabled){background:var(--color-primary-hover)}.download img{width:16px;height:16px}.preferences{background:var(--color-panel-background);border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 12px;display:flex}.language{align-items:center;gap:4px;display:flex}.language img:first-child{width:18px;height:18px}.preferences-actions{align-items:center;gap:4px;display:flex}.theme{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.theme img,.more img{width:16px;height:16px}.theme:hover{background:var(--color-hover-background)}.theme:focus-visible{outline:2px solid var(--color-focus-button);outline-offset:2px}.more{place-items:center;width:16px;height:16px;display:grid}.more-icon{filter:brightness(0)invert(.67)}html[data-theme=light]{background:var(--color-page-background);color-scheme:light}html[data-theme=light] body{color:var(--color-text-primary)}html[data-theme=light] .wordmark{background:var(--color-wordmark)}html[data-theme=light] .library,html[data-theme=light] .inspector section,html[data-theme=light] .preferences,html[data-theme=light] .artboard-information,html[data-theme=light] .advertisement,html[data-theme=light] .icon-button,html[data-theme=light] .reset,html[data-theme=light] .create-new,html[data-theme=light] .surprise,html[data-theme=light] .save{background:var(--color-panel-background);color:var(--color-light-text)}html[data-theme=light] .project-actions button:hover:not(:disabled){background:var(--color-light-hover)}html[data-theme=light] .project-actions .interface-icon{filter:brightness(0)invert(.18)}html[data-theme=light] .search,html[data-theme=light] .library-tabs,html[data-theme=light] .export-tabs,html[data-theme=light] .joined-field>span,html[data-theme=light] .zoom>span,html[data-theme=light] .fit,html[data-theme=light] .fullscreen,html[data-theme=light] .apply,html[data-theme=light] .setting-label,html[data-theme=light] .chosen-value,html[data-theme=light] .setting-value,html[data-theme=light] .slider,html[data-theme=light] .color-label,html[data-theme=light] .hex-value,html[data-theme=light] .export-size>span{background:var(--color-field-background)}html[data-theme=light] .library-tabs .selected,html[data-theme=light] .preview-tabs .selected,html[data-theme=light] .export-tabs .selected{background:var(--color-white);color:var(--color-light-text)}html[data-theme=light] .preview-tabs{background:var(--color-light-hover)}html[data-theme=light] .search,html[data-theme=light] .export-tabs span,html[data-theme=light] .preview-tabs span,html[data-theme=light] .project-title p,html[data-theme=light] .library-footer,html[data-theme=light] .field-label,html[data-theme=light] .dimension-times,html[data-theme=light] .advertisement,html[data-theme=light] .setting-label,html[data-theme=light] .color-label,html[data-theme=light] .transparency,html[data-theme=light] .export-size{color:var(--color-text-muted)}html[data-theme=light] .pattern-card{background:var(--color-light-card)}html[data-theme=light] .pattern-card.active{background:var(--color-pattern-selection)}html[data-theme=light] .thumbnail{background:var(--color-light-thumbnail)}html[data-theme=light] .active .thumbnail{background:var(--color-pattern-selection)}html[data-theme=light] .diagonal-thumb{background:0 0}html[data-theme=light] .pattern-name{color:var(--color-light-pattern-text)}html[data-theme=light] .active .pattern-name{color:var(--color-neutral-940)}html[data-theme=light] .show-more{background:var(--color-light-checker)}html[data-theme=light] .slider>span{background:var(--color-slider-fill-light);color:var(--color-slider-text-light)}html[data-theme=light] .foreground-swatch,html[data-theme=light] .background-swatch{border-color:var(--color-light-field)}html[data-theme=light] .toggle{background:var(--color-light-toggle)}html[data-theme=light] .toggle i{background:var(--color-white)}html[data-theme=light] .toggle i:after{background:var(--color-light-muted)}html[data-theme=light] .export-scale{color:var(--color-light-text)}html[data-theme=light] .interface-icon,html[data-theme=light] .more-icon{filter:none}html[data-theme=light] .legacy-icon,html[data-theme=light] .apply-icon{filter:brightness(0)saturate()opacity(.7)}html[data-theme=light] .theme:hover{background:var(--color-hover-background)}html[data-theme=light] .theme:focus-visible{outline-color:var(--color-primary)}@media (width>=1101px) and (height<=1100px){.studio{min-height:860px}.advertisement{height:100px}}@media (width<=1500px){.studio{grid-template-columns:280px minmax(0,1fr) 300px;gap:20px}.dimension-value{width:70px}.zoom .zoom-value{width:64px}.zoom>span{width:32px}.artboard-information{flex-wrap:wrap}.advertisement{font-size:20px}}@media (width<=1100px){.studio{grid-template-columns:240px minmax(0,1fr);gap:16px;min-height:100vh;padding:16px}.library-column{grid-row:1/3}.workspace{min-height:680px}.inspector{grid-column:2}.export-panel{margin-top:0}.project-actions{flex-wrap:wrap;flex-basis:100%;gap:8px}.toolbar-main{flex-basis:100%}.advertisement{height:88px;padding:16px;font-size:16px}}@media (width<=700px){.studio{flex-direction:column;display:flex}.library-column{gap:16px}.library{gap:12px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-footer{margin-top:12px}.workspace{min-height:720px}.workspace-toolbar{padding:0}.toolbar-main{flex-wrap:wrap;gap:8px}.project-actions{justify-content:flex-start}.surprise{width:117px}.actions{gap:4px}.reset{width:78px}.save{width:68px}.field-label{width:28px}.dimension-value{width:68px}h1{font-size:18px}}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:2px solid var(--color-focus-button);outline-offset:2px}input[aria-invalid=true]{outline:2px solid var(--color-invalid)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-title p{max-width:245px}.artboard{background:var(--color-neutral-920)}.artwork{object-fit:contain}.artboard.is-transparent{background-color:var(--color-neutral-800);background-image:linear-gradient(45deg,var(--color-neutral-750) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-750) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-750) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-750) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.joined-field>input{background:var(--color-neutral-940);text-align:center;border:0;border-radius:12px;min-width:0;height:40px}.dimensions{margin:0}.live-slider{position:relative;overflow:hidden}.live-slider>.control-fill{pointer-events:none;min-width:0;padding:0}.slider-caption{pointer-events:none;color:var(--color-slider-caption);align-items:center;padding-left:12px;display:flex;position:absolute;inset:0}.live-slider>input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.numeric-setting{background:var(--color-neutral-940);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:78px;height:40px;font:12px/18px Geist Mono,monospace;display:flex}.numeric-setting input{text-align:right;background:0 0;border:0;border-radius:12px;width:51px;min-width:0;height:100%;padding:0;font-size:13px}.numeric-setting>span{color:var(--color-neutral-350);padding-right:5px;font-size:12px}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.hex-value{text-align:center;border:0;min-width:0;font-size:12px}input[type=color]{cursor:pointer;padding:0;overflow:hidden}html[data-theme=dark] input[type=color],html[data-theme=light] input[type=color]{background-color:var(--color-field-background)}html[data-theme=dark] input[type=color]:not(:focus),html[data-theme=light] input[type=color]:not(:focus){border-color:var(--color-field-background)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:11px}input[type=color]::-moz-color-swatch{border:0;border-radius:11px}input:disabled{opacity:.45;cursor:not-allowed}.transparency{cursor:default}.toggle{position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle i{pointer-events:none}.toggle input:checked+i{transform:translate(16px)}.toggle input:checked+i:after{background:var(--color-toggle-on);left:auto;right:4px}.transparency:has(input:checked) #transparency-state{color:var(--color-neutral-100)}html[data-theme=light] #transparency-state{color:var(--color-text-muted)}html[data-theme=light] .transparency:has(input:checked) #transparency-state{color:var(--color-text-primary)}.export-tabs button{height:32px;color:var(--color-text-muted);background:0 0;border-radius:8px;flex:1;padding:0}.export-tabs button.selected{color:var(--color-neutral-100)}select.export-scale{background:var(--color-neutral-940);cursor:pointer;border:0;border-radius:12px;height:40px;padding:0 6px}.download{width:100%}html[data-theme=light] .artboard{background-color:var(--color-light-hover)}html[data-theme=light] .artboard.is-transparent{background-color:var(--color-white);background-image:linear-gradient(45deg,var(--color-light-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--color-light-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-light-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--color-light-checker) 75%)}html[data-theme=light] .joined-field>input,html[data-theme=light] .numeric-setting,html[data-theme=light] select.export-scale{background:var(--color-field-background)}html[data-theme=light] .numeric-setting>span,html[data-theme=light] .export-tabs button{color:var(--color-text-muted)}html[data-theme=light] .export-tabs button.selected{color:var(--color-light-text)}html[data-theme=light] .slider-caption{color:var(--color-slider-text-light)}[hidden]{display:none!important}.search input{width:100%;min-width:0;color:inherit;outline-offset:4px;background:0 0;border:0;padding:0}.search input::placeholder{color:inherit;opacity:1}.library-tabs button{min-width:0;height:32px;color:var(--color-text-muted);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-weight:400;display:flex}.library-tabs .segment-label{font:inherit;white-space:nowrap;line-height:22px}.library-tabs .segment-count{background:var(--color-neutral-850);width:20px;height:20px;color:var(--color-neutral-500);border-radius:50%;flex-shrink:0;place-items:center;font:500 12px/22px Geist,sans-serif;display:grid}.library-tabs button.selected .segment-count{background:var(--color-neutral-910)}.library-tabs button.selected{color:var(--color-neutral-100);background:var(--color-neutral-800);font-weight:500}button.pattern-card{text-align:left;width:100%;padding:6px}.pattern-card.active:not([data-pattern=contour]) .thumbnail{background:var(--color-pattern-preview)}.library-empty{color:var(--color-neutral-350);padding:12px 0;font-size:13px;line-height:20px}.preset-card{min-width:0;position:relative}.preset-load{background:var(--color-neutral-925);text-align:left;border-radius:14px;width:100%;height:120px;padding:6px;display:block}.preset-load img{object-fit:cover;background:repeating-conic-gradient(var(--color-checker-dark-a) 0 25%,var(--color-checker-dark-b) 0 50%) 0 / 12px 12px;border-radius:8px;width:100%;height:82px}.preset-card-name{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:12px;line-height:18px;display:block;overflow:hidden}.preset-delete{background:var(--color-neutral-940);width:24px;height:24px;color:var(--color-neutral-480);opacity:0;pointer-events:none;border-radius:7px;padding:0;font-size:19px;line-height:24px;position:absolute;top:9px;right:9px}.preset-card:hover .preset-delete,.preset-card.is-selected .preset-delete,.preset-card:focus-within .preset-delete{opacity:1;pointer-events:auto}.preset-delete:hover,.preset-delete:focus-visible{background:var(--color-delete-hover);color:var(--color-neutral-100)}@media (hover:none){.preset-delete{opacity:1;pointer-events:auto}}.preset-dialog{border:1px solid var(--color-dialog-border-dark);background:var(--color-neutral-900);width:min(420px,100% - 32px);max-height:calc(100vh - 32px);color:var(--color-neutral-100);box-shadow:0 24px 80px var(--color-dialog-shadow);border-radius:20px;padding:24px;overflow:auto}.preset-dialog::backdrop{background:var(--color-dialog-backdrop)}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dialog-heading h2{font-size:20px;line-height:28px}.dialog-close{background:var(--color-neutral-800);width:32px;height:32px;color:inherit;border-radius:8px;padding:0;font-size:24px}.dialog-preview{object-fit:contain;background:repeating-conic-gradient(var(--color-checker-dark-a) 0 25%,var(--color-checker-dark-b) 0 50%) 0 / 16px 16px;border-radius:12px;width:100%;height:160px;margin-bottom:20px}.preset-name-label{margin-bottom:8px;font-size:13px;display:block}#preset-name,#rename-name{border:1px solid var(--color-light-wordmark);background:var(--color-neutral-940);width:100%;color:inherit;border-radius:10px;height:44px;padding:10px 12px}.dialog-hint{color:var(--color-neutral-350);margin-top:12px;font-size:12px;line-height:19px}.dialog-error{color:var(--color-error-dark);margin-top:8px;font-size:12px;line-height:19px}.dialog-error:empty{display:none}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.dialog-actions button{border-radius:10px;height:40px;padding:0 16px}.dialog-cancel{background:var(--color-neutral-800);color:inherit}.dialog-primary{background:var(--color-primary);color:var(--color-white)}html[data-theme=light] .library-tabs button{color:var(--color-text-muted)}html[data-theme=light] .library-tabs button.selected{background:var(--color-white);color:var(--color-light-text)}html[data-theme=light] .pattern-card.active:not([data-pattern=contour]) .thumbnail{background:var(--color-light-thumbnail)}html[data-theme=light] .preset-load{background:var(--color-light-card)}html[data-theme=light] .library-empty,html[data-theme=light] .dialog-hint{color:var(--color-text-muted)}html[data-theme=light] .preset-dialog{background:var(--color-white);color:var(--color-light-text);border-color:var(--color-dialog-border-light)}html[data-theme=light] #preset-name,html[data-theme=light] #rename-name{background:var(--color-light-field);border-color:var(--color-input-border-light)}html[data-theme=light] .dialog-close,html[data-theme=light] .dialog-cancel{background:var(--color-light-hover)}html[data-theme=light] .dialog-error{color:var(--color-error-light)}.thumbnail.contour-thumb,html[data-theme=light] .thumbnail.contour-thumb{background:var(--color-pattern-selection)}.live-slider,.numeric-setting,.search{position:relative}.live-slider:focus-within:after,.numeric-setting:focus-within:after,.search:focus-within:after{content:"";border:1.5px solid var(--color-focus);border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0}input:focus,select:focus{outline:none}.numeric-setting input:focus,.live-slider input:focus,.search input:focus{border:0}input.hex-value,.joined-field>input,input[type=color],select.export-scale{border:1.5px solid #0000}input.hex-value:focus,.joined-field>input:focus,input[type=color]:focus,select.export-scale:focus{border:1.5px solid var(--color-focus)}input.hex-value:focus,.joined-field>input:focus,input[type=color]:focus,select.export-scale:focus,.live-slider:focus-within,.numeric-setting:focus-within,.zoom-entry:focus-within{z-index:2;position:relative}#preset-name{border-width:1.5px}html[data-theme] #preset-name:focus,html[data-theme] #rename-name:focus{border:1.5px solid var(--color-focus)}html[data-theme=dark] .slider,html[data-theme=dark] .numeric-setting,html[data-theme=dark] .setting-label,html[data-theme=dark] .chosen-value,html[data-theme=dark] .color-label,html[data-theme=dark] .hex-value,html[data-theme=dark] .joined-field>span,html[data-theme=dark] .joined-field>input,html[data-theme=dark] .zoom>span,html[data-theme=dark] .export-size>span,html[data-theme=dark] select.export-scale,html[data-theme=light] .join,html[data-theme=light] .joined-field>.join,html[data-theme=light] .zoom>.join{background-color:var(--color-field-background)}html[data-theme=light] .library-tabs .segment-count{background:var(--color-light-hover);color:var(--color-text-muted)}html[data-theme=light] .library-tabs button.selected .segment-count{background:var(--color-light-field)}.artboard-viewport{touch-action:none;position:absolute;inset:0 0 80px;overflow:hidden}.artboard-viewport .artwork{object-fit:contain;user-select:none;pointer-events:none;max-width:none;inset:50% auto auto 50%}.artboard-viewport.can-pan{cursor:grab}.artboard-viewport.is-panning{cursor:grabbing}.artboard-viewport:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.zoom>button,.fit,.fullscreen,.apply,.zoom-entry{background:var(--color-field-background);border-radius:12px;justify-content:center;align-items:center;height:40px;display:flex}.zoom>button,.fit,.fullscreen,.apply{z-index:2;width:44px;box-shadow:none;border:0;flex-shrink:0;padding:0;position:relative}.zoom>button img{width:16px;height:16px}.zoom-entry{width:84px;padding:0 8px;font-family:Geist Mono,monospace}.zoom-entry input{text-align:right;background:0 0;border:0;outline:none;flex:none;width:3ch;min-width:0;max-width:calc(100% - 1ch);padding:0}.zoom-entry:focus-within{outline:1.5px solid var(--color-focus);outline-offset:-1.5px}.view-controls button:hover:not(:disabled),.apply:hover:not(:disabled),.library-toggle:hover{background:var(--color-hover-background)}.artboard:fullscreen,.artboard.expanded-preview{border-radius:0;width:100%;height:100%}.artboard.expanded-preview{z-index:20;position:fixed;inset:0}.library-toggle{background:0 0;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;padding:4px;display:grid}.studio.library-collapsed{grid-template-columns:52px minmax(0,1fr) 300px}.library-collapsed .library{padding:12px}.library-collapsed .library>:not(.library-heading),.library-collapsed .library-heading h2,.library-collapsed .wordmark{display:none}.library-collapsed .library-heading,.library-collapsed .brand{justify-content:center}.panel-heading h2{width:100%}.panel-disclosure{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;font-weight:500;display:flex}.disclosure-chevron{text-align:center;width:16px;color:var(--color-neutral-350)}.panel-disclosure[aria-expanded=false] .disclosure-chevron{transform:rotate(-90deg)}.panel-content{display:block}.panel-content>.setting-row:first-child,.panel-content>.color-row:first-child{margin-top:0}.inspector .panel-collapsed .panel-heading{margin-bottom:0}html[data-theme=light] .zoom>button,html[data-theme=light] .fit,html[data-theme=light] .fullscreen,html[data-theme=light] .apply,html[data-theme=light] .zoom-entry{background:var(--color-field-background)}html[data-theme=light] .view-controls button:hover:not(:disabled),html[data-theme=light] .apply:hover:not(:disabled),html[data-theme=light] .library-toggle:hover{background:var(--color-hover-background)}@media (width<=1500px){.zoom-entry{width:76px}.zoom>button,.fit,.fullscreen,.apply{width:32px}}@media (width<=1100px){.studio.library-collapsed{grid-template-columns:52px minmax(0,1fr)}}@media (width<=700px){.library-collapsed .library-heading{justify-content:flex-end}.library-collapsed .brand{justify-content:flex-start}.library-collapsed .library{flex:none}}.preview-tabs button{height:32px;color:var(--color-text-muted);white-space:nowrap;background:0 0;border-radius:8px;padding:0 12px}.preview-tabs button.selected{background:var(--color-neutral-800);color:var(--color-neutral-100)}.preview-tabs button:hover:not(.selected){color:var(--color-neutral-100)}html[data-theme=light] .preview-tabs button{color:var(--color-text-muted)}html[data-theme=light] .preview-tabs button.selected{background:var(--color-white);color:var(--color-light-text)}html[data-theme=light] .preview-tabs button:hover{color:var(--color-light-text)}.layout-scene{transform-origin:50%;background:var(--color-white);width:1200px;height:800px;color:var(--color-preview-text);user-select:none;pointer-events:none;font:400 18px/1.5 Geist,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden}.layout-site-header{background:var(--color-white);justify-content:space-between;align-items:center;height:88px;padding:0 48px;display:flex}.layout-brand{letter-spacing:-2px;font-size:36px;font-weight:650}.layout-brand>span{vertical-align:super;letter-spacing:0;margin-left:5px;font-size:14px}.layout-site-links{align-items:center;gap:36px;font-size:16px;display:flex}.layout-contact{border:1px solid var(--color-preview-border);border-radius:28px;padding:10px 22px}.layout-hero{background-color:var(--color-preview-hero);background-position:50%;background-size:cover;align-items:center;height:592px;padding:40px 48px;display:flex}.layout-copy{background:var(--color-white);border-radius:3px;width:464px;padding:32px 36px}.layout-eyebrow{color:var(--color-preview-muted);margin-bottom:16px;font-size:15px;line-height:24px}.layout-copy h2{color:var(--color-preview-text);letter-spacing:-2.5px;margin:0 0 20px;font:550 58px/1.04 Geist,sans-serif}.layout-description{color:var(--color-preview-muted);max-width:330px;margin-bottom:24px;font-size:17px;line-height:26px}.layout-example-cta{background:var(--color-preview-text);color:var(--color-white);border-radius:6px;justify-content:space-between;align-items:center;gap:36px;padding:13px 18px;font-size:16px;display:inline-flex}.layout-site-footer{justify-content:space-between;align-items:center;height:120px;padding:0 48px;display:flex}.layout-site-footer>span{letter-spacing:-.4px;font-size:20px;font-weight:500;line-height:26px}.layout-site-footer p{color:var(--color-preview-muted);text-align:right;font-size:14px;line-height:23px}.export-panel .export-tabs{background:var(--color-neutral-925);gap:8px}.export-panel .export-tabs button.selected{background:var(--color-neutral-800)}.export-size.is-disabled{opacity:.45}.export-size.is-disabled .export-scale{opacity:1;cursor:not-allowed}.export-actions{gap:6px;margin-top:12px;display:flex}.export-actions>button{white-space:nowrap;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:40px;padding:0 8px;font-weight:400;display:flex}.export-actions .download{width:auto;margin:0}.copy-export{background:var(--color-neutral-800);color:var(--color-neutral-100)}.copy-export:hover:not(:disabled){background:var(--color-neutral-850)}html[data-theme=light] .export-panel .export-tabs{background:var(--color-light-hover)}html[data-theme=light] .export-panel .export-tabs button.selected{background:var(--color-white)}html[data-theme=light] .copy-export{background:var(--color-white);color:var(--color-light-text)}.ui-icon{stroke-width:1.75px;pointer-events:none;flex-shrink:0;width:16px;height:16px;display:block}.library-heading .ui-icon,.language .language-globe{width:18px;height:18px}.search .ui-icon,.more .ui-icon{color:var(--color-neutral-500)}.project-title .ui-icon,.pattern-name .ui-icon{width:12px;height:12px}.gift-icon{color:var(--color-gift)}.preset-delete,.dialog-close{place-items:center;display:grid}.pattern-name .pattern-selected-icon,.library-open,.fullscreen-exit,.theme-moon{display:none}.pattern-card.active .pattern-selected-icon{display:block}#toggle-library[aria-expanded=false] .library-close,#fullscreen-preview[aria-pressed=true] .fullscreen-enter{display:none}#toggle-library[aria-expanded=false] .library-open,#fullscreen-preview[aria-pressed=true] .fullscreen-exit{display:block}html[data-theme=light] .theme-sun{display:none}html[data-theme=light] .theme-moon{display:block}html[data-theme=light] .copy-export:hover:not(:disabled){background:var(--color-light-hover)}.project-title{flex-shrink:1;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.project-title h1{text-overflow:ellipsis;min-width:0;overflow:hidden}.title-edit{width:36px;height:36px;color:var(--color-neutral-100);background:0 0;border-radius:12px;flex-shrink:0;place-items:center;padding:0;display:grid}.title-edit:hover{background:var(--color-neutral-850)}.project-title .title-edit .ui-icon{width:16px;height:16px}html[data-theme=light] .title-edit{color:var(--color-light-text)}html[data-theme=light] .title-edit:hover{background:var(--color-light-hover)}.rename-dialog #rename-dialog-description{margin:-4px 0 20px;font-size:14px;line-height:22px}.artboard{container-type:inline-size}.artboard-information{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.artboard-information .dimensions{justify-self:start}.artboard-information .history{justify-self:center}.artboard-information .view-controls{justify-self:end}.artboard-information .icon-button:hover:not(:disabled){background:var(--color-neutral-850)}html[data-theme=light] .artboard-information .icon-button:hover:not(:disabled){background:var(--color-light-hover)}@container (width<=900px){.artboard-information{grid-template-columns:minmax(0,1fr) auto}.artboard-information .dimensions{grid-area:1/1}.artboard-information .view-controls{grid-area:1/2}.artboard-information .history{grid-area:2/1/auto/-1}}@container (width<=600px){.artboard-information{grid-template-columns:minmax(0,1fr)}.artboard-information .view-controls{grid-area:3/1}}.preset-card-name{align-items:center;gap:4px;display:flex}.preset-card-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preset-card-name .custom-selected-icon{width:12px;height:12px;display:none}.preset-load.active{background:var(--color-pattern-selection);color:var(--color-neutral-940);border-radius:12px;font-weight:500}.preset-load.active>img{height:84px}.preset-load.active .preset-card-name{margin-top:6px}.preset-load.active .custom-selected-icon{display:block}html[data-theme=light] .preset-load.active{background:var(--color-pattern-selection);color:var(--color-neutral-940)}.inspector-header{justify-content:flex-end;align-items:center;gap:16px;height:32px;margin-bottom:8px;display:flex}.inspector-header .ui-icon{width:20px;height:20px}.site-menu{position:relative}.site-menu-toggle{color:var(--color-neutral-500)}.site-menu-toggle:hover,.site-menu-toggle[aria-expanded=true]{color:var(--color-neutral-100)}html[data-theme=light] .site-menu-toggle:hover,html[data-theme=light] .site-menu-toggle[aria-expanded=true]{color:var(--color-light-text)}.site-menu-links{z-index:10;background:var(--color-neutral-925);border-radius:16px;min-width:100px;padding:8px;position:absolute;top:calc(100% + 12px);right:0}.site-menu-links a{color:var(--color-text-muted);text-align:right;border-radius:8px;padding:2px 10px;text-decoration:none;display:inline-block}.site-menu-links a:hover,.site-menu-links a:focus-visible{color:var(--color-neutral-100);background:var(--color-hover-background)}html[data-theme=light] .site-menu-links{background:var(--color-white)}html[data-theme=light] .site-menu-links a{color:var(--color-text-muted)}html[data-theme=light] .site-menu-links a:hover,html[data-theme=light] .site-menu-links a:focus-visible{color:var(--color-light-text);background:var(--color-hover-background)}.inspector-header .theme{padding:0}.library-footer{flex-flow:column;width:100%}.library-footer .surprise{white-space:nowrap;flex:none;width:100%}.library-footer-links{text-align:left;width:100%;padding-top:0}.site-menu-toggle[aria-expanded=true],html[data-theme=light] .site-menu-toggle[aria-expanded=true]{background:var(--color-hover-background)}.library>.surprise{width:100%;margin-top:auto}.inspector-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding-top:1rem}.inspector-footer .library-footer-links{text-align:right;width:auto}.inspector-footer .site-menu-toggle{padding:0}.inspector-footer .site-menu-toggle .ui-icon{width:20px;height:20px}.inspector-footer .site-menu-links{text-align:center;inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)}.inspector-footer .site-menu-links a{text-align:center;display:block}.github-coming-soon{opacity:.45;cursor:default;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.inspector-footer .library-footer-links{opacity:.6}.github-coming-soon{opacity:1;position:relative}.github-coming-soon>.ui-icon{opacity:.45}.github-tooltip{z-index:20;background:var(--color-neutral-800);color:var(--color-neutral-100);white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;border-radius:8px;padding:4px 8px;font:12px/18px Geist,sans-serif;position:absolute;top:calc(100% + 8px);right:0}.github-coming-soon:hover .github-tooltip{visibility:visible;opacity:1}html[data-theme=light] .github-tooltip{background:var(--color-light-text);color:var(--color-neutral-100)}.inspector-header .language{border-radius:8px;height:32px;margin-right:0;padding:6px}.inspector-header .language:hover,html[data-theme=light] .inspector-header .language:hover{background:var(--color-hover-background)}.inspector-header .preferences-actions{gap:8px}.inspector-header .language .language-globe{width:16px;height:16px}html[data-theme=light] .surprise{background:var(--color-light-card)}html[data-theme=light] .surprise:hover:not(:disabled){background:var(--color-light-hover)}html[data-theme=dark] .surprise:hover:not(:disabled){background:var(--color-neutral-750)}.language-picker{flex-shrink:0;position:relative}.language-picker .language{color:var(--color-text-primary);background:0 0}.language-picker .language[aria-expanded=true]{background:var(--color-hover-background)}.language-dropdown{z-index:20;background:var(--color-neutral-925);border-radius:16px;width:148px;padding:8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.language-dropdown button{width:100%;height:32px;color:var(--color-text-muted);text-align:left;white-space:nowrap;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;display:flex}.language-dropdown button[aria-pressed=true]{color:var(--color-text-primary)}.language-dropdown button:not([aria-pressed=true]):hover,.language-dropdown button:not([aria-pressed=true]):focus-visible{background:var(--color-hover-background);color:var(--color-text-primary)}.inspector-header .language-dropdown .language-check{width:16px;height:16px}html[data-theme=light] .language-dropdown{background:var(--color-white)}@media (width>=701px) and (width<=1100px){.workspace-toolbar{grid-template-columns:auto minmax(0,1fr);gap:16px 12px;padding:0;display:grid}.workspace-toolbar .toolbar-main{flex-wrap:nowrap;grid-column:1/-1;gap:16px;width:100%;display:flex}.toolbar-main .project-title{flex:1}.toolbar-main .inspector-header{flex-shrink:0;margin:0}.workspace-toolbar .preview-tabs{grid-area:2/1}.workspace-toolbar .project-actions{flex-wrap:nowrap;grid-area:2/2;justify-content:flex-end;min-width:0}.workspace-toolbar .actions{flex-wrap:nowrap}}@media (width>=701px) and (width<=850px){.workspace-toolbar .preview-tabs button{padding:0 10px}.workspace-toolbar .reset{width:78px}.workspace-toolbar .save{width:68px}.workspace-toolbar .create-new{padding:0 10px}}@media (width<=700px){.workspace-toolbar .toolbar-main{flex-wrap:nowrap;gap:12px;width:100%}.toolbar-main .project-title{flex:1}.toolbar-main .inspector-header{flex-shrink:0;gap:8px;margin:0}}.brand-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}@media (width<=700px){.brand-row .inspector-header{flex-shrink:0;gap:8px;margin:0}.workspace-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 8px;display:grid}.workspace-toolbar .toolbar-main{grid-column:1/-1}.workspace-toolbar .preview-tabs{grid-area:2/1}.workspace-toolbar .project-actions{flex-wrap:nowrap;grid-area:2/2;justify-content:flex-end;min-width:0}.workspace-toolbar .actions{flex-wrap:nowrap;gap:4px}.workspace-toolbar .actions>button{gap:0;width:36px;height:36px;padding:0}.workspace-toolbar .action-label,.workspace-toolbar #save-label{display:none}.workspace-toolbar .preview-tabs button{padding:0 10px}}.library-toggle-label{display:none}@media (width<=700px){.library-heading{margin:-16px -16px 0}.library-heading h2{display:none}.library-heading .library-toggle{border-radius:16px;justify-content:space-between;align-items:center;width:100%;height:60px;padding:16px;display:flex}.library-toggle-label{font-size:18px;font-weight:500;line-height:28px;display:block}.library-collapsed .library-heading{margin:-12px}.brand .wordmark{display:none}.workspace-toolbar .actions .history{gap:4px;display:flex}.workspace-toolbar .actions>button,.workspace-toolbar .history .icon-button{width:32px;height:36px;padding:0}}@media (width<=360px){.workspace-toolbar{column-gap:4px}.workspace-toolbar .preview-tabs{gap:0}.workspace-toolbar .preview-tabs button{padding:0 6px;font-size:12px}.workspace-toolbar .actions,.workspace-toolbar .actions .history{gap:2px}.workspace-toolbar .actions>button,.workspace-toolbar .history .icon-button{width:26px}}@media (width<=700px){.workspace-toolbar .project-actions{grid-column:1/-1;justify-content:center}.artboard-viewport .preview-tabs{z-index:3;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.studio .actions{align-items:center;gap:4px;display:flex}.studio .actions>button,.studio .actions .history .icon-button{border-radius:12px;width:32px;height:36px;padding:0}.studio .actions .history{gap:4px;display:flex}.studio .actions .action-label,.studio .actions #save-label{display:none}.studio .actions>.fit{width:36px;font-size:12px}.artboard>.actions{z-index:4;background:var(--color-panel-background);border-radius:16px;padding:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}}@media (width<=360px){.studio .actions,.studio .actions .history{gap:2px}.studio .actions>button,.studio .actions .history .icon-button{width:30px}}@media (width<=700px){.workspace-toolbar .project-actions,.workspace-toolbar .actions{width:100%}.workspace-toolbar .actions>.fit{margin-left:auto}.workspace-toolbar .project-title{text-align:center;justify-content:center}.workspace-toolbar .project-title h1{font-size:20px;line-height:28px}.studio .actions>button,.studio .actions .history .icon-button{flex:0 0 36px;width:36px;min-width:36px;height:36px;padding:0}}.canvas-options{display:none}@media (width<=700px){.canvas-options{flex:0 0 36px;display:block;position:relative}.canvas-options>.icon-button{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.canvas-options>.icon-button[aria-expanded=true]{background:var(--color-hover-background)}#canvas-options-panel{z-index:10;width:min(360px,100vw - 32px);position:absolute;top:calc(100% + 8px);right:0}#canvas-options-panel[hidden]{display:none}#canvas-options-panel .artboard-information{border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding:8px;display:flex;position:static}#canvas-options-panel .dimensions{gap:4px;width:100%}#canvas-options-panel .joined-field{flex:1;min-width:0}#canvas-options-panel .dimension-value{width:100%;min-width:0}#canvas-options-panel .field-label{flex-shrink:0}#canvas-options-panel .dimension-times{flex:0 0 16px;width:16px}#canvas-options-panel .apply{flex:0 0 36px;width:36px}#canvas-options-panel .view-controls{align-self:flex-end}#canvas-options-panel .zoom{width:auto}.workspace-toolbar{z-index:5;position:relative}}@media (width<=360px){.studio .actions{flex-wrap:wrap;row-gap:8px}}@media (width<=700px){.library-toggle-label{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.library-toggle>.ui-icon{flex-shrink:0}.workspace-toolbar .toolbar-main{display:none}}.thumbnail.pattern-preview-thumb{padding:0}.thumbnail.pattern-preview-thumb>img{object-fit:cover;width:100%;height:100%;display:block}html[data-theme] .pattern-card.active,html[data-theme] .preset-load.active{background:var(--pattern-card-color,var(--color-pattern-selection));color:var(--pattern-card-text,var(--color-neutral-940))}html[data-theme] .pattern-card.active .pattern-name{color:var(--pattern-card-text,var(--color-neutral-940))}.pattern-card:hover,.preset-load:hover{box-shadow:inset 0 0 0 1px var(--pattern-card-color,var(--color-pattern-selection))}.library-column{align-self:start;height:calc(100dvh - 48px);position:sticky;top:24px}.library{min-height:0}.library-heading,.library-tabs,.library>.surprise{flex-shrink:0}.pattern-list{flex:1;min-height:0;margin-right:-16px;position:relative}.pattern-list-viewport{overscroll-behavior:contain;scrollbar-width:none;height:100%;padding-right:16px;overflow:hidden auto}.pattern-list-viewport::-webkit-scrollbar{display:none}.pattern-list-viewport:focus-visible{outline:1.5px solid var(--color-focus);outline-offset:2px;border-radius:8px}.pattern-scrollbar{background:var(--color-hover-background);opacity:0;pointer-events:none;border-radius:4px;width:4px;position:absolute;top:4px;bottom:4px;right:5px}.pattern-scroll-thumb{border-radius:inherit;background:var(--color-text-muted);cursor:grab;touch-action:none;width:4px;position:absolute;top:0;left:0}.pattern-list:hover .pattern-scrollbar:not([hidden]),.pattern-list.is-scrolling .pattern-scrollbar:not([hidden]){opacity:.6;pointer-events:auto}.pattern-list.is-scrolling .pattern-scroll-thumb{cursor:grabbing}@media (width<=1100px){.library-column{height:calc(100dvh - 32px);top:16px}}@media (width<=700px){.library-column{height:auto;position:static}.pattern-list{flex:none;height:min(400px,50dvh)}}.export-error{margin-top:12px}.preset-rename{display:none}@media (width<=700px){.preset-rename{background:var(--color-neutral-940);width:28px;height:28px;color:var(--color-neutral-480);border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:9px;left:9px}.preset-rename:hover,.preset-rename:focus-visible{background:var(--color-hover-background);color:var(--color-text-primary)}.preset-rename .ui-icon{width:16px;height:16px}}.dialog-primary:hover:not(:disabled){background:var(--color-primary-hover)}.dialog-cancel:hover:not(:disabled),.dialog-close:hover:not(:disabled){background:var(--color-neutral-750)}html[data-theme=light] .dialog-cancel:hover:not(:disabled),html[data-theme=light] .dialog-close:hover:not(:disabled){background:var(--color-light-checker)}