:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:400;color:#eeeeed;background:#030303;--panel:#131313;--border:#2a2a2a;--muted:#858585;--nav:236px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c7b6f2;outline-offset:4px}input:focus-visible,select:focus-visible{outline:1px solid #9a86c2;outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2{font-weight:550;letter-spacing:-.045em}h1{font-size:52px;line-height:1.04}h2{font-size:39px;line-height:1.12}h3{font-weight:550}p{line-height:1.6;color:#929292}small{font-size:10px;color:#8a8a8a}.logo{font-family:'Instrument Serif',Georgia,serif;font-size:31px;line-height:1;letter-spacing:-1.6px}.btn{min-height:32px;padding:6px 11px;display:inline-flex;gap:7px;align-items:center;justify-content:center;background:#202020;border:1px solid #2c2c2c;border-radius:8px;font-size:12px;white-space:nowrap;box-shadow:0 1px 2px #0003;transition:background .2s,transform .2s}.btn:hover{background:#303030}.btn.primary{background:#e8e8e6;color:#111;border-color:#ddd}.btn.primary:hover{background:#fff}.btn.subtle{background:#171717}.btn.active{background:#f0efed;color:#141414;border-color:#e4e4e4}.btn.danger{color:#ffafaf;background:#3f1b1b}.icon{font-size:17px;line-height:1;font-weight:400;display:inline-flex;align-items:center;justify-content:center;width:16px}.icon-btn{width:30px;min-width:30px;padding:4px}.actions{display:flex;gap:10px;align-items:center}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.7px;color:#8e8e8e;display:block;margin-bottom:20px}.pill{border:1px solid #2d2d2d;background:#111a;border-radius:30px;color:#bbb;display:inline-block;font-size:12px;padding:5px 11px}.site-header{max-width:1120px;margin:auto;display:flex;align-items:center;height:64px;gap:30px;position:absolute;z-index:5;left:0;right:0}.site-header nav{display:flex;align-items:center;gap:24px;color:#aaa}.site-header nav a:hover{color:#fff}.site-header nav small{border:1px solid #313131;border-radius:20px;padding:1px 5px;margin-left:4px}.header-right{margin-left:auto;display:flex;gap:7px}.landing{overflow:hidden}.hero{height:max(760px,100svh);max-height:1080px;position:relative}.art-field{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#000 66%,transparent 99%)}.floating-art{position:absolute;text-align:left;width:16%;padding:0;transition:transform .6s;animation:float-in 1.2s ease both}.floating-art:hover{transform:translateY(-10px) rotate(-1deg)}.floating-art img{width:100%;border-radius:15px;display:block;box-shadow:0 0 40px #ffffff07}.floating-art span{font:10px ui-monospace,SFMono-Regular,monospace;display:block;margin-top:11px}.floating-art small{font:9px ui-monospace,monospace;display:block;margin-top:5px;color:#8a8a8a}.art-0{left:13.8%;top:10.2%;width:12%}.art-1{left:29.6%;top:16.6%;width:15.8%;animation-delay:.1s}.art-2{left:49.6%;top:35.6%;width:15.8%;animation-delay:.25s}.art-3{left:69.5%;top:8.4%;width:14.5%;animation-delay:.15s}.art-4{left:89.5%;top:32%;width:16%;animation-delay:.3s}.art-5{left:12.6%;top:42%;width:13%}.art-6{left:69.5%;top:51.5%;width:15.8%;animation-delay:.25s}.art-7{left:-5%;top:55.5%;width:13.5%}.art-8{left:37.5%;top:73%;width:12%;animation-delay:.4s}.art-9{left:93.5%;top:-3%;width:13%}.hero-content{position:absolute;max-width:1120px;margin:auto;left:0;right:0;bottom:7%;display:flex;align-items:end;justify-content:space-between;z-index:2}.hero h1{margin-top:20px;max-width:650px}.hero-aside{padding-bottom:4px}.hero-aside p{margin-bottom:20px}.section{max-width:1120px;margin:0 auto;padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading p{margin-top:17px}.section-heading .eyebrow{margin-bottom:15px}.studio-teaser{padding-top:75px}.studio-mock{display:flex;gap:9px;background:#080808;padding:9px;border:1px solid #2a2a2a;border-radius:16px;height:460px;overflow:hidden;position:relative}.mock-left,.mock-right{border:1px solid #292929;border-radius:11px;background:#141414;width:180px;padding:20px;flex-shrink:0}.mock-left p,.mock-right p{font-size:12px;margin:22px 0}.mock-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mock-swatches img{width:100%;border-radius:6px}.mock-art{width:calc(100% - 378px);object-fit:cover;border-radius:10px}.mock-right span{display:block;margin-top:150px;font-size:11px}.flow-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.flow-section p,.embed-section p{margin:20px 0 25px}.flow-preview{height:320px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#242424 1px,transparent 1px);background-size:14px 14px;border:1px solid #252525;border-radius:13px;padding:28px}.mini-node{width:105px;border:1px solid #333;background:#171717;border-radius:8px;padding:10px;font-size:10px;transform:translateY(-20px)}.mini-node:nth-of-type(2){transform:translateY(35px)}.mini-gradient,.mini-glass{height:78px;border-radius:4px;margin-top:10px;background:linear-gradient(140deg,#ef9737,#d8492c,#180d3c)}.mini-glass{background:repeating-linear-gradient(90deg,#080808,#b0b0b0 5px,#353535 11px)}.connector-line{width:26px;border-top:1px solid #666}.flow-preview>img{width:130px;border-radius:9px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.look-card{text-align:left;display:block;width:100%;padding:0;min-width:0}.look-image{overflow:hidden;border-radius:12px;position:relative;background:#121212;aspect-ratio:1.15}.look-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.look-card:hover .look-image>img{transform:scale(1.04)}.look-caption{display:flex;justify-content:space-between;align-items:center;margin:13px 0 4px}.look-caption h3{font-size:13px}.look-caption>span{color:#777}.look-card>p{font-size:11px;color:#777}.remix-pill{position:absolute;bottom:12px;left:12px;padding:7px 12px;border-radius:20px;background:#111b;backdrop-filter:blur(10px);font-size:11px;border:1px solid #ffffff26;opacity:0;transform:translateY(6px);transition:.25s}.look-card:hover .remix-pill,.look-card:focus-visible .remix-pill{opacity:1;transform:none}.embed-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.embed-section pre{white-space:pre-wrap;border:1px solid #2c2c2c;border-radius:13px;padding:42px;background:linear-gradient(130deg,#16121d,#0c0c0c);color:#c7bfd2;line-height:1.8}.embed-section pre span{color:#777}.pricing{text-align:center;border-top:1px solid #202020}.pricing>p{margin-top:20px}.price-card{text-align:left;border:1px solid #333;border-radius:16px;padding:30px;width:390px;max-width:100%;margin:35px auto 0;background:linear-gradient(135deg,#181818,#111)}.price-card h3{font-size:45px;margin:25px 0 10px;font-weight:500}.price-card h3 small{font:12px 'DM Sans',sans-serif;letter-spacing:0}.price-card ul{list-style:none;padding:10px 0 20px;color:#aaa;line-height:2.6}.price-card li:before{content:'✓';color:#ddd;margin-right:11px}.price-card .btn{width:100%}.faq{max-width:780px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid #272727;padding:22px 0}.faq summary{font-size:15px}.faq details p{padding-top:15px;max-width:650px}.final-cta{text-align:center;padding:130px 0;background:radial-gradient(ellipse at center,#31243c3d,transparent 65%)}.final-cta h2{font-size:48px}.final-cta p{margin:22px 0}.final-cta .btn{padding:9px 18px}footer{border-top:1px solid #242424;max-width:1120px;margin:40px auto 0;padding:30px 0 40px;display:flex;align-items:center;gap:35px;color:#777;font-size:11px}footer .logo{color:#ddd}footer .local-label{margin-left:auto}.local-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#777}.local-label i,.canvas-status i{width:5px;height:5px;display:inline-block;background:#819d7e;border-radius:100%}.sidebar{width:var(--nav);position:fixed;left:0;top:0;bottom:0;padding:27px 10px 18px;background:#030303;display:flex;flex-direction:column;z-index:20}.sidebar>.logo{margin:3px 9px 48px;font-size:27px}.nav-section{margin-bottom:28px}.nav-section>label{display:block;font-size:11px;color:#777;margin:0 10px 10px}.nav-link{display:flex;align-items:center;gap:9px;padding:10px 11px;margin-bottom:4px;border-radius:9px;font-size:13px;color:#cecece}.nav-link:hover{background:#0f0f0f}.nav-link.active{background:#181818;color:#eee}.nav-link small{font-size:9px;border:1px solid #2b2b2b;border-radius:20px;padding:2px 5px;margin-left:auto}.nav-bottom{margin-top:auto}.nav-bottom .btn{background:none;border:0;box-shadow:none;justify-content:start;width:100%}.nav-bottom .local-label{padding:15px 13px 0}.sidebar.collapsed{width:66px}.sidebar.collapsed .logo{font-size:22px;margin:4px 1px 45px}.sidebar.collapsed .nav-link span:not(.icon),.sidebar.collapsed .nav-link small,.sidebar.collapsed label,.sidebar.collapsed .local-label span{display:none}.sidebar.collapsed .nav-link{font-size:0;padding:12px}.sidebar.collapsed .nav-link .icon{font-size:18px}.sidebar.collapsed .local-label{justify-content:center;padding:16px 0}.workspace{height:100dvh;margin-left:var(--nav);padding:8px 8px 8px 0;display:grid;grid-template-columns:232px minmax(320px,1fr) 244px;gap:8px}.workspace.wide{margin-left:66px}.panel{background:var(--panel);border:1px solid #2e2e2e;border-radius:15px;overflow:hidden;min-width:0}.effects,.props{display:flex;flex-direction:column}.panel-heading{height:55px;min-height:55px;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:650}.panel-heading>div{display:flex;gap:4px}.panel-heading .btn{background:#1c1c1c;border-color:#272727}.panel-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent;flex:1}.preset-group{margin:0 15px;padding:14px 0;border-bottom:1px solid #1e1e1e}.preset-group h3{font-size:13px;margin:0 0 15px}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.preset{aspect-ratio:1;border-radius:12px;padding:0;border:1px solid transparent;overflow:hidden;position:relative;transition:.15s}.preset img{display:block;width:100%;height:100%;object-fit:cover}.preset:hover{transform:scale(1.05);border-color:#888}.preset.selected{outline:2px solid #e9e9e9;outline-offset:1px}.canvas-panel{display:flex;flex-direction:column;padding:0 7px 4px}.toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;gap:5px}.toolbar>div{display:flex;align-items:center;gap:5px}.toolbar .btn{font-size:11px;padding-left:8px;padding-right:8px}.toolbar select{width:49px;background:transparent;border:0;font-size:10px;padding:3px}.toolbar .ratio-group{background:#030303;border-radius:8px;padding:3px;gap:1px}.ratio-group button{width:24px;height:25px;border-radius:6px;color:#aaa;font-size:17px;line-height:1}.ratio-group button.active{background:#ddd;color:#111}.canvas-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(#30303055 .7px,transparent .7px);background-size:9px 9px;border-radius:11px;overflow:hidden}#main-canvas{display:block;max-width:100%;border-radius:10px}.canvas-status{display:flex;justify-content:space-between;align-items:center;gap:5px;height:24px;font-size:9px;color:#666;padding:0 5px}.canvas-status i{margin-right:4px;width:4px;height:4px}.props details{margin:0 15px;border-bottom:1px solid #202020}.props summary{font-weight:600;padding:20px 0;font-size:12px}.props summary>span{color:#777;font-weight:400;display:flex;align-items:center;gap:8px}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}summary::-webkit-details-marker{display:none}.prop-content{padding:0 0 17px}.props details[open] summary{padding-bottom:17px}.active-dot{display:inline-block;width:4px;height:4px;background:#ccc;border-radius:50%}.colors-label{display:flex;justify-content:space-between;color:#a4a4a4;font-size:11px}.colors-label>span{color:#5e5e5e}.color-strip{height:15px;margin:14px 0 9px;border-radius:4px}.color-inputs{display:flex;justify-content:space-between;gap:8px;margin-bottom:23px}.color-inputs label{width:25%;display:flex;flex-direction:column;align-items:center;gap:4px}.color-inputs small{font-size:8px;color:#777}.color-inputs input{width:31px;height:30px;padding:0;background:none;border:1px solid #454545;border-radius:7px;cursor:pointer}.color-inputs input::-webkit-color-swatch-wrapper{padding:2px}.color-inputs input::-webkit-color-swatch{border:0;border-radius:4px}.range-label{display:grid;grid-template-columns:1fr 49px 61px;align-items:center;gap:8px;font-size:11px;color:#9e9e9e;margin-top:13px}.number{background:#202020;border:1px solid #333;border-radius:6px;color:#ddd;width:100%;height:29px;text-align:center;font-size:10px;appearance:textfield}.number::-webkit-inner-spin-button{display:none}input[type=range]{width:100%;height:4px;accent-color:#e4e4e4;cursor:pointer;appearance:none;background:#313131;border-radius:10px}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#e5e5e5;border-radius:50%;box-shadow:0 0 1px #000}select{background:#202020;border:1px solid #343434;border-radius:7px;height:30px;padding:3px 8px;color:#ccc;font-size:11px}.select-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#999;margin-top:16px}.select-label select{max-width:128px;width:60%}.toggle-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:16px}.switch{appearance:none;width:28px;height:16px;border-radius:20px;background:#373737;position:relative;cursor:pointer;margin:0}.switch:after{content:'';position:absolute;left:2px;top:2px;border-radius:50%;width:12px;height:12px;background:#aaa;transition:.15s}.switch:checked{background:#ddd}.switch:checked:after{left:14px;background:#222}.upload{display:block;border:1px dashed #454545;border-radius:8px;text-align:center;padding:15px 7px;font-size:11px;color:#bbb;cursor:pointer}.upload:hover{background:#222}.upload input{display:none}.hint{font-size:11px;color:#777;line-height:1.6;margin-top:14px}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.4}.layer-list{padding:12px 9px;overflow:auto}.layer-row{display:flex;align-items:center;gap:5px;padding:7px 5px;border:1px solid transparent;border-radius:9px;margin-bottom:6px;width:100%;font-size:11px}.layer-row.selected{background:#262626;border-color:#555}.layer-row.drag-over{border-color:#ddd}.drag-grip{color:#777;cursor:grab;font-size:18px}.layer-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;font-size:11px;padding:0}.layer-thumb{display:inline-block;width:32px;height:32px;border-radius:7px;background-size:cover;flex-shrink:0}.mini-btn{padding:3px;color:#909090;font-size:14px}.mini-btn:hover{color:#fff}.gradient-row{padding-left:21px;gap:10px}.gradient-row small{margin-left:auto;font-size:8px}.panel-footnote{margin-top:auto;padding:20px 16px;font-size:10px;color:#555;line-height:1.7}.library-page{margin-left:var(--nav);padding:70px 45px 60px;max-width:1650px}.library-page.wide{margin-left:66px}.library-heading{margin-bottom:40px}.library-heading h1{font-size:44px}.library-heading p{margin-top:16px;font-size:13px}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.filter-group{display:flex;gap:6px}.filter-group .btn{border:0;border-radius:20px;font-size:11px;padding:7px 13px;background:transparent;color:#888}.filter-group .btn.active{background:#232323;color:#fff}.gallery-tools input{background:#141414;border:1px solid #2e2e2e;padding:9px 13px;border-radius:8px;width:190px;font-size:11px}.library-page .gallery-grid{gap:30px 20px}.library-page .look-image{aspect-ratio:1}.saved-card{position:relative}.delete-saved{position:absolute;top:10px;right:10px;background:#1119;border-radius:20px;width:25px;height:25px}.empty-state{text-align:center;padding:100px 0}.empty-state>.icon{font-size:30px;margin-bottom:24px}.empty-state h2{font-size:28px}.empty-state p{margin:16px 0 22px}.flow-workspace{margin-left:var(--nav);position:relative;height:calc(100dvh - 16px);margin-top:8px;margin-right:8px;border:1px solid #303030;border-radius:15px;overflow:hidden;background-image:radial-gradient(#252525 1px,transparent 1px);background-size:14px 14px}.flow-workspace.wide{margin-left:66px}.flow-top{position:absolute;z-index:5;top:14px;right:14px;left:14px;display:flex;align-items:center;gap:8px}.flow-top>.eyebrow{margin:0 auto 0 6px}.flow-top input{width:170px;padding:10px;background:#151515;border:1px solid #303030;border-radius:8px;font-size:11px}.graph-scroll{height:100%;width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.graph{position:relative;min-width:1250px;min-height:1200px;transform-origin:0 0}.wires{position:absolute;inset:0;pointer-events:none}.wires path{stroke:#5d5d5d;stroke-width:1;fill:none}.flow-node{position:absolute;width:240px;background:#161616;border:1px solid #393939;border-radius:10px;box-shadow:0 8px 30px #0006}.node-heading{height:36px;border-bottom:1px solid #303030;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;cursor:grab;touch-action:none}.node-heading small{font-size:8px;color:#717171;letter-spacing:.5px}.node-body{padding:14px}.node-body .preset-grid{gap:7px}.node-body .preset{border-radius:7px}.node-body .color-strip{height:23px;margin-bottom:0}.node-body .range-label{grid-template-columns:1fr 45px 68px}.port{position:absolute;right:-13px;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#aaa;border:3px solid #171717;outline:1px solid #888;z-index:3;padding:0}.port.disconnected{background:#252525;outline-color:#555}.port.input{right:auto;left:-13px;top:124px}.node-delete{position:absolute;top:-9px;right:-9px;background:#262626;border:1px solid #444;border-radius:50%;height:20px;width:20px;opacity:0;font-size:12px}.flow-node:hover .node-delete{opacity:1}.output-node{width:350px}.output-node canvas{width:100%;height:284px;border-radius:0!important}.output-tools{display:flex;justify-content:space-between;padding:9px}.output-tools .btn{font-size:10px}.flow-bottom{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:7px;pointer-events:none}.flow-bottom>*{pointer-events:auto}.flow-bottom>span{margin:auto;background:#111e;padding:8px 12px;border:1px solid #252525;border-radius:7px;font-size:10px;color:#888}.docs-page{max-width:1000px;margin-left:var(--nav);padding:80px 60px}.docs-page h1{font-size:45px;margin-bottom:55px}.docs-page article{display:flex;gap:30px;border-top:1px solid #292929;padding:28px 0}.docs-page article>span{font:11px ui-monospace,monospace;color:#666;padding-top:8px}.docs-page article h2{font-size:22px;letter-spacing:-.02em}.docs-page article p{margin-top:12px}.full-width{width:100%;margin-top:20px}.field-label{display:flex;flex-direction:column;gap:9px;margin-top:22px;font-size:12px;color:#aaa}.field-label input,.field-label select{height:40px;padding:10px 12px;width:100%;font-size:12px;background:#202020;border:1px solid #383838;border-radius:8px;color:#eee}.field-label input[readonly]{font-size:10px;color:#999}dialog{background:#151515;color:#eee;border:1px solid #3b3b3b;border-radius:18px;padding:35px;width:450px;max-width:calc(100vw - 30px);box-shadow:0 20px 90px #000b;max-height:90dvh;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{font-size:31px;margin-bottom:13px}dialog p{font-size:12px}dialog .eyebrow{margin-bottom:17px}.modal-close{position:absolute;right:12px;top:10px;color:#888;font-size:23px;width:29px;height:29px}.effect-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.effect-picker .btn{height:55px;justify-content:start;font-size:11px}#toast{position:fixed;z-index:1000;bottom:27px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border:1px solid #444;border-radius:10px;background:#242424;box-shadow:0 5px 25px #0008;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}hr{border:0;border-top:1px solid #303030;margin:20px 0}@keyframes float-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1600px){:root{--nav:256px}.workspace{grid-template-columns:256px minmax(320px,1fr) 256px}}@media(max-width:1250px){:root{--nav:185px}.workspace{grid-template-columns:190px minmax(270px,1fr) 225px}.toolbar .btn{font-size:0;width:29px;padding:4px}.toolbar .btn .icon{font-size:17px}.toolbar .ratio-group button{width:21px}.preset-grid{gap:7px}.range-label{grid-template-columns:1fr 43px 51px;gap:6px}.site-header,.hero-content,.section,footer{margin-left:7%;margin-right:7%}.hero h1{font-size:46px}.library-page{padding:55px 28px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-preview{padding:15px}.mini-node{width:90px}.flow-preview>img{width:100px}.connector-line{width:16px}}@media(max-width:1000px){:root{--nav:68px}.sidebar{padding:23px 8px}.sidebar>.logo{font-size:23px;margin:4px 0 44px}.sidebar .nav-link span:not(.icon),.sidebar .nav-link small,.sidebar label,.sidebar .local-label span{display:none}.sidebar .nav-link{font-size:0;padding:12px}.sidebar .nav-link .icon{font-size:18px}.sidebar .nav-bottom .local-label{justify-content:center;padding:16px 0}.workspace{grid-template-columns:175px minmax(250px,1fr) 215px}.hero h1{font-size:39px}.hero-aside p{font-size:11px}.hero-aside .btn{font-size:10px}.flow-section,.embed-section{gap:30px}.mock-left,.mock-right{width:140px;padding:14px}.mock-art{width:calc(100% - 298px)}.flow-preview>img{width:85px}.mini-node{width:75px;font-size:9px}.library-page .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{gap:20px}footer .local-label{display:none}.filter-group .btn{padding:6px 8px}}@media(max-width:760px){:root{--nav:0px}.site-header{height:65px;margin-left:22px;margin-right:22px;gap:25px}.site-header .logo{font-size:29px}.site-header nav{gap:15px;font-size:11px}.site-header nav>a:nth-child(2),.header-right>a:last-child{display:none}.site-header .btn{font-size:10px}.hero{height:850px;max-height:1100px}.art-field{mask-image:linear-gradient(#000 50%,transparent 90%)}.floating-art{width:28%}.art-0{top:12%;left:5%;width:23%}.art-1{top:23%;left:38%;width:28%}.art-2{top:45%;left:7%;width:30%}.art-3{top:12%;left:77%;width:28%}.art-4{top:46%;left:77%}.art-5{top:30%;left:-12%;width:28%}.art-6{top:58%;left:42%;width:26%}.art-7{top:65%;left:-10%}.art-8,.art-9{display:none}.hero-content{bottom:35px;display:block;margin:0 25px}.hero h1{font-size:41px}.hero .pill{font-size:10px}.hero-aside{margin-top:22px}.hero-aside p{font-size:12px;margin-bottom:15px}.hero-aside p br{display:none}.hero-aside .btn{font-size:12px}.section{padding:55px 0;margin-left:25px;margin-right:25px}.section-heading{display:block}.section-heading>.btn{margin-top:20px}h2{font-size:30px}.studio-mock{height:310px}.mock-left{width:100px;padding:12px 8px}.mock-right{display:none}.mock-swatches{grid-template-columns:repeat(2,1fr)}.mock-art{width:calc(100% - 109px)}.flow-section,.embed-section{grid-template-columns:1fr}.flow-preview{height:270px}.mini-node{width:95px}.flow-preview>img{width:110px}.section .gallery-grid,.library-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.embed-section pre{padding:24px;font-size:11px}.final-cta{padding:80px 0}.final-cta h2{font-size:37px}.faq summary{font-size:13px}footer{margin:0 25px;padding:26px 0;gap:18px;flex-wrap:wrap;font-size:9px}footer .logo{font-size:27px}.sidebar,.sidebar.collapsed{height:58px;width:100%;bottom:auto;flex-direction:row;align-items:center;padding:8px 14px;border-bottom:1px solid #232323}.sidebar>.logo,.sidebar.collapsed>.logo{margin:0 14px 0 0;font-size:26px}.sidebar .nav-section{display:flex;margin:0;gap:3px}.sidebar .nav-section label{display:none}.sidebar .nav-link{padding:8px;margin:0;font-size:0}.sidebar .nav-link .icon{font-size:18px}.sidebar .nav-bottom{margin-left:auto;margin-top:0}.sidebar .nav-bottom>*{display:none}.sidebar .nav-bottom .nav-link:first-child{display:flex}.sidebar .nav-section:nth-child(3) .nav-link:not(:first-of-type){display:none}.workspace,.workspace.wide{margin:58px 0 0;height:calc(100dvh - 58px);padding:5px;gap:5px;grid-template-columns:72px minmax(140px,1fr) 165px}.panel{border-radius:10px}.panel-heading{padding:0 10px;font-size:11px;height:43px;min-height:43px}.preset-group{margin:0 9px;padding:12px 0}.preset-group h3{font-size:9px;overflow:hidden}.preset-grid{grid-template-columns:1fr;gap:7px}.preset{border-radius:9px}.toolbar{height:85px;min-height:85px;flex-wrap:wrap;justify-content:space-between;gap:3px;align-content:center}.toolbar>div{gap:3px}.toolbar>div:last-child{margin-left:auto}.toolbar .btn{width:24px;min-width:24px;min-height:25px}.toolbar .ratio-group button{width:20px;height:20px}.toolbar select{width:42px;font-size:8px;padding:0}.toolbar .ratio-group{margin-left:auto}.canvas-panel{padding:0 4px 4px}.canvas-status{font-size:8px}.canvas-status>span:first-child,.canvas-status>span:last-child{display:none}.props details{margin:0 10px}.props summary{font-size:10px;padding:17px 0}.range-label{font-size:10px;grid-template-columns:1fr 42px;gap:4px}.range-label input[type=range]{grid-column:1/-1;margin-top:8px}.range-label .number{height:25px;font-size:9px}.color-inputs{gap:2px}.color-inputs small{display:none}.color-inputs input{width:25px;height:26px}.colors-label{font-size:10px}.colors-label span{display:none}.select-label{font-size:10px}.select-label select{font-size:9px;padding:3px;width:65%}.props .panel-heading>div{gap:2px}.props .panel-heading .btn{width:22px;min-width:22px;min-height:25px}.props .hint{font-size:9px}.upload{font-size:9px;padding:9px 3px}.layer-row{position:relative;flex-wrap:wrap;padding:4px 2px;gap:2px}.layer-row .drag-grip{display:none}.layer-select{flex-direction:column;gap:4px;font-size:8px;flex-basis:100%;text-align:center}.layer-row .mini-btn{font-size:10px;padding:1px}.layer-list{padding:8px 4px}.gradient-row{font-size:8px;justify-content:center}.gradient-row small{display:none}.panel-footnote{display:none}.library-page,.library-page.wide{margin:58px 0 0;padding:35px 22px}.library-heading h1{font-size:35px}.library-heading p{font-size:12px}.gallery-tools{flex-wrap:wrap;margin-bottom:22px;gap:16px}.filter-group{gap:3px;overflow:auto}.filter-group .btn{font-size:10px;padding:5px 9px}.gallery-tools input{width:100%}.flow-workspace,.flow-workspace.wide{margin:63px 5px 5px;height:calc(100dvh - 68px)}.flow-top{top:8px;left:8px;right:8px;gap:4px;flex-wrap:wrap}.flow-top>.eyebrow{display:none}.flow-top input{width:125px;font-size:10px}.flow-top .btn{font-size:9px;padding:6px;gap:3px}.flow-top .btn .icon{font-size:13px;width:11px}.flow-bottom>span{font-size:8px}.docs-page{margin:58px 0 0;padding:45px 25px}.docs-page h1{font-size:37px}.docs-page article{gap:20px}.docs-page article p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-tabs{display:none}@media(max-width:600px){.mobile-tabs{position:fixed;display:flex;align-items:center;top:58px;left:0;right:0;height:40px;background:#080808;z-index:15;padding:5px 12px;gap:6px;border-bottom:1px solid #242424}.mobile-tabs button{flex:1;font-size:11px;color:#888;border-radius:6px;height:27px}.mobile-tabs button.active{background:#252525;color:#fff}.workspace,.workspace.wide{margin-top:98px;height:calc(100dvh - 98px);display:block}.workspace>.panel{display:none;height:100%}.workspace.mobile-canvas>.canvas-panel{display:flex}.workspace.mobile-effects>.effects{display:flex}.workspace.mobile-props>.props{display:flex}.workspace .effects .preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.workspace .effects .preset-group h3{font-size:12px}.workspace .effects .preset-group{padding:18px 0;margin:0 16px}.workspace .toolbar{height:55px;min-height:55px}.workspace .toolbar .btn{width:28px;min-width:28px;height:29px}.workspace .toolbar .ratio-group button{width:23px;height:25px}.workspace .props .range-label{grid-template-columns:1fr 55px 120px;gap:12px;font-size:12px}.workspace .props input[type=range]{grid-column:auto;margin-top:0}.workspace .props .color-inputs input{width:48px;height:35px}.workspace .props .color-inputs small{display:block;font-size:10px}.workspace .props .color-strip{height:24px}.workspace .props .prop-content{padding:0 8px 24px}.workspace .props summary{font-size:13px;padding:20px 8px}.workspace .props .select-label{font-size:12px}.workspace .props .select-label select{font-size:12px;max-width:180px}.workspace .layer-row{flex-wrap:nowrap;padding:10px;gap:8px}.workspace .layer-select{flex-direction:row;gap:14px;font-size:12px;flex-basis:auto}.workspace .layer-row .drag-grip{display:block}.workspace .layer-row .mini-btn{font-size:15px;padding:5px}.workspace .gradient-row{font-size:12px;justify-content:start;gap:15px;padding-left:34px}.workspace .gradient-row small{display:block}.workspace .panel-footnote{display:block}.workspace .canvas-status>span:first-child,.workspace .canvas-status>span:last-child{display:block;font-size:8px}}
.export-preview{display:block;width:100%;max-height:230px;object-fit:contain;border-radius:8px;margin-top:18px;background:#080808}