{"A neutral surface, a fine border, small corners and 1rem of padding on every side.":"A neutral surface, a fine border, small corners and 1rem of padding on every side.","Check the installed styles":"Check the installed styles","Demo controls":"Demo controls","The native checkbox and authored selectors control the child’s CSS play state. Pausing preserves its time. Reduced motion keeps it paused; print removes the animation.":"The native checkbox and authored selectors control the child’s CSS play state. Pausing preserves its time. Reduced motion keeps it paused; print removes the animation.","Run an animation":"Run an animation","The blue element clears the requested side. Unequal float heights make left, right and both visibly different.":"The blue element clears the requested side. Unequal float heights make left, right and both visibly different.","Clearing both left and right floats":"Clearing both left and right floats","The blue block clears the right float. Its text still wraps around the taller left float, whose box overlaps the blue background.":"The blue block clears the right float. Its text still wraps around the taller left float, whose box overlaps the blue background.","Clearing right floats":"Clearing right floats","The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.":"The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.","Set a fixed or fluid width":"Set a fixed or fluid width","Focus either real scroll container and use the arrow keys. Each child overflows only along the direction being demonstrated.":"Focus either real scroll container and use the arrow keys. Each child overflows only along the direction being demonstrated.","Create a scroll container":"Create a scroll container","Adjust the iframe viewport. Scroll inside the preview to see all content.":"Adjust the iframe viewport. Scroll inside the preview to see all content.","Each swatch shows the fixed preset value in both themes.":"Each swatch shows the fixed preset value in both themes.","Preset palette":"Preset palette","Clear both sides":"Clear both sides","Clear a right float":"Clear a right float","Document flow":"Document flow","Read related documentation":"Read related documentation","{count} recipes":"{count} recipes","Choose a behavior":"Choose a behavior","Utility recipe categories":"Utility recipe categories","Role":"Role","Token / class":"Token / class","{label} token table":"{label} token table","Sun above two mountain ridges":"Sun above two mountain ridges","Cross axis":"Cross axis","Main axis":"Main axis","Copy {name} CSS variable":"Copy {name} CSS variable","Copy {name} CSS value":"Copy {name} CSS value","End of color palette":"End of color palette","Skip color swatches":"Skip color swatches","CSS variable":"CSS variable","CSS value":"CSS value","Copy as":"Copy as","Select a swatch to copy its variable.":"Select a swatch to copy its variable.","Choose a swatch to copy its CSS variable reference.":"Choose a swatch to copy its CSS variable reference.","Choose a swatch to copy its original CSS color value.":"Choose a swatch to copy its original CSS color value.","Timing functions":"Timing functions","Animation durations":"Animation durations","Animations":"Animations","Letter spacing":"Letter spacing","Line heights":"Line heights","Text styles":"Text styles","Font weights":"Font weights","Font sizes":"Font sizes","Font families":"Font families","Container widths":"Container widths","Text colors":"Text colors","Line colors":"Line colors","Surface colors":"Surface colors","Corner radius scale":"Corner radius scale","Shadow scale":"Shadow scale","Fixed color steps":"Fixed color steps","Special colors":"Special colors","Hue aliases":"Hue aliases","Link to section: {title}":"Link to section: {title}","Value":"Value","Utility groups table":"Utility groups table","Representation":"Representation","Recorded":"Recorded","Metric":"Metric","Group":"Group","Evidence":"Evidence","Detail":"Detail","Description":"Description","Copied":"Copied","Complete measurements":"Complete measurements","Copy unavailable: {value}":"Copy unavailable: {value}","Copy unavailable":"Copy unavailable","Copied {value}":"Copied {value}","Copying…":"Copying…","{family} palette":"{family} palette","{label} dimensions":"{label} dimensions","{label} presets":"{label} presets","{label} controls":"{label} controls","{width} px · viewport unchanged":"{width} px · viewport unchanged","Measuring container…":"Measuring container…","Measuring…":"Measuring…","Legend":"Legend","Animation controls":"Animation controls","Print preview":"Print preview","Replay":"Replay","Pause":"Pause","Play":"Play","Bounds":"Bounds","Container":"Container","Viewport":"Viewport","Toggle dark theme":"Toggle dark theme","Fit":"Fit","Both views use the same scale and the committed page snapshot.":"Both views use the same scale and the committed page snapshot.","Brotli CSS":"Brotli CSS","Raw CSS":"Raw CSS","Site":"Site","Regression":"Regression","Check":"Check","Good":"Good","{label} breakdown":"{label} breakdown","Benchmark metrics":"Benchmark metrics","Component":"Component","Series":"Series","Generated CSS for the styled preview:":"Generated CSS for the styled preview:","Browser defaults and CSS applied use the same HTML:":"Browser defaults and CSS applied use the same HTML:","Marker":"Marker","Resources shown":"Resources shown","Choose a view; reduced motion and unavailable APIs use an immediate update.":"Choose a view; reduced motion and unavailable APIs use an immediate update.","Open an article and return to its card; focus is restored and reduced motion uses an immediate update.":"Open an article and return to its card; focus is restored and reduced motion uses an immediate update.","Interactive view transition preview":"Interactive view transition preview","Interactive article transition preview":"Interactive article transition preview","The live preview reports support in the current browser; the example retains its native fallback.":"The live preview reports support in the current browser; the example retains its native fallback.","Browser feature check":"Browser feature check","Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.":"Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.","Open an article, then return to its card. Each image and title keeps a unique snapshot name. Keyboard focus follows the view change.":"Open an article, then return to its card. Each image and title keeps a unique snapshot name. Keyboard focus follows the view change.","A change of view":"A change of view","From collection to article":"From collection to article","Not supported":"Not supported","Supported":"Supported","Checking…":"Checking…","Illustrative order · no time scale":"Illustrative order · no time scale","Later":"Later","Earlier":"Earlier","CSS applied":"CSS applied","Browser defaults":"Browser defaults","The same HTML in two documents":"The same HTML in two documents","Browser defaults and author CSS":"Browser defaults and author CSS","The striped area is the actual gap between two equal blocks.":"The striped area is the actual gap between two equal blocks.","General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.":"General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.","All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.":"All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.","All markers travel the same path with linear timing; only duration changes. Start paused, then Play or Replay together. Reduced motion keeps them still.":"All markers travel the same path with linear timing; only duration changes. Start paused, then Play or Replay together. Reduced motion keeps them still.","Every animation specimen starts paused. Play, Pause and Replay control the native timelines; reduced motion keeps the content still. Complete shorthand values are listed below.":"Every animation specimen starts paused. Play, Pause and Replay control the native timelines; reduced motion keeps the content still. Complete shorthand values are listed below.","The same long phrase at every letter spacing. Compare the space between glyphs without changing size.":"The same long phrase at every letter spacing. Compare the space between glyphs without changing size.","The same multi-line paragraph at every line height. Compare reading rhythm and block height.":"The same multi-line paragraph at every line height. Compare reading rhythm and block height.","Identical text, size and family isolate the selected weight. The available font determines which weights it can draw.":"Identical text, size and family isolate the selected weight. The available font determines which weights it can draw.","Compare the same sentence and letterforms in each font stack. Available system fonts determine the rendered face.":"Compare the same sentence and letterforms in each font stack. Available system fonts determine the rendered face.","Each treatment applies its actual size, line height and tracking. Weight, family and color are separate choices.":"Each treatment applies its actual size, line height and tracking. Weight, family and color are separate choices.","Actual preset font sizes, without scaling or fixed-height clipping. Large specimens wrap within the reading column.":"Actual preset font sizes, without scaling or fixed-height clipping. Large specimens wrap within the reading column.","Bars show relative width caps on one shared scale. Exact values remain in the table; changing a size token does not change a container-query threshold.":"Bars show relative width caps on one shared scale. Exact values remain in the table; changing a size token does not change a container-query threshold.","Pink stripes show the actual gap between equal blocks. Pixel equivalents assume a 16px root; authored rem values follow the root font size.":"Pink stripes show the actual gap between equal blocks. Pixel equivalents assume a 16px root; authored rem values follow the root font size.","The same raised surface, radius and padding at every level. The full shadow has room to spread. Suggested uses are design guidance.":"The same raised surface, radius and padding at every level. The full shadow has room to spread. Suggested uses are design guidance.","The highlighted corner shows the radius on equal-sized shapes.":"The highlighted corner shows the radius on equal-sized shapes.","Each token paints real text, on its intended surface, in both modes. Check contrast in your actual composition.":"Each token paints real text, on its intended surface, in both modes. Check contrast in your actual composition.","Each token paints a boundary, with identical line width in both modes. Divider and subtle are decorative; control is intended for required boundaries.":"Each token paints a boundary, with identical line width in both modes. Divider and subtle are decorative; control is intended for required boundaries.","Compare complete surfaces in light and dark. Inverse surfaces use inverse text. Role descriptions are design guidance, not component restrictions.":"Compare complete surfaces in light and dark. Inverse surfaces use inverse text. Role descriptions are design guidance, not component restrictions.","Numbered palette steps keep their colors across light and dark modes. Choose a swatch to copy its original CSS value or variable reference.":"Numbered palette steps keep their colors across light and dark modes. Choose a swatch to copy its original CSS value or variable reference.","Resize the actual iframe across md. The surrounding document keeps its own viewport.":"Resize the actual iframe across md. The surrounding document keeps its own viewport.","Viewport typography":"Viewport typography","Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.":"Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.","A summary follows its container":"A summary follows its container","fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.":"fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.","Foreground color by role":"Foreground color by role","One scale, related surfaces":"One scale, related surfaces","Color separates these surfaces. This example adds no shadow.":"Color separates these surfaces. This example adds no shadow.","Surface hierarchy":"Surface hierarchy","Fluid space, measured object":"Fluid space, measured object","The row stops at sm. The flexible text region can shrink below its content width.":"The row stops at sm. The flexible text region can shrink below its content width.","Keep long content within its cap":"Keep long content within its cap","Both documents use identical classes. The active mode supplies the surface, line and text values.":"Both documents use identical classes. The active mode supplies the surface, line and text values.","One composition, two modes":"One composition, two modes","Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.":"Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.","A readable type hierarchy":"A readable type hierarchy","The line role selects a color. Width and style still need an explicit declaration.":"The line role selects a color. Width and style still need an explicit declaration.","Visible boundaries":"Visible boundaries","These links share a destination. Their shape is independent of their native navigation behavior.":"These links share a destination. Their shape is independent of their native navigation behavior.","Content-sized pill and width-led circle":"Content-sized pill and width-led circle","The archive action is natively disabled. Inverse text is paired with its inverse surface.":"The archive action is natively disabled. Inverse text is paired with its inverse surface.","Readable hierarchy":"Readable hierarchy","Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.":"Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.","A component follows its container":"A component follows its container","Both animations run once and start paused. Play and Replay control the native timelines. Reduced motion shows the content immediately without animation.":"Both animations run once and start paused. Play and Replay control the native timelines. Reduced motion shows the content immediately without animation.","Two finite entrances":"Two finite entrances","General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.":"General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.","A fixed hue":"A fixed hue","The checkbox changes translateX from 0 to 96px. The 300ms transition starts after a 150ms delay. Reduced motion changes the state immediately; print keeps the initial position.":"The checkbox changes translateX from 0 to 96px. The 300ms transition starts after a 150ms delay. Reduced motion changes the state immediately; print keeps the initial position.","A transition needs two states":"A transition needs two states","The dialog enters once on opening. Escape or Close details returns focus to its trigger. Reduced motion opens it immediately. Its modal boundary stays inside this preview.":"The dialog enters once on opening. Escape or Close details returns focus to its trigger. Reduced motion opens it immediately. Its modal boundary stays inside this preview.","Motion follows a real action":"Motion follows a real action","A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.":"A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.","Depth follows interaction":"Depth follows interaction","shadow-sm uses the same offsets across these modes, with different edge and shadow colors.":"shadow-sm uses the same offsets across these modes, with different edge and shadow colors.","Quiet separation":"Quiet separation","Both specimens have the same font size and content. font-3xl inherits the parent’s leading and tracking; text-3xl sets all three properties.":"Both specimens have the same font size and content. font-3xl inherits the parent’s leading and tracking; text-3xl sets all three properties.","One size, two type treatments":"One size, two type treatments","Choose one axis or both":"Choose one axis or both","Download {title} ({format})":"Download {title} ({format})","Download {format}":"Download {format}","Guide":"Guide","Reference":"Reference","Blog":"Blog","Brand":"Brand","Design system":"Design system","Products":"Products","Resources":"Resources","Community":"Community","About":"About","Company":"Company","Footer":"Footer","Theme":"Theme","Light":"Light","Dark":"Dark","System":"System","Language":"Language","Language switch":"Language switch","Version":"Version","Menu":"Menu","Close menu":"Close menu","home":"home","Navigation":"Navigation","Main navigation":"Main navigation","Documentation navigation":"Documentation navigation","New":"New","On this page":"On this page","Edit this page":"Edit this page","Issue on this page":"Issue on this page","Collapse":"Collapse","Expand":"Expand","Previous":"Previous","Next":"Next","Previous and next documents":"Previous and next documents","Written by":"Written by","Keep reading":"Keep reading","All articles":"All articles","Newer":"Newer","Search ⌘ K …":"Search ⌘ K …","Search documentation":"Search documentation","Search documentation…":"Search documentation…","Clear search":"Clear search","Close search":"Close search","Cancel":"Cancel","Loading documentation…":"Loading documentation…","Search could not load.":"Search could not load.","Find a name, alias or CSS property":"Find a name, alias or CSS property","Check your connection and try again.":"Check your connection and try again.","Try again":"Try again","Try searching":"Try searching","No matching documents":"No matching documents","Try a property name, a token name or a different keyword.":"Try a property name, a token name or a different keyword.","Search results":"Search results","Navigate":"Navigate","Open":"Open","Search anytime":"Search anytime","{count} results":"{count} results","Top {count} results":"Top {count} results","Identifier":"Identifier","Title":"Title","Syntax":"Syntax","Topic":"Topic","Content":"Content","Utility":"Utility","Rule":"Rule","Tokens":"Tokens","Directive":"Directive","Tool":"Tool","Page":"Page","Code":"Code","Copy code":"Copy code","Copy {name}":"Copy {name}","{name} copied":"{name} copied","Clipboard unavailable. Select the code to copy it.":"Clipboard unavailable. Select the code to copy it.","Code examples":"Code examples","Generated CSS":"Generated CSS","Source":"Source","Result":"Result","Default":"Default","Text description":"Text description","Utility keys":"Utility keys","Show {count} more keys":"Show {count} more keys","Namespace consumers":"Namespace consumers","Namespace":"Namespace","Consumers":"Consumers","All guides":"All guides","All entries":"All entries","Index view":"Index view","By category":"By category","Jump to a letter":"Jump to a letter","{name} sections":"{name} sections","{name} categories":"{name} categories","This page does not exist":"This page does not exist","Try searching the documentation or return to the Guide.":"Try searching the documentation or return to the Guide.","Try searching the site or return to the homepage.":"Try searching the site or return to the homepage.","Browse the Guide":"Browse the Guide","Back to home":"Back to home","This page is still under construction and some content may not be complete.":"This page is still under construction and some content may not be complete.","Master — Master the interface.":"Master — Master the interface.","Tools and a shared design language for building thoughtful interfaces. Explore Master CSS, our design system, and what we are learning along the way.":"Tools and a shared design language for building thoughtful interfaces. Explore Master CSS, our design system, and what we are learning along the way.","Master the":"Master the","interface.":"interface.","Explore our products":"Explore our products","From expression":"From expression","to interface.":"to interface.","Focused tools, built on a shared foundation.":"Focused tools, built on a shared foundation.","Start with the product that fits your work.":"Start with the product that fits your work.","An expressive styling language that brings design decisions into your markup, backed by a common set of tokens and tools.":"An expressive styling language that brings design decisions into your markup, backed by a common set of tokens and tools.","An agent skill for refining web interfaces, with guidance on surfaces, typography, spacing and interaction.":"An agent skill for refining web interfaces, with guidance on surfaces, typography, spacing and interaction.","The next part of the Master product family. We will share more when it is ready.":"The next part of the Master product family. We will share more when it is ready.","Explore Master CSS":"Explore Master CSS","Explore Master Design":"Explore Master Design","Coming soon":"Coming soon","Journal":"Journal","Ideas, put":"Ideas, put","into practice.":"into practice.","Product notes and lessons from building for the web.":"Product notes and lessons from building for the web.","Read the blog":"Read the blog","News and notes":"News and notes","Product notes, ideas and lessons from building Master.":"Product notes, ideas and lessons from building Master.","Components":"Components","Design system navigation":"Design system navigation","Authoring handbook":"Authoring handbook","Usage and interface":"Usage and interface","Used on":"Used on","Tools and a shared design language for building thoughtful interfaces.":"Tools and a shared design language for building thoughtful interfaces.","Published articles":"Published articles","Stable product website.":"Stable product website.","An agent skill for refining web interfaces.":"An agent skill for refining web interfaces.","Product notes and ideas from Master.":"Product notes and ideas from Master.","New feature":"New feature","Release":"Release","Overview":"Overview","Authoring":"Authoring","A complete example":"A complete example","Stage only":"Stage only","Without a head or source the tray is a quiet frame around one specimen; a lone caption names the figure.":"Without a head or source the tray is a quiet frame around one specimen; a lone caption names the figure.","Grouped namespaces":"Grouped namespaces","Variable sources":"Variable sources","Metrics":"Metrics","Complete chart presentation":"Complete chart presentation","Illustrative component data. Follow the product link for measured benchmark results.":"Illustrative component data. Follow the product link for measured benchmark results.","Context, subject and comparison":"Context, subject and comparison","Outcomes":"Outcomes","Spacing with its representation":"Spacing with its representation","Roles and steps":"Roles and steps","Responsive presets":"Responsive presets","A reference specimen":"A reference specimen","Reference demos compile their own isolated document with the system roles and the preset tokens they use.":"Reference demos compile their own isolated document with the system roles and the preset tokens they use.","Local overflow":"Local overflow","In a reference specimen":"In a reference specimen","Grounds":"Grounds","Main and cross axis":"Main and cross axis","With a measure and a legend":"With a measure and a legend","One scenario":"One scenario","Compare scenarios":"Compare scenarios","Both diagrams use the same geometry and naming conventions.":"Both diagrams use the same geometry and naming conventions.","A recipe group":"A recipe group","Source and date":"Source and date","The complete source":"The complete source","One palette across languages":"One palette across languages","Keywords, names, properties and values keep the same visual roles in light and dark. Comments stay quiet and readable.":"Keywords, names, properties and values keep the same visual roles in light and dark. Comments stay quiet and readable.","As written or uppercase":"As written or uppercase","Labelling a scale":"Labelling a scale","Elevation":"Elevation","DemoSurface":"DemoSurface","Well":"Well","Inputs, tracks and pressed states sink into a well.":"Inputs, tracks and pressed states sink into a well.","A paused timeline":"A paused timeline","Every control":"Every control","Exclusive choices in a tray head":"Exclusive choices in a tray head","A segmented control in the tray head changes the actual utility on the specimen.":"A segmented control in the tray head changes the actual utility on the specimen.","Related document views":"Related document views","Arrow keys move between views; Home and End reach the first and last; Tab moves into the selected panel.":"Arrow keys move between views; Home and End reach the first and last; Tab moves into the selected panel.","Viewport conditions":"Viewport conditions","The presets cross the sm breakpoint inside a real iframe; the button padding follows that viewport.":"The presets cross the sm breakpoint inside a real iframe; the button padding follows that viewport.","A query card":"A query card","A whole page instead":"A whole page instead","When the lesson is about the viewport, show the real page in a browser instead of a container.":"When the lesson is about the viewport, show the real page in a browser instead of a container.","Installation sequence":"Installation sequence","A chart group":"A chart group","Tone and paint":"Tone and paint","In a lesson":"In a lesson","The example supplies the layout: here a hatched padding box and a gap between three items.":"The example supplies the layout: here a hatched padding box and a gap between three items.","Live bounds":"Live bounds","Value and compact feedback":"Value and compact feedback","Feature support":"Feature support","View transitions":"View transitions","Two conditions":"Two conditions","A complete scale":"A complete scale","A scale of more than two values is a grid of labelled specimens on one stage.":"A scale of more than two values is a grid of labelled specimens on one stage.","Grouped entries":"Grouped entries","In the Guide":"In the Guide","Two families":"Two families","Tones, dots and sizes":"Tones, dots and sizes","Recorded output":"Recorded output","Artwork in a tone":"Artwork in a tone","A real image":"A real image","Documents":"Documents","Surfaces and frames":"Surfaces and frames","Specimens and annotations":"Specimens and annotations","Controls":"Controls","Documents and evidence":"Documents and evidence","Canvas":"Canvas","Tray":"Tray","Stage":"Stage","Sheet":"Sheet","Float":"Float","The page itself. Reading text sits directly on it.":"The page itself. Reading text sits directly on it.","A recessed holder for one complete example: its head, stage, source and caption.":"A recessed holder for one complete example: its head, stage, source and caption.","A lit, slightly recessed well inside a tray where the specimen stands.":"A lit, slightly recessed well inside a tray where the specimen stands.","A raised face: panels, cards, controls and specimens.":"A raised face: panels, cards, controls and specimens.","A sunken field below its surroundings: inputs, tracks and pressed states.":"A sunken field below its surroundings: inputs, tracks and pressed states.","Menus, dialogs and tooltips above everything else.":"Menus, dialogs and tooltips above everything else.","Plain":"Plain","Hatch":"Hatch","Grid":"Grid","Dots":"Dots","Checkerboard":"Checkerboard","The default lit stage for reading a complete example.":"The default lit stage for reading a complete example.","Mark measured gaps, padding or otherwise empty space.":"Mark measured gaps, padding or otherwise empty space.","Inspect alignment and positioning against regular lines.":"Inspect alignment and positioning against regular lines.","Compare placement against a sparse grid.":"Compare placement against a sparse grid.","Reveal transparency in an image or painted surface.":"Reveal transparency in an image or painted surface.","Project styles and layers":"Project styles and layers","Layout foundations":"Layout foundations","Typography and motion":"Typography and motion","Paint and color":"Paint and color","Namespace comparisons":"Namespace comparisons","Code and table patterns":"Code and table patterns","Syntax and viewports":"Syntax and viewports","Utility behavior recipes":"Utility behavior recipes","Working recipe collections":"Working recipe collections","Open the complete collection":"Open the complete collection","The mark keeps half its height clear on every side.":"The mark keeps half its height clear on every side.","The mark's gradient belongs to the artwork. Interface gold comes from the preset amber family.":"The mark's gradient belongs to the artwork. Interface gold comes from the preset amber family.","The Master CSS gold mark":"The Master CSS gold mark","The Master CSS horizontal logotype":"The Master CSS horizontal logotype","Horizontal logotype":"Horizontal logotype","x is the wordmark's x-height; the mark is 1.3x high. Keep one x clear around the complete signature.":"x is the wordmark's x-height; the mark is 1.3x high. Keep one x clear around the complete signature.","Minimum sizes":"Minimum sizes","At actual CSS pixels":"At actual CSS pixels","Check the artwork at the size it will be used.":"Check the artwork at the size it will be used.","Small mark":"Small mark","Mark":"Mark","Logotype":"Logotype","Mark on light":"Mark on light","Mark on dark":"Mark on dark","Signal":"Signal","Gold":"Gold","Typeface":"Typeface","Use":"Use","Interface and Latin text":"Interface and Latin text","Traditional Chinese":"Traditional Chinese","Code, identifiers and aligned numbers":"Code, identifiers and aligned numbers","Download the brand kit (ZIP)":"Download the brand kit (ZIP)","Asset manifest":"Asset manifest","Download":"Download","Logotype for dark backgrounds":"Logotype for dark backgrounds","Logotype for light backgrounds":"Logotype for light backgrounds","Mark for dark backgrounds":"Mark for dark backgrounds","Mark for light backgrounds":"Mark for light backgrounds","Small mark for dark backgrounds":"Small mark for dark backgrounds","Small mark for light backgrounds":"Small mark for light backgrounds","Light lettering with the champagne-to-gold mark.":"Light lettering with the champagne-to-gold mark.","Dark lettering with the champagne-to-gold mark.":"Dark lettering with the champagne-to-gold mark.","Standard flat mark, for heights of 24px and above.":"Standard flat mark, for heights of 24px and above.","Wider gaps for heights from 16px to below 24px.":"Wider gaps for heights from 16px to below 24px.","Master CSS logotype with light lettering":"Master CSS logotype with light lettering","Master CSS logotype with dark lettering":"Master CSS logotype with dark lettering","Master CSS gold mark for dark backgrounds":"Master CSS gold mark for dark backgrounds","Master CSS gold mark for light backgrounds":"Master CSS gold mark for light backgrounds","Small Master CSS mark for dark backgrounds":"Small Master CSS mark for dark backgrounds","Small Master CSS mark for light backgrounds":"Small Master CSS mark for light backgrounds","A small document workspace":"A small document workspace","The responsive preview and its source use the same project token definitions.":"The responsive preview and its source use the same project token definitions.","Every layer doubles offset and blur while its spread pulls in. Hover lifts half a pixel to rise-1h; pressing sinks into the well.":"Every layer doubles offset and blur while its spread pulls in. Hover lifts half a pixel to rise-1h; pressing sinks into the well.","A tray of 14 holds a stage, code window or sheet of 10 at a 4px inset; a menu of 8 holds items of 4.":"A tray of 14 holds a stage, code window or sheet of 10 at a 4px inset; a menu of 8 holds items of 4.","Names, values and supporting details share a start.":"Names, values and supporting details share a start.","Hue appears only inside specimens. A legend or label names each tone.":"Hue appears only inside specimens. A legend or label names each tone.","The status beside the action reports the real clipboard result, including denial.":"The status beside the action reports the real clipboard result, including denial.","Copy surface":"Copy surface","Concentric radii":"Concentric radii","Values, together":"Values, together","Teaching color is always named":"Teaching color is always named","Copy with an honest result":"Copy with an honest result","Copy the sheet surface variable":"Copy the sheet surface variable","Project tokens":"Project tokens","Collection card":"Collection card","Project token":"Project token","Background":"Background","Purpose":"Purpose","Token":"Token","CSS":"CSS","Minimum sizes at actual CSS pixels":"Minimum sizes at actual CSS pixels","high":"high","Read the lesson":"Read the lesson","A four-pixel tray inset nests the radii: the tray is 14px and the stage, code and sheet inside it are 10px. Elevation runs sink, flat, rise-1, rise-1h, rise-2, rise-3 and overlay; every shadow layer doubles its offset and blur.":"A four-pixel tray inset nests the radii: the tray is 14px and the stage, code and sheet inside it are 10px. Elevation runs sink, flat, rise-1, rise-1h, rise-2, rise-3 and overlay; every shadow layer doubles its offset and blur.","Native buttons, selects, sliders and segmented groups keep visible focus and keyboard behavior. A raised face lifts half a pixel on hover and sinks into a well when pressed; a selected segment rises inside its sunken track, and focus is a visible ink ring. [Explore the controls](/design-system/review/controls).":"Native buttons, selects, sliders and segmented groups keep visible focus and keyboard behavior. A raised face lifts half a pixel on hover and sinks into a well when pressed; a selected segment rises inside its sunken track, and focus is a visible ink ring. [Explore the controls](/design-system/review/controls).","Names, values and supporting details share a start. Longer source stays available in a native disclosure. [Build a complete example](/design-system/authoring).":"Names, values and supporting details share a start. Longer source stays available in a native disclosure. [Build a complete example](/design-system/authoring).","[Open the article transition preview](https://css.master.co/guide/view-transitions#article-list-to-detail). Enter an article and return to its card; focus returns to the source card. Reduced motion uses an immediate update.":"[Open the article transition preview](https://css.master.co/guide/view-transitions#article-list-to-detail). Enter an article and return to its card; focus returns to the source card. Reduced motion uses an immediate update.","[Open the view selection preview](https://css.master.co/guide/view-transitions). Choose a view; reduced motion and an unavailable API retain an immediate update.":"[Open the view selection preview](https://css.master.co/guide/view-transitions). Choose a view; reduced motion and an unavailable API retain an immediate update.","The same Project notes document, before and after its typography, spacing and border styles are applied. This is an illustrative style comparison, not a timing measurement.":"The same Project notes document, before and after its typography, spacing and border styles are applied. This is an illustrative style comparison, not a timing measurement.","Section marks":"Section marks","Seven waypoints through the homepage.":"Seven waypoints through the homepage.","Themes, tokens and native CSS foundations.":"Themes, tokens and native CSS foundations.","Editor":"Editor","Tools for reading and writing class names.":"Tools for reading and writing class names.","Rendering":"Rendering","Three paths from class names to CSS.":"Three paths from class names to CSS.","AI agents":"AI agents","Connected clients and a reviewable workflow.":"Connected clients and a reviewable workflow.","Workflow":"Workflow","Shared foundations across projects and routes.":"Shared foundations across projects and routes.","Lint checks":"Lint checks","Six checks, with archived compact vector studies.":"Six checks, with archived compact vector studies.","MCP tools":"MCP tools","Nine tools, with a matching glass illustration for each.":"Nine tools, with a matching glass illustration for each.","Modules arranged on a shared drafting frame.":"Modules arranged on a shared drafting frame.","A thin editing plane, one focused row and an independent pointer.":"A thin editing plane, one focused row and an independent pointer.","One source branches into three delivery targets.":"One source branches into three delivery targets.","CSS size":"CSS size","A bundle of rules contracts beside a measurement rail.":"A bundle of rules contracts beside a measurement rail.","Lint":"Lint","Three checkmarks verify three rows on a transparent editing plane.":"Three checkmarks verify three rows on a transparent editing plane.","Connected agents form a loop around a checked result.":"Connected agents form a loop around a checked result.","Three workstations connect in a stepped sequence.":"Three workstations connect in a stepped sequence.","Light and dark, same markup":"Light and dark, same markup","One panel, two lighting conditions, a shared outline.":"One panel, two lighting conditions, a shared outline.","Tokens, defined once":"Tokens, defined once","A single reference supplies three different properties.":"A single reference supplies three different properties.","Wide-gamut color":"Wide-gamut color","An outer gamut encloses a smaller sampled triangle.":"An outer gamut encloses a smaller sampled triangle.","Layout and motion, together":"Layout and motion, together","A grid cell follows a curved path out of its layout.":"A grid cell follows a curved path out of its layout.","Native CSS, in predictable layers":"Native CSS, in predictable layers","Five separated planes share one registration axis.":"Five separated planes share one registration axis.","Hover inspection":"Hover inspection","A pointer opens a cross-section above a class string.":"A pointer opens a cross-section above a class string.","Manifest completions":"Manifest completions","An unfinished input connects to a selected candidate.":"An unfinished input connects to a selected candidate.","Focused highlighting":"Focused highlighting","An inspection frame isolates one line in an editing plane.":"An inspection frame isolates one line in an editing plane.","Color tools":"Color tools","A floating sample disc connects to a point on a color coordinate plane.":"A floating sample disc connects to a point on a color coordinate plane.","Static rendering":"Static rendering","Source fragments resolve into a finished stylesheet.":"Source fragments resolve into a finished stylesheet.","Progressive rendering":"Progressive rendering","A prepared panel receives one additional piece.":"A prepared panel receives one additional piece.","Runtime rendering":"Runtime rendering","New rule blocks assemble inside a browser frame.":"New rule blocks assemble inside a browser frame.","Lint, preview, then apply":"Lint, preview, then apply","Three staggered stages check, compare and confirm.":"Three staggered stages check, compare and confirm.","Works with your agent":"Works with your agent","Different connectors share one project hub.":"Different connectors share one project hub.","Project tools":"Project tools","Three abstract capabilities dock into a shared transparent rail.":"Three abstract capabilities dock into a shared transparent rail.","Framework integrations":"Framework integrations","Complementary connectors meet across an open gap.":"Complementary connectors meet across an open gap.","Trace a change":"Trace a change","One changed node reaches three dependent nodes.":"One changed node reaches three dependent nodes.","Monorepo-aware":"Monorepo-aware","Three transparent project sheets share one thin foundation.":"Three transparent project sheets share one thin foundation.","Route-level styles":"Route-level styles","A source branches into routes carrying their own sheets.":"A source branches into routes carrying their own sheets.","Invalid classes":"Invalid classes","A malformed piece fails to pass a calibrated opening.":"A malformed piece fails to pass a calibrated opening.","Class order":"Class order","Uneven source rows settle into an ordered column.":"Uneven source rows settle into an ordered column.","Conflicting classes":"Conflicting classes","Two paths compete for the same destination slot.":"Two paths compete for the same destination slot.","Strict vocabulary":"Strict vocabulary","A shaped opening admits only a matching piece.":"A shaped opening admits only a matching piece.","Theme tokens":"Theme tokens","Raw values align with a named reference on a ruler.":"Raw values align with a named reference on a ruler.","Fix previews":"Fix previews","Before and after sheets carry minus and plus marks.":"Before and after sheets carry minus and plus marks.","Scan project":"Scan project","A scan line crosses a source sheet inside a capture frame.":"A scan line crosses a source sheet inside a capture frame.","Query manifest":"Query manifest","Staggered index sheets sit beside a separate inspection lens.":"Staggered index sheets sit beside a separate inspection lens.","Inspect class":"Inspect class","A single source piece unfolds into inspectable lines.":"A single source piece unfolds into inspectable lines.","Trace class":"Trace class","A continuous path links source, intermediate node and output.":"A continuous path links source, intermediate node and output.","Render CSS":"Render CSS","Separate rule fragments converge toward one output sheet.":"Separate rule fragments converge toward one output sheet.","Lint project":"Lint project","A circular check verifies a layered collection of source sheets.":"A circular check verifies a layered collection of source sheets.","Compare CSS":"Compare CSS","A double-ended arrow compares two clearly separated outputs.":"A double-ended arrow compares two clearly separated outputs.","Preview fixes":"Preview fixes","An eye examines additions and removals before confirmation.":"An eye examines additions and removals before confirmation.","Apply preview":"Apply preview","A confirmed piece is directed into its target sheet.":"A confirmed piece is directed into its target sheet.","Light and dark background previews":"Light and dark background previews","SVG study":"SVG study","Section":"Section","Item":"Item","Suggested":"Suggested","Actual sizes":"Actual sizes","artwork + SVG study":"artwork + SVG study","Main artwork · WebP":"Main artwork · WebP","Material and vector construction · enlarged":"Material and vector construction · enlarged","Selected WebP material":"Selected WebP material","Compact drawing · 4×":"Compact drawing · 4×","Material study · SVG / WebP":"Material study · SVG / WebP","Dense class strings, still readable.":"Dense class strings, still readable.","The same icon caption, 96px canvas and approximately 80% visible width. Compare the rendered materials on both card backgrounds.":"The same icon caption, 96px canvas and approximately 80% visible width. Compare the rendered materials on both card backgrounds.","Illustration collection · 01":"Illustration collection · 01","Quiet precision":"Quiet precision","A little depth.":"A little depth.","A clear purpose.":"A clear purpose.","Original illustrations for the Master CSS homepage. Transparent planes, restrained light, and fine lines describe each mechanism. The same glass artwork now carries through to lint rules and agent tools.":"Original illustrations for the Master CSS homepage. Transparent planes, restrained light, and fine lines describe each mechanism. The same glass artwork now carries through to lint rules and agent tools.","Collection specifications":"Collection specifications","original themes":"original themes","archived compact studies":"archived compact studies","WebP":"WebP","homepage feature artwork":"homepage feature artwork","Six representative illustrations":"Six representative illustrations","Explore the collection":"Explore the collection","Page theme":"Page theme","Icon groups":"Icon groups","In context":"In context","Integration":"Integration","themes":"themes","Placement studies":"Placement studies","The full collection with current homepage copy where available, shown at 96px, 48px and 40px.":"The full collection with current homepage copy where available, shown at 96px, 48px and 40px.","Homepage integration":"Homepage integration","The current rc layout uses themed WebP artwork throughout its section, card, rule and tool illustrations.":"The current rc layout uses themed WebP artwork throughout its section, card, rule and tool illustrations.","Master CSS · Original homepage illustrations":"Master CSS · Original homepage illustrations","Back to top":"Back to top","Archived compact SVG":"Archived compact SVG","Main artwork":"Main artwork","artwork":"artwork","vector construction":"vector construction","Beside a heading":"Beside a heading","In a dense tool list":"In a dense tool list","When the image carries meaning":"When the image carries meaning","Build modern interfaces from one class vocabulary.":"Build modern interfaces from one class vocabulary.","One syntax. Every delivery path.":"One syntax. Every delivery path.","Only the CSS a page uses.":"Only the CSS a page uses.","Lint classes against your project.":"Lint classes against your project.","Agents check their own changes.":"Agents check their own changes.","Works with your framework and build.":"Works with your framework and build.","the Rendering modes guide":"the Rendering modes guide","the Responsive Design guide":"the Responsive Design guide","the Colors guide":"the Colors guide","the design system overview":"the design system overview","the View transitions guide":"the View transitions guide","the installation guides":"the installation guides","the benchmarks":"the benchmarks","the layout verification guide":"the layout verification guide","the Layout System guide":"the Layout System guide","the Theme guide":"the Theme guide","the container size reference":"the container size reference","the Syntax Tutorial":"the Syntax Tutorial","Type hierarchy":"Type hierarchy","Size and treatment":"Size and treatment","Finite entrances":"Finite entrances","State transition":"State transition","Dialog entrance":"Dialog entrance","Container grid":"Container grid","Container media object":"Container media object","Fluid wrapper and measured object":"Fluid wrapper and measured object","One axis or both":"One axis or both","Shrinkable content":"Shrinkable content","Radius scale":"Radius scale","Shape shortcuts":"Shape shortcuts","Workspace layout":"Workspace layout","Color roles":"Color roles","Line roles":"Line roles","Text roles":"Text roles","Base hue":"Base hue","Text hue":"Text hue","Quiet elevation":"Quiet elevation","Interactive elevation":"Interactive elevation","View guide":"View guide"}