:root{--tools-ink: #15182a;--tools-muted: #656a7d;--tools-line: #dfe2eb;--tools-soft: #f4f5f9;--tools-panel: #ffffff;--tools-accent: #6d5dfc;--tools-accent-2: #22c55e;--tools-dark: #171827;--tools-code: #12131e;--tools-radius: 18px;--tools-shadow: 0 24px 70px rgb(24 27 45 / 10%)}.is-devs-tools{background:#fbfbfd;color:var(--tools-ink)}.is-devs-tools .site-header{border-bottom-color:#15182a1a}.tools-directory,.tool-page,.english-home{overflow:clip}.tools-kicker{margin:0 0 12px;color:var(--tools-accent);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.tools-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(40px,7vw,110px);align-items:center;min-height:590px;padding:clamp(64px,8vw,110px) 0}.tools-hero__copy h1,.english-home .tools-hero h1{max-width:840px;margin:0;font-size:clamp(2.5rem,5.5vw,5.35rem);font-weight:850;letter-spacing:-.065em;line-height:.98}.tools-hero__nowrap{white-space:nowrap}.tools-hero__copy>p:not(.tools-kicker),.english-home .tools-hero__copy>p:not(.tools-kicker){max-width:710px;margin:30px 0 0;color:var(--tools-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.9}.tools-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.tools-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--tools-line);border-radius:999px;background:#fff;color:var(--tools-ink);font-size:.88rem;font-weight:750;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tools-button:hover{border-color:var(--tools-accent);box-shadow:0 10px 30px #6d5dfc29;transform:translateY(-2px)}.tools-button--primary{border-color:var(--tools-ink);background:var(--tools-ink);color:#fff}.tools-hero__demo{overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:24px;background:var(--tools-code);box-shadow:0 40px 100px #1618273d;color:#d9dcf0;transform:rotate(1.5deg)}.tools-hero__demo-bar{display:flex;height:48px;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgb(255 255 255 / 8%);background:#181a28}.tools-hero__demo-bar i{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.tools-hero__demo-bar i:nth-child(2){background:#ffd43b}.tools-hero__demo-bar i:nth-child(3){background:#51cf66}.tools-hero__demo-bar span{margin-left:9px;color:#777d98;font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tools-hero__demo pre{overflow:auto;margin:0;padding:34px;font:500 .86rem/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tools-hero__demo code{color:#d5d7e8}.tools-hero__demo code span{color:#98a9ff}.tools-hero__demo code b{color:#66e3a4;font-weight:500}.tools-hero__demo code em{color:#ffb86c;font-style:normal}.tools-section{padding:clamp(68px,8vw,120px) 0}.tools-section__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:60px;align-items:end;margin-bottom:38px}.tools-section__heading h2,.tools-glossary h2,.tool-guide h2{margin:0;font-size:clamp(2rem,3.8vw,3.7rem);letter-spacing:-.05em;line-height:1.06}.tools-section__heading>p,.tool-guide>div>p{margin:0;color:var(--tools-muted);line-height:1.85}.studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.studio-card{position:relative;display:flex;min-height:390px;flex-direction:column;grid-column:span 2;overflow:hidden;padding:28px;border:1px solid var(--tools-line);border-radius:22px;background:#fff;color:var(--tools-ink);text-decoration:none;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.studio-card:nth-child(4),.studio-card:nth-child(5){grid-column:span 3;min-height:330px}.studio-card:after{position:absolute;right:-50px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgb(109 93 252 / 28%),transparent 70%);content:""}.studio-card--2:after{background:radial-gradient(circle,rgb(34 197 94 / 27%),transparent 70%)}.studio-card--3:after{background:radial-gradient(circle,rgb(249 115 22 / 24%),transparent 70%)}.studio-card--4:after{background:radial-gradient(circle,rgb(14 165 233 / 25%),transparent 70%)}.studio-card--5:after{background:radial-gradient(circle,rgb(219 39 119 / 24%),transparent 70%)}.studio-card:hover{border-color:#6d5dfc73;box-shadow:var(--tools-shadow);transform:translateY(-5px)}.studio-card__number{position:absolute;top:22px;right:24px;color:#d8dbe5;font:800 2.2rem/1 ui-monospace,monospace}.studio-card__label{width:max-content;margin-bottom:auto;padding:6px 9px;border:1px solid var(--tools-line);border-radius:999px;color:var(--tools-muted);font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.studio-card h3{position:relative;z-index:1;margin:70px 0 12px;font-size:clamp(1.35rem,2vw,1.9rem);letter-spacing:-.035em}.studio-card p{position:relative;z-index:1;margin:0;color:var(--tools-muted);font-size:.88rem;line-height:1.75}.studio-card__link{position:relative;z-index:1;margin-top:24px;font-size:.78rem;font-weight:750}.tools-section--directory{border-top:1px solid var(--tools-line)}.tools-filter{min-height:500px}.tools-search{position:relative;display:grid;max-width:880px;margin-bottom:22px}.tools-search>span{margin-bottom:8px;color:var(--tools-muted);font-size:.73rem;font-weight:750}.tools-search input{width:100%;height:58px;padding:0 56px 0 20px;border:1px solid var(--tools-line);border-radius:15px;outline:none;background:#fff;color:var(--tools-ink);font:inherit;box-shadow:0 10px 30px #15182a0d}.tools-search input:focus{border-color:var(--tools-accent);box-shadow:0 0 0 3px #6d5dfc24}.tools-search kbd{position:absolute;right:14px;bottom:14px;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--tools-line);border-radius:7px;background:var(--tools-soft);color:var(--tools-muted);font-size:.75rem}.tools-filter__chips{display:flex;flex-wrap:wrap;gap:8px}.tools-filter__chips button{padding:9px 12px;border:1px solid var(--tools-line);border-radius:999px;background:#fff;color:var(--tools-muted);cursor:pointer;font:700 .72rem/1 inherit}.tools-filter__chips button span{margin-left:5px;color:#a2a6b4}.tools-filter__chips button:hover,.tools-filter__chips button.is-active{border-color:var(--tools-ink);background:var(--tools-ink);color:#fff}.tools-filter__scope{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px}.tools-filter__scope>span{margin-right:3px;color:var(--tools-muted);font-size:.68rem;font-weight:750}.tools-filter__scope button{min-height:34px;padding:0 11px;border:1px solid var(--tools-line);border-radius:9px;background:var(--tools-soft);color:var(--tools-muted);cursor:pointer;font:700 .68rem/1 inherit}.tools-filter__scope button:hover,.tools-filter__scope button.is-active{border-color:#b9b2ff;background:#eceaff;color:#5849e8}.tools-filter__result{min-height:24px;margin:24px 0 14px;color:var(--tools-muted);font-size:.74rem;font-weight:700}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{position:relative;display:flex;min-height:285px;flex-direction:column;padding:24px;border:1px solid var(--tools-line);border-radius:18px;background:#fff;color:var(--tools-ink);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}article.tool-card{padding:0}.tool-card__link{display:flex;min-height:283px;flex:1;flex-direction:column;padding:24px;color:inherit;text-decoration:none}.tool-card__favorite{position:absolute;top:18px;right:18px;z-index:2;display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid var(--tools-line);border-radius:50%;background:#fff;color:#777b8c;cursor:pointer;font-size:1rem;line-height:1}.tool-card__favorite:hover,.tool-card__favorite[aria-pressed=true]{border-color:#e1b62d;background:#fff2b8;color:#8c6500}.tool-card:hover{border-color:#6d5dfc73;box-shadow:0 18px 45px #1a1d3217;transform:translateY(-3px)}.tool-card[hidden]{display:none}.tool-card__icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:26px;border-radius:12px;background:linear-gradient(135deg,#eceaff,#dcfce7);color:var(--tools-accent);font:800 .68rem/1 ui-monospace,monospace}.tool-card__category{color:var(--tools-accent);font-size:.66rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.tool-card h3{margin:8px 0 10px;font-size:1.04rem;letter-spacing:-.025em;line-height:1.45}.tool-card p{margin:0 0 18px;color:var(--tools-muted);font-size:.78rem;line-height:1.75}.tool-card__outputs{margin-top:auto;padding-top:14px;border-top:1px solid var(--tools-line);color:#8a8e9d;font:650 .66rem/1.4 ui-monospace,monospace}.tools-empty{padding:60px;border:1px dashed var(--tools-line);border-radius:var(--tools-radius);text-align:center}.tools-glossary{margin:80px 0 120px;padding:clamp(36px,6vw,72px);border-radius:28px;background:var(--tools-dark);color:#fff}.tools-glossary>p:not(.tools-kicker){max-width:820px;color:#bbbfd0;line-height:1.85}.tools-glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;margin:42px 0 0}.tools-glossary dl div{padding:22px 0;border-top:1px solid rgb(255 255 255 / 13%)}.tools-glossary dt{margin-bottom:8px;color:#b7aefd;font-weight:750}.tools-glossary dd{margin:0;color:#bbbfd0;font-size:.86rem;line-height:1.75}.english-home__facts{display:grid;border:1px solid var(--tools-line);border-radius:24px;background:#fff;box-shadow:var(--tools-shadow)}.english-home__facts div{display:flex;align-items:baseline;gap:18px;padding:26px 30px;border-bottom:1px solid var(--tools-line)}.english-home__facts div:last-child{border-bottom:0}.english-home__facts strong{min-width:70px;color:var(--tools-accent);font-size:3rem;letter-spacing:-.06em}.english-home__facts span{color:var(--tools-muted);font-size:.86rem}.tool-page__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:55px 0 42px}.tool-page__header h1{max-width:980px;margin:0;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.06em;line-height:1.03}.tool-page__lead{max-width:900px;margin:22px 0 0;color:var(--tools-muted);font-size:1rem;line-height:1.85}.tool-page__meta{display:flex;flex-direction:column;gap:9px;align-items:flex-end;padding-bottom:5px;font-size:.75rem;font-weight:700}.tool-page__meta span{color:var(--tools-muted)}.tool-page__meta a{color:var(--tools-accent)}.tool-workspace-shell{width:min(1880px,calc(100% - 24px));min-height:760px;margin:0 auto}.tool-app-loading{display:grid;min-height:740px;place-items:center;border:1px solid var(--tools-line);border-radius:22px;background:#fff}.tool-app-loading span{width:32px;height:32px;border:3px solid var(--tools-line);border-top-color:var(--tools-accent);border-radius:50%;animation:devs-spin .7s linear infinite}.tool-app-loading p{position:absolute;margin-top:80px;color:var(--tools-muted);font-size:.8rem}@keyframes devs-spin{to{transform:rotate(1turn)}}.tool-app-noscript{padding:20px;border:1px solid #f0c36a;border-radius:12px;background:#fff8e1}.tool-guide{display:grid;grid-template-columns:1.2fr 1fr .55fr;gap:50px;align-items:start;padding:100px 0 50px}.tool-guide ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.tool-guide li{display:flex;gap:12px;align-items:flex-start;color:var(--tools-muted);font-size:.88rem;line-height:1.7}.tool-guide li span{color:var(--tools-accent-2);font-weight:900}.tool-guide__outputs{padding:24px;border:1px solid var(--tools-line);border-radius:16px;background:#fff}.tool-guide__outputs strong{display:block;margin-bottom:8px;font-size:.72rem;text-transform:uppercase}.tool-guide__outputs p{margin:0;color:var(--tools-muted);font:650 .72rem/1.8 ui-monospace,monospace}.tool-related{padding-top:10px}.devs-app{overflow:hidden;border:1px solid #d8dbe6;border-radius:20px;background:#fff;box-shadow:0 28px 90px #14172824;color:#202236;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.devs-app *,.devs-app *:before,.devs-app *:after{box-sizing:border-box}.devs-app button,.devs-app input,.devs-app textarea,.devs-app select{font:inherit}.devs-app button{cursor:pointer}.devs-app button:disabled{cursor:not-allowed;opacity:.38}.devs-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(300px,auto) auto;min-height:64px;align-items:center;gap:20px;padding:8px 14px;border-bottom:1px solid #dedfe7;background:#fff}.devs-toolbar__brand{display:flex;min-width:0;align-items:center;gap:10px}.devs-toolbar__brand>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:#171827;color:#fff;font-weight:850}.devs-toolbar__brand>div{display:grid;min-width:0}.devs-toolbar__brand small{color:#8a8e9c;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.devs-toolbar__brand input{width:min(320px,100%);height:26px;padding:0;overflow:hidden;border:0;outline:0;background:transparent;color:#202236;font-size:.8rem;font-weight:750;text-overflow:ellipsis}.devs-toolbar__history,.devs-toolbar__actions,.devs-user-mode{display:flex;gap:6px;align-items:center}.devs-toolbar__actions{justify-content:flex-end}.devs-toolbar button{min-height:34px;padding:0 11px;border:1px solid #dedfe7;border-radius:8px;background:#fff;color:#44475d;font-size:.68rem;font-weight:700}.devs-toolbar button:hover:not(:disabled){border-color:#9792f8;background:#f6f5ff;color:#5849e8}.devs-toolbar .devs-zip-button{border-color:#202236;background:#202236;color:#fff}.devs-toolbar .devs-zip-button:hover:not(:disabled){border-color:#5849e8;background:#5849e8;color:#fff}.devs-user-mode{padding:3px;border:1px solid #d8dbe6;border-radius:9px;background:#f5f5f8}.devs-user-mode button{min-height:28px;border:0;background:transparent}.devs-user-mode button[aria-pressed=true]{background:#fff;color:#5849e8;box-shadow:0 2px 7px #2022361a}.devs-user-mode-easy .devs-advanced{display:none!important}.devs-save-status{color:#18824b;font-size:.66rem;font-weight:700}.devs-panel-switcher{display:flex;overflow-x:auto;gap:2px;padding:8px 12px;border-bottom:1px solid #dedfe7;background:#f7f7fa;scrollbar-width:thin}.devs-panel-switcher button{flex:0 0 auto;padding:8px 11px;border:0;border-radius:7px;background:transparent;color:#686c7e;font-size:.66rem;font-weight:700}.devs-panel-switcher button:hover,.devs-panel-switcher button.is-active{background:#fff;color:#5849e8;box-shadow:0 2px 10px #20223614}.devs-use-flow{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2fr);gap:18px;align-items:center;padding:12px 16px;border-bottom:1px solid #dedfe7;background:#fff}.devs-use-flow p{display:grid;gap:2px;margin:0}.devs-use-flow p strong{font-size:.72rem}.devs-use-flow p span{color:#777b8e;font-size:.58rem}.devs-use-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.devs-use-flow li{position:relative}.devs-use-flow li:not(:last-child):after{position:absolute;top:50%;right:-6px;color:#b3b5c2;content:"›";transform:translateY(-50%)}.devs-use-flow button{display:flex;width:100%;min-height:38px;align-items:center;gap:8px;padding:6px 9px;border:1px solid #e0e1e9;border-radius:9px;background:#f8f8fb;color:#4b4e61;font-size:.62rem;font-weight:750;text-align:left}.devs-use-flow button:hover{border-color:#aaa3fa;background:#f0eeff;color:#5849e8}.devs-use-flow button.is-active{border-color:#6d5dfc;background:#ece9ff;color:#4f43c9}.devs-use-flow button b{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:#e8e5ff;color:#5849e8;font-size:.62rem}.devs-workbench{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:780px}.devs-sidebar{min-width:0;border-right:1px solid #dedfe7;background:#fbfbfd}.devs-sidebar__tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;border-bottom:1px solid #dedfe7}.devs-sidebar__tabs button{position:relative;min-height:36px;border:0;border-radius:7px;background:transparent;color:#777b8e;font-size:.67rem;font-weight:750}.devs-sidebar__tabs button.is-active{background:#eceaff;color:#5849e8}.devs-sidebar__tabs button span{display:inline-grid;min-width:17px;height:17px;place-items:center;margin-left:4px;border-radius:99px;background:#fff;font-size:.58rem}.devs-sidebar__content{height:720px;overflow:auto;scrollbar-color:#c7c9d4 transparent;scrollbar-width:thin}[data-guide-area]{position:relative}[data-guide-area].is-guide-target{z-index:4;outline:4px solid #6d5dfc;outline-offset:-4px}[data-guide-area].is-guide-target:after{position:absolute;z-index:20;top:10px;right:12px;max-width:calc(100% - 24px);padding:7px 10px;border-radius:999px;background:#30258f;color:#fff;content:attr(data-guide-label);font-size:.62rem;font-weight:800;box-shadow:0 8px 24px #30258f47;pointer-events:none}.devs-setting-group{padding:18px;border-bottom:1px solid #e5e6ed}.devs-responsive-note{margin:14px;padding:12px;border:1px solid #b9d8f0;border-radius:8px;background:#eef8ff;color:#45677f;font-size:.6rem;line-height:1.55}.devs-setting-group>h3,.devs-setting-group__heading h3{margin:0 0 15px;color:#34364a;font-size:.74rem;letter-spacing:.01em}.devs-setting-group__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.devs-setting-group__heading small{display:block;margin-bottom:2px;color:#7568ee;font-size:.57rem;font-weight:750}.devs-setting-group__heading button{padding:4px 7px;border:1px solid #dedfe7;border-radius:5px;background:#fff;color:#76798a;font-size:.58rem}.devs-state-editor{border-bottom-color:#d8d3ff}.devs-state-editor__heading{display:grid;gap:7px;margin-bottom:8px}.devs-state-editor__heading small{color:#6657df;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.devs-state-editor__heading h3{margin:2px 0 0}.devs-state-editor__heading>span,.devs-state-editor>p{color:#6f6b80;font-size:.6rem;line-height:1.6}.devs-state-editor>p{margin:0 0 13px}.devs-focus-editor{margin-top:12px;padding-top:10px;border-top:1px solid #ddd9f7}.devs-control{display:grid;gap:7px;margin:0 0 14px;color:#626678;font-size:.66rem;font-weight:700}.devs-control>span:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.devs-control small{color:#9a9dab;font-size:.55rem;font-weight:500}.devs-control input[type=text],.devs-control textarea,.devs-control select{width:100%;min-height:36px;padding:8px 9px;border:1px solid #d9dbe4;border-radius:7px;outline:0;background:#fff;color:#303246;font-size:.68rem;line-height:1.45}.devs-control textarea{resize:vertical}.devs-control input[type=text]:focus,.devs-control textarea:focus,.devs-control select:focus{border-color:#786cf0;box-shadow:0 0 0 2px #6d5dfc1f}.devs-range{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:10px;align-items:center}.devs-range input{width:100%;height:4px;border:0;border-radius:99px;accent-color:#6d5dfc}.devs-range output{padding:5px 6px;border:1px solid #d9dbe4;border-radius:6px;background:#fff;color:#45485b;font:600 .62rem/1.2 ui-monospace,monospace;text-align:right}.devs-control--color>span:last-child{display:grid;grid-template-columns:34px 1fr;gap:7px}.devs-control--color input[type=color]{width:34px;height:34px;padding:2px;border:1px solid #d9dbe4;border-radius:7px;background:#fff}.devs-control--color input[type=text]{min-height:34px}.devs-toggle{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;margin:0 0 14px;cursor:pointer}.devs-toggle input{position:absolute;opacity:0}.devs-toggle>span{position:relative;width:32px;height:18px;border-radius:99px;background:#c8cad4;transition:background .16s ease}.devs-toggle>span:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;content:"";transition:transform .16s ease}.devs-toggle input:checked+span{background:#6d5dfc}.devs-toggle input:checked+span:after{transform:translate(14px)}.devs-toggle input:focus-visible+span{outline:2px solid #6d5dfc;outline-offset:2px}.devs-toggle b{display:grid;color:#55586c;font-size:.64rem}.devs-toggle small{color:#999cab;font-size:.55rem;font-weight:500}.devs-layer-list{display:grid;gap:7px;margin-bottom:10px}.devs-color-stop{display:grid;grid-template-columns:30px minmax(0,1fr) 38px 25px;gap:7px;align-items:center}.devs-color-stop input[type=color]{width:30px;height:30px;padding:1px;border:1px solid #d9dbe4;border-radius:6px;background:#fff}.devs-color-stop input[type=range]{min-width:0;accent-color:#6d5dfc}.devs-color-stop output{color:#777a8a;font:600 .58rem/1 ui-monospace,monospace}.devs-color-stop button{width:25px;height:25px;padding:0;border:0;border-radius:5px;background:transparent;color:#8a8d9c}.devs-color-stop button:hover{background:#feecec;color:#c73737}.devs-add-button,.devs-danger-button,.devs-file-button{display:flex;width:100%;min-height:34px;align-items:center;justify-content:center;padding:0 10px;border:1px dashed #c9cbd7;border-radius:7px;background:#fff;color:#5b5e71;font-size:.62rem;font-weight:700}.devs-add-button:hover,.devs-file-button:hover{border-color:#6d5dfc;color:#5849e8}.devs-danger-button{border-style:solid;color:#b14141}.devs-file-button{cursor:pointer}.devs-file-button input{position:absolute;width:1px;height:1px;opacity:0}.devs-layer{margin-bottom:9px;border:1px solid #dfe0e8;border-radius:8px;background:#fff}.devs-layer summary{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;padding:9px;color:#505366;cursor:pointer;font-size:.63rem;font-weight:700;list-style:none}.devs-layer summary i{width:12px;height:12px;border:1px solid #d0d2dc;border-radius:3px}.devs-layer summary span{color:#8b8e9d;font-size:.54rem}.devs-layer>:not(summary){margin-right:9px;margin-left:9px}.devs-layer>.devs-danger-button{width:calc(100% - 18px);margin-bottom:9px}.devs-gradient-layers{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #e5e6ed}.devs-gradient-stop-editor{display:grid;gap:12px;margin:12px 0}.devs-gradient-rail{position:relative;height:54px;margin:12px 8px 2px;border:1px solid #cfd1dc;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff47;touch-action:none}.devs-gradient-handle{position:absolute;bottom:-12px;width:24px;height:24px;padding:3px;border:2px solid #fff;border-radius:50%;background:#25283b;box-shadow:0 2px 9px #1618274d;transform:translate(-50%);touch-action:none}.devs-gradient-handle span{display:block;width:100%;height:100%;border-radius:50%;background:var(--devs-stop-color);opacity:var(--devs-stop-opacity)}.devs-gradient-stop-list{display:grid;gap:6px;margin-top:8px}.devs-gradient-stop-row{display:grid;grid-template-columns:22px 28px minmax(70px,1fr) 70px 58px 26px;gap:5px;align-items:center}.devs-gradient-stop-number{color:#9093a3;font:700 .52rem/1 ui-monospace,monospace}.devs-gradient-stop-row>input[type=color]{width:28px;height:28px;padding:2px;border:1px solid #d9dbe4;border-radius:6px;background:#fff}.devs-gradient-stop-row>input[type=text],.devs-gradient-stop-row>label:last-of-type{min-width:0;height:30px;border:1px solid #d9dbe4;border-radius:6px;background:#fff}.devs-gradient-stop-row>input[type=text]{width:100%;padding:0 6px;color:#474a5d;font:600 .55rem/1 ui-monospace,monospace}.devs-gradient-stop-row label{display:flex;min-width:0;align-items:center;gap:3px;color:#8b8e9f;font-size:.52rem}.devs-gradient-stop-row label input[type=range]{min-width:0;width:100%;accent-color:#6d5dfc}.devs-gradient-stop-row>label:last-of-type{padding:0 4px}.devs-gradient-stop-row input[type=number]{min-width:0;width:100%;border:0;outline:0;color:#474a5d;font:650 .57rem/1 ui-monospace,monospace}.devs-gradient-stop-row>button{width:26px;height:26px;padding:0;border:0;border-radius:5px;background:transparent;color:#8a8d9c}.devs-gradient-stop-row>button:hover:not(:disabled){background:#feecec;color:#c73737}.devs-inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.devs-inline-actions button{min-height:34px;padding:0 8px;border:1px dashed #c9cbd7;border-radius:7px;background:#fff;color:#5b5e71;font-size:.58rem;font-weight:700}.devs-position-control{display:grid;gap:6px;margin-bottom:12px}.devs-position-pad{position:relative;height:110px;overflow:hidden;border:1px solid #d7d9e3;border-radius:8px;background:linear-gradient(90deg,transparent 49.5%,#d8dae4 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#d8dae4 50%,transparent 50.5%),radial-gradient(circle at center,#fff,#ececf3);cursor:crosshair;touch-action:none}.devs-position-pad i{position:absolute;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#6d5dfc;box-shadow:0 1px 8px #2a26664d;transform:translate(-50%,-50%)}.devs-position-control output{color:#7d8090;font:600 .54rem/1 ui-monospace,monospace;text-align:right}.devs-border-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:10px;border:1px solid #dfe0e8;border-radius:8px;background:#fff}.devs-border-sides legend{padding:0 5px;color:#6a6d7f;font-size:.58rem;font-weight:700}.devs-border-sides .devs-toggle{margin:0}.devs-border-radii{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.devs-setting-note{margin:-4px 0 8px;color:var(--devs-muted, #696b7e);font-size:.78rem;line-height:1.65}.devs-pseudo-editor>.devs-control,.devs-pseudo-editor>.devs-toggle{margin-right:9px;margin-left:9px}.devs-pseudo-editor>.devs-toggle{margin-top:10px}.devs-control-note{margin:10px 0 0;color:#858899;font-size:.56rem;line-height:1.55}.devs-transform-origins{display:grid;gap:7px;margin-top:14px}.devs-transform-origins>label{color:#5f6275;font-size:.58rem;font-weight:700}.devs-gradient-layers>p{margin:0;color:#777a8c;font-size:.58rem;font-weight:700}.devs-layer-actions{display:grid;grid-template-columns:34px 34px 1fr;gap:6px;margin-bottom:9px!important}.devs-layer-actions button{min-height:30px;border:1px solid #d9dbe4;border-radius:6px;background:#fff;color:#686b7d;font-size:.58rem;font-weight:700}.devs-order-list{display:grid;gap:5px;margin:14px 0;padding:10px;border:1px solid #dfe0e8;border-radius:8px;background:#fff}.devs-order-list>strong{margin-bottom:3px;color:#5f6275;font-size:.6rem}.devs-order-list>div{display:grid;grid-template-columns:1fr 28px 28px;gap:4px;align-items:center}.devs-order-list span{color:#777a8b;font:600 .56rem/1.3 ui-monospace,monospace}.devs-order-list button{width:28px;height:25px;padding:0;border:1px solid #dedfe7;border-radius:5px;background:#f8f8fa;color:#606376;font-size:.58rem}.devs-matrix-output{display:grid;gap:5px;padding:10px;border-radius:8px;background:#171827;color:#dfe1ef}.devs-matrix-output b{color:#a8a1ff;font-size:.56rem}.devs-matrix-output code{overflow-wrap:anywhere;font:500 .52rem/1.55 ui-monospace,monospace}.devs-recipes{padding:16px}.devs-recipe-search{display:grid;gap:6px;margin-bottom:14px;color:#676a7b;font-size:.62rem;font-weight:700}.devs-recipe-search input{height:38px;padding:0 10px;border:1px solid #d9dbe4;border-radius:7px;outline:0}.devs-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.devs-recipe-grid button{display:grid;overflow:hidden;padding:0;border:1px solid #dfe0e8;border-radius:8px;background:#fff;color:#55586b;text-align:left}.devs-recipe-grid button:hover,.devs-recipe-grid button.is-active{border-color:#6d5dfc;box-shadow:0 0 0 2px #6d5dfc1a}.devs-recipe-grid button>span{height:62px}.devs-recipe-grid b{padding:8px 8px 0;overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.devs-recipe-grid small{padding:2px 8px 8px;color:#9699a7;font-size:.52rem}.devs-checks{padding:16px}.devs-checks>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:14px;border-radius:10px;background:#f0f9f4}.devs-checks>header p{margin:0;color:#397457;font-size:.62rem;font-weight:700}.devs-checks>header strong{color:#18824b;font-size:1rem}.devs-checks article{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #e5e6ed}.devs-checks article>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#ddf6e8;color:#18824b;font-size:.62rem;font-weight:850}.devs-checks article.is-warning>span{background:#fee7e7;color:#c63f3f}.devs-checks article.is-notice>span{background:#fff2cf;color:#a06a00}.devs-checks h3{margin:2px 0 5px;font-size:.68rem}.devs-checks article p,.devs-checks__note{margin:0;color:#777a8b;font-size:.6rem;line-height:1.6}.devs-checks__note{padding:16px 0}.devs-main{display:grid;min-width:0;grid-template-rows:auto minmax(400px,1fr) 330px;background:#f0f1f5}.devs-preview-toolbar{display:flex;min-width:0;min-height:53px;align-items:center;gap:14px;padding:8px 12px;overflow-x:auto;border-bottom:1px solid #d8dae3;background:#fff;scrollbar-width:thin}.devs-preview-toolbar>div:first-child{display:grid;min-width:max-content;margin-right:auto}.devs-preview-toolbar strong{font-size:.68rem}.devs-preview-toolbar>div:first-child span{color:#8c8f9e;font-size:.55rem}.devs-live-result{display:flex;min-width:max-content;align-items:center;gap:6px;color:#747789;font-size:.58rem;font-weight:700}.devs-live-result i{width:7px;height:7px;border-radius:50%;background:#9ca0af}.devs-live-result.is-visible{color:#147d55}.devs-live-result.is-visible i{background:#22c55e;box-shadow:0 0 0 5px #22c55e21}.devs-segmented{display:flex;flex:0 0 auto;padding:3px;border:1px solid #dfe0e8;border-radius:8px;background:#f7f7f9}.devs-segmented button{min-height:28px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#727587;font-size:.57rem;font-weight:700}.devs-segmented button.is-active{background:#fff;color:#5849e8;box-shadow:0 1px 5px #20223621}.devs-segmented--viewport button span{margin-left:4px}.devs-replay{min-width:max-content;min-height:34px;padding:0 10px;border:1px solid #dfe0e8;border-radius:7px;background:#fff;color:#5e6173;font-size:.58rem;font-weight:700}.devs-motion-controls{display:flex;flex:0 0 auto;gap:5px}.devs-replay.is-active{border-color:#786cf0;background:#eceaff;color:#5849e8}.devs-preview-stage{display:flex;min-width:0;align-items:stretch;justify-content:center;overflow:auto;padding:24px;background-color:#e7e8ed;background-image:linear-gradient(45deg,#dfe0e6 25%,transparent 25%),linear-gradient(-45deg,#dfe0e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe0e6 75%),linear-gradient(-45deg,transparent 75%,#dfe0e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.devs-preview-stage.is-comparing,.devs-preview-stage.is-sandboxed{display:block;padding:14px}.devs-preview-stage.is-updated .devs-preview-frame{border-color:#6d5dfc;box-shadow:0 0 0 4px #6d5dfc1f,0 14px 45px #1e21351a}.devs-sandbox-preview{display:grid;height:100%;min-height:0;grid-template-rows:minmax(360px,1fr) auto;margin:0}.devs-sandbox-preview iframe{width:100%;height:100%;min-height:360px;border:1px solid #cfd1dc;border-radius:8px 8px 0 0;background:#fff}.devs-sandbox-preview figcaption{padding:8px 10px;border:1px solid #cfd1dc;border-top:0;border-radius:0 0 8px 8px;background:#f8f8fb;color:#777a8c;font-size:.56rem;line-height:1.5}.devs-preview-comparison{display:grid;min-width:920px;height:100%;grid-template-columns:minmax(360px,1.35fr) minmax(280px,.9fr) minmax(220px,.62fr);gap:10px}.devs-preview-comparison figure{display:grid;min-width:0;grid-template-rows:auto 1fr;margin:0}.devs-preview-comparison figcaption{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid #cfd1dc;border-bottom:0;border-radius:7px 7px 0 0;background:#f8f8fb;color:#696c7d;font-size:.54rem;text-transform:uppercase}.devs-preview-comparison .devs-preview-frame{width:100%!important;min-width:0;border-radius:0 0 7px 7px}.devs-preview-comparison .devs-preview-canvas{padding:24px 12px}.devs-preview-comparison .devs-preview-item{min-width:min(240px,100%)}.devs-preview-frame{max-width:100%;min-width:320px;min-height:100%;overflow:auto;border:1px solid #cfd1dc;border-radius:8px;background:#fff;box-shadow:0 14px 45px #1e21351a;transition:width .22s ease}.devs-preview-frame.is-dark{background:#171827}.devs-preview-canvas{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;padding:clamp(30px,6vw,90px)}.devs-preview-state-badge{position:absolute;z-index:10;top:10px;left:10px;padding:6px 9px;border:1px solid #cfc8ff;border-radius:999px;background:#ffffffeb;color:#5748d5;font-size:.58rem;font-weight:800;pointer-events:none}.devs-preview-item{display:grid;min-width:min(320px,100%);min-height:110px;place-content:center;gap:7px;text-align:center}.devs-preview-label{position:relative;z-index:1}.devs-preview-item>small{font-size:.52em;letter-spacing:.13em;text-transform:uppercase}.devs-preview-item>strong{font-size:1em}.devs-preview-item.is-simulated-disabled{cursor:not-allowed}.devs-preview-item.is-transition{transform:translate(80px) rotate(4deg)}.devs-motion-scene{display:grid;width:min(760px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.devs-motion-scene:not(.is-gsap) .devs-preview-item{min-width:0;animation:devs-app-reveal var(--devs-duration) var(--devs-ease) var(--devs-delay) both}.devs-motion-scene .devs-preview-item>span{font:800 1.2rem/1 ui-monospace,monospace}.devs-motion-scene .devs-preview-item.is-right{--devs-from-x: calc(var(--devs-distance) * -1);--devs-from-y: 0}.devs-motion-scene .devs-preview-item.is-down{--devs-from-x: 0;--devs-from-y: calc(var(--devs-distance) * -1)}.devs-motion-scene .devs-preview-item.is-left{--devs-from-x: var(--devs-distance);--devs-from-y: 0}.devs-motion-scene .devs-preview-item.is-scale{--devs-from-scale: .7}@keyframes devs-app-reveal{0%{opacity:0;transform:translate3d(var(--devs-from-x, 0),var(--devs-from-y, var(--devs-distance)),0) scale(var(--devs-from-scale, 1))}}.devs-layout-preview{display:grid;width:100%}.devs-layout-demo{display:grid;width:min(900px,100%);gap:14px}.devs-layout-metric{display:flex;width:max-content;align-items:center;gap:10px;padding:8px 11px;border:1px solid #d9d6ff;border-radius:999px;background:#f4f2ff;color:#615c77;font-size:.65rem}.devs-layout-metric strong{color:#5849e8;font:800 .78rem/1 ui-monospace,monospace}.devs-tool-load-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:180px;padding:28px;border:1px solid #fecaca;border-radius:16px;background:#fff7f7;color:#3f2020}.devs-tool-load-error>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#fee2e2;color:#b91c1c;font-weight:900}.devs-tool-load-error h2,.devs-tool-load-error p{margin:0}.devs-tool-load-error p{margin-top:6px;color:#755454}.devs-tool-load-error button{min-height:42px;padding:0 16px;border:0;border-radius:9px;background:#171827;color:#fff;font-weight:800}.devs-layout-preview.is-flex{display:flex;flex-wrap:wrap}.devs-layout-preview.is-flex.is-column article{width:100%;flex-basis:auto}.devs-layout-preview article{display:grid;min-height:120px;flex:1 1 180px;place-content:center;gap:8px;border:1px solid #d8dbe5;border-radius:14px;background:linear-gradient(145deg,#fff,#f1f0ff);color:#414459;text-align:center}.devs-layout-preview article span{color:#6d5dfc;font:800 1.1rem/1 ui-monospace,monospace}.devs-image-preview{position:relative;width:min(720px,100%);aspect-ratio:16 / 10;overflow:hidden;margin:0;border-radius:20px;box-shadow:0 20px 50px #1a1d322e}.devs-filter-compare{display:grid;width:min(900px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.devs-filter-compare .devs-image-preview{width:100%}.devs-image-preview figcaption{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;border-radius:99px;background:#141623c7;color:#fff;font-size:.56rem;font-weight:700}.devs-image-preview img,.devs-image-preview>div{width:100%;height:100%;object-fit:cover}.devs-image-preview>div{position:relative;overflow:hidden;background:linear-gradient(#8bd2ef 0 58%,#5e9d63 58%)}.devs-image-preview>div i{position:absolute;top:18%;left:12%;width:120px;height:120px;border-radius:50%;background:#fff3b3;box-shadow:0 0 70px #fff5c7}.devs-image-preview>div span{position:absolute;right:-10%;bottom:-18%;width:75%;height:75%;background:#3c6e48;clip-path:polygon(50% 0,100% 100%,0 100%)}.devs-backdrop-scene{position:relative;display:grid;width:min(720px,100%);min-height:420px;place-items:center;overflow:hidden;border-radius:24px;background:#171827}.devs-backdrop-scene>i{position:absolute;top:-60px;left:10%;width:280px;height:280px;border-radius:50%;background:#6d5dfc}.devs-backdrop-scene>i:nth-child(2){inset:auto 5% -60px auto;background:#22c55e}.devs-backdrop-scene .devs-preview-item{position:relative;z-index:1;border-color:#ffffff59!important;background:#ffffff2e!important}.devs-shape-preview{display:block}.devs-transform-scene{position:relative;display:grid;width:min(620px,100%);min-height:380px;place-items:center;perspective:900px}.devs-transform-scene>span{position:absolute;z-index:3;font:800 .62rem/1 ui-monospace,monospace}.devs-transform-scene>span:after{position:absolute;width:180px;height:2px;background:currentColor;content:"";transform-origin:left}.devs-transform-scene .is-axis-x{right:10%;bottom:48%;color:#ef4444}.devs-transform-scene .is-axis-x:after{right:12px;transform:rotate(180deg)}.devs-transform-scene .is-axis-y{top:8%;left:50%;color:#22c55e}.devs-transform-scene .is-axis-y:after{top:12px;left:4px;transform:rotate(90deg)}.devs-transform-scene .is-axis-z{top:68%;left:24%;color:#3b82f6}.devs-transform-scene .is-axis-z:after{top:3px;left:14px;transform:rotate(-35deg)}.devs-transform-origin-marker,.devs-perspective-origin-marker{position:absolute;z-index:5;display:grid;width:24px;height:24px;place-items:center;border:2px solid #fff;border-radius:50%;background:#171827;box-shadow:0 3px 12px #1012203d;color:#fff;font:800 .52rem/1 ui-monospace,monospace;transform:translate(-50%,-50%)}.devs-perspective-origin-marker{background:#6d5dfc}.devs-seo-preview{width:min(700px,100%);padding:32px;border:1px solid #e0e2ea;border-radius:16px;background:#fff;box-shadow:0 15px 40px #181b2d14}.devs-seo-preview>span{color:#267b3f;font-size:.75rem}.devs-seo-preview h3{margin:8px 0;color:#1a0dab;font-size:1.25rem;font-weight:500}.devs-seo-preview>p{color:#4d5156;font-size:.8rem;line-height:1.6}.devs-text-report{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}.devs-text-report div{display:grid;gap:4px;padding:12px 8px;border-radius:8px;background:#f5f6fa;text-align:center}.devs-text-report strong{font-size:1rem}.devs-text-report span{color:#737687;font-size:.54rem}.devs-code{display:grid;min-width:0;grid-template-rows:auto 1fr auto;overflow:hidden;border-top:1px solid #2c2e3c;background:#141521;color:#d9dbeb}.devs-code>header,.devs-code>footer{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid rgb(255 255 255 / 8%)}.devs-code__tabs{display:flex;height:42px;overflow-x:auto;scrollbar-width:thin}.devs-code__tabs button{flex:0 0 auto;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#81869e;font:700 .58rem/1 ui-monospace,monospace;text-transform:uppercase}.devs-code__tabs button.is-active{border-bottom-color:#8c7ff7;color:#fff}.devs-code>header>div:last-child{display:flex;gap:6px;align-items:center}.devs-code>header>div:last-child span{color:#66d89c;font-size:.55rem}.devs-code>header>div:last-child button{min-height:28px;padding:0 9px;border:1px solid rgb(255 255 255 / 13%);border-radius:5px;background:#202230;color:#c2c5d5;font-size:.57rem;font-weight:700}.devs-code pre{overflow:auto;margin:0;padding:18px 20px;outline:none;scrollbar-color:#3e4153 transparent;scrollbar-width:thin}.devs-code code{color:#d7d9e9;font:500 .7rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.devs-code>footer{min-height:28px;border-top:1px solid rgb(255 255 255 / 7%);border-bottom:0;color:#696e86;font:500 .5rem/1 ui-monospace,monospace}@media(max-width:1100px){.studio-card{grid-column:span 3}.studio-card:nth-child(5){grid-column:span 6}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devs-workbench{grid-template-columns:320px minmax(0,1fr)}.devs-toolbar{grid-template-columns:minmax(180px,1fr) auto auto}.devs-toolbar__history{display:none}.devs-toolbar__actions{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.devs-motion-scene{grid-template-columns:1fr}.devs-motion-scene .devs-preview-item:nth-child(n+3){display:none}}@media(max-width:800px){.tools-hero,.tools-section__heading,.tool-page__header,.tool-guide{grid-template-columns:1fr}.tools-hero{min-height:0}.tools-hero__demo{transform:none}.tools-section__heading{gap:18px}.studio-grid{grid-template-columns:1fr}.studio-card,.studio-card:nth-child(4),.studio-card:nth-child(5){min-height:310px;grid-column:auto}.tool-card-grid,.tools-glossary dl{grid-template-columns:1fr}.tool-page__meta{align-items:flex-start}.tool-workspace-shell{width:100%}.devs-app{border-right:0;border-left:0;border-radius:0}.devs-toolbar{display:flex;flex-wrap:wrap}.devs-toolbar__brand{flex:1 1 220px}.devs-toolbar__actions{flex:1 1 auto;overflow-x:auto}.devs-user-mode{margin-left:auto}.devs-use-flow{grid-template-columns:1fr;gap:8px}.devs-use-flow p{display:none}.devs-workbench{display:flex;min-height:0;flex-direction:column}.devs-sidebar{border-right:0;border-bottom:1px solid #dedfe7}.devs-sidebar__content{height:min(54vh,520px)}.devs-main{grid-template-rows:auto 500px 360px}.devs-preview-toolbar>div:first-child{display:none}.devs-preview-toolbar{gap:8px}.devs-segmented button{padding:0 7px}.devs-segmented--viewport button span{display:none}.devs-preview-stage{padding:12px}.devs-preview-frame{min-width:300px}.devs-preview-canvas{padding:32px 18px}.devs-code__tabs button{padding:0 8px}}@media(max-width:520px){.tools-hero__copy h1,.english-home .tools-hero h1{font-size:2.2rem}.tools-hero__demo pre{padding:22px 16px;font-size:.68rem}.tools-button{width:100%}.tools-glossary{margin-right:-12px;margin-left:-12px;border-radius:0}.tool-card{min-height:260px}.tool-page__header{padding-top:38px}.devs-toolbar__brand>div{max-width:calc(100vw - 100px)}.devs-toolbar__actions{width:100%;justify-content:flex-start}.devs-use-flow{padding:9px;overflow-x:auto}.devs-use-flow ol{min-width:560px}.devs-tool-load-error{grid-template-columns:auto 1fr}.devs-tool-load-error button{grid-column:1 / -1}.devs-save-status{display:none}.devs-panel-switcher{position:sticky;top:0;z-index:3}.devs-preview-toolbar{flex-wrap:wrap}.devs-segmented:first-of-type{width:100%;overflow-x:auto}.devs-main{grid-template-rows:auto 440px 360px}.devs-text-report{grid-template-columns:repeat(2,1fr)}.devs-filter-compare{grid-template-columns:1fr}.devs-filter-compare .devs-image-preview:first-child{display:none}}@media(prefers-reduced-motion:reduce){.tools-button,.studio-card,.tool-card,.devs-preview-frame{transition:none}.devs-motion-scene:not(.is-gsap) .devs-preview-item{animation:none}}