{"A neutral surface, a fine border, small corners and 1rem of padding on every side.":"ニュートラルなサーフェス、細い枠線、小さな角丸、各辺に 1rem の内側余白を持つ例です。","Check the installed styles":"導入したスタイルを確認する","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.":"ネイティブのチェックボックスと記述したセレクターが、子要素の CSS 再生状態を制御します。一時停止しても再生位置を保ちます。動きを減らす設定では一時停止したままとなり、印刷時にはアニメーションを取り除きます。","Run an animation":"アニメーションを実行する","The blue element clears the requested side. Unequal float heights make left, right and both visibly different.":"青い要素は指定した側のフロートをクリアします。フロートの高さが異なるため、左、右、両側の指定にはっきりした違いが現れます。","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.":"青いブロックは右側のフロートをクリアします。文字は引き続き、背の高い左側のフロートに沿って回り込み、そのボックスは青い背景と重なります。","Clearing right floats":"右側のフロートをクリアする","The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.":"破線の輪郭は、記述した包含ブロックです。青いボーダーボックスの実際の幅を、親要素と見比べてください。","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.":"どちらかの実際のスクロールコンテナーにフォーカスし、矢印キーを使います。子要素は、それぞれ示している方向だけにはみ出します。","Create a scroll container":"スクロールコンテナーを作る","Adjust the iframe viewport. Scroll inside the preview to see all content.":"iframe のビューポートを調整します。内容全体を見るには、プレビュー内をスクロールしてください。","Each swatch shows the fixed preset value in both themes.":"各色見本は、どちらのテーマでも同じ固定のプリセット値を表示します。","Preset palette":"プリセットのパレット","Clear both sides":"両側のフロートをクリアする","Clear a right float":"右側のフロートをクリアする","Document flow":"文書フロー","Read related documentation":"関連ドキュメントを読む","{count} recipes":"{count} 件のレシピ","Choose a behavior":"動作を選ぶ","Utility recipe categories":"ユーティリティレシピの分類","Role":"役割","Token / class":"トークン／クラス","{label} token table":"{label}のトークン表","Sun above two mountain ridges":"二つの山の稜線の上に浮かぶ太陽","Cross axis":"交差軸","Main axis":"主軸","Copy {name} CSS variable":"{name} の CSS 変数をコピー","Copy {name} CSS value":"{name} の CSS の値をコピー","End of color palette":"カラーパレットの終わり","Skip color swatches":"色見本をスキップ","CSS variable":"CSS 変数","CSS value":"CSS の値","Copy as":"コピー形式","Select a swatch to copy its variable.":"色見本を選ぶと、その変数をコピーできます。","Choose a swatch to copy its CSS variable reference.":"色見本を選ぶと、CSS 変数の参照をコピーできます。","Choose a swatch to copy its original CSS color value.":"色見本を選ぶと、元の CSS の色の値をコピーできます。","Timing functions":"タイミング関数","Animation durations":"アニメーションの継続時間","Animations":"アニメーション","Letter spacing":"字間","Line heights":"行の高さ","Text styles":"文字のスタイル","Font weights":"フォントウェイト","Font sizes":"文字サイズ","Font families":"フォントファミリー","Container widths":"コンテナーの幅","Text colors":"文字の色","Line colors":"線の色","Surface colors":"サーフェスの色","Corner radius scale":"角丸のスケール","Shadow scale":"シャドウのスケール","Fixed color steps":"固定の色の段階","Special colors":"特別な色","Hue aliases":"色相のエイリアス","Link to section: {title}":"セクション「{title}」へのリンク","Value":"値","Utility groups table":"ユーティリティグループの表","Representation":"表示形式","Recorded":"記録済み","Metric":"指標","Group":"グループ","Evidence":"根拠","Detail":"詳細","Description":"説明","Copied":"コピーしました","Complete measurements":"測定結果の全項目","Copy unavailable: {value}":"コピーできません：{value}","Copy unavailable":"コピーできません","Copied {value}":"{value} をコピーしました","Copying…":"コピー中…","{family} palette":"{family} のパレット","{label} dimensions":"{label}の寸法","{label} presets":"{label}のプリセット","{label} controls":"{label}の操作","{width} px · viewport unchanged":"{width} px・ビューポートは不変","Measuring container…":"コンテナーを測定中…","Measuring…":"測定中…","Legend":"凡例","Animation controls":"アニメーションの操作","Print preview":"印刷プレビュー","Replay":"もう一度再生","Pause":"一時停止","Play":"再生","Bounds":"境界","Container":"コンテナー","Viewport":"ビューポート","Toggle dark theme":"ダークテーマを切り替える","Fit":"幅に合わせる","Both views use the same scale and the committed page snapshot.":"どちらの表示も同じ尺度とコミット済みのページスナップショットを使います。","Brotli CSS":"Brotli 圧縮 CSS","Raw CSS":"未圧縮 CSS","Site":"サイト","Regression":"性能低下","Check":"要確認","Good":"良好","{label} breakdown":"{label} の内訳","Benchmark metrics":"ベンチマーク指標","Component":"構成要素","Series":"系列","Generated CSS for the styled preview:":"スタイル付きプレビュー用の生成 CSS：","Browser defaults and CSS applied use the same HTML:":"ブラウザーの既定スタイルと CSS 適用後で同じ HTML を使います。","Marker":"マーカー","Resources shown":"図のリソース","Choose a view; reduced motion and unavailable APIs use an immediate update.":"ビューを選びます。動きを減らす設定や API 非対応時は即時更新します。","Open an article and return to its card; focus is restored and reduced motion uses an immediate update.":"記事を開いてカードに戻るとフォーカスが復元され、動きを減らす設定では即時更新します。","Interactive view transition preview":"ビュー遷移の操作プレビュー","Interactive article transition preview":"記事遷移の操作プレビュー","The live preview reports support in the current browser; the example retains its native fallback.":"ライブプレビューは現在のブラウザーの対応状況を示し、例はネイティブのフォールバックを維持します。","Browser feature check":"ブラウザーの機能確認","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.":"記事を開いてカードに戻ります。画像と見出しはそれぞれ固有のスナップショット名を持ち、キーボードのフォーカスもビューの切り替えに追従します。","A change of view":"ビューの切り替え","From collection to article":"一覧から記事へ","Not supported":"非対応","Supported":"対応","Checking…":"確認中…","Illustrative order · no time scale":"順序の模式図・時間尺度なし","Later":"後","Earlier":"先","CSS applied":"CSS 適用後","Browser defaults":"ブラウザーの既定スタイル","The same HTML in two documents":"二つの文書で同じ HTML を使用","Browser defaults and author CSS":"ブラウザーの既定スタイルと作成者の CSS","The striped area is the actual gap between two equal blocks.":"縞の部分は、同じ大きさの2つのブロック間の実際の間隔です。","General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.":"汎用の色相エイリアスは両モードで同じ色を保ちます。currentColor や transparent などのネイティブ値は CSS 本来の意味を保ちます。","All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.":"すべてのマーカーは同じ経路を1秒で移動し、速度の変化だけが異なります。overshoot と rewind は終点や始点を越える場合があります。動きを減らす設定では静止します。","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.":"すべてのアニメーション見本は一時停止状態で始まります。再生、一時停止、もう一度再生 でネイティブのタイムラインを操作します。動きを減らす設定では静止したままです。完全な一括指定値を下に示します。","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.":"同じ複数行の段落を各行高で表示します。読み進めるリズムとブロックの高さを比較してください。","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.":"同じ文と文字の形を、各フォントスタックで比較します。実際の表示書体は、システムで利用できるフォントによって決まります。","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.":"プリセットの実際の文字サイズを、拡大縮小や固定高さによる切り取りなしで表示します。大きな見本は本文の幅内で折り返します。","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.":"ピンクの縞は、同じ大きさのブロック間の実際の間隔です。ピクセル換算はルートの文字サイズを 16px とした場合の値で、記述した rem 値はルートの文字サイズに従います。","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.":"同じ大きさの形で、強調した角に半径を示します。","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.":"各トークンで境界線を描きます。線幅は両モードで同じです。divider と subtle は装飾用で、control は必要な境界線に使います。","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.":"番号付きの色階は、明暗どちらのモードでも同じ色を保ちます。色見本を選ぶと、元の CSS 値または変数参照をコピーできます。","Resize the actual iframe across md. The surrounding document keeps its own viewport.":"実際の iframe の幅を md の前後で変えてください。外側の文書は独自のビューポートを保ちます。","Viewport typography":"ビューポートに応じた文字組み","Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.":"祖先要素の幅を変更します。28rem から概要とステータスが同じ行に並びます。ページのビューポートは変わりません。","A summary follows its container":"コンテナーに合わせて変わる概要","fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.":"fg-text-blue は前景用のエイリアスを使います。実際の前景色と面の組み合わせで確認してください。","Foreground color by role":"役割に応じた前景色","One scale, related surfaces":"同じスケールでつながる面","Color separates these surfaces. This example adds no shadow.":"これらの面は色で区別します。この例では影を加えていません。","Surface hierarchy":"面の階層","Fluid space, measured object":"伸縮する空間と寸法を持つ要素","The row stops at sm. The flexible text region can shrink below its content width.":"行の幅は sm を上限とします。伸縮するテキスト領域は、内容自体の幅より狭くできます。","Keep long content within its cap":"長い内容を幅の上限内に収める","Both documents use identical classes. The active mode supplies the surface, line and text values.":"どちらの文書も同じクラスを使います。有効なモードが面、線、文字の値を決めます。","One composition, two modes":"同じ構成、2つのモード","Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.":"標準のウェイトのまま、文字サイズ、余白、文字の役割で階層を作ります。どのプレビュー幅でも本文全体を表示します。","A readable type hierarchy":"読みやすい文字の階層","The line role selects a color. Width and style still need an explicit declaration.":"線の役割で選ぶのは色です。幅とスタイルは別途明示する必要があります。","Visible boundaries":"見える境界線","These links share a destination. Their shape is independent of their native navigation behavior.":"これらのリンクの行き先は同じです。形が変わっても、ネイティブのナビゲーション動作は変わりません。","Content-sized pill and width-led circle":"内容に合わせたピルと幅で決まる円","The archive action is natively disabled. Inverse text is paired with its inverse surface.":"アーカイブ操作はネイティブの無効状態です。反転用の文字色は、対応する反転用の面と組み合わせます。","Readable hierarchy":"読みやすい階層","Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.":"コンテナーの幅が 28rem 未満では、メディアを縦に並べます。28rem になると幅 9rem を保ち、伸縮するテキストの隣に配置します。","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.":"どちらのアニメーションも1回だけ実行し、初期状態では一時停止しています。再生 と もう一度再生 でネイティブのタイムラインを操作します。動きを減らす設定では、アニメーションなしで内容をすぐに表示します。","Two finite entrances":"1回で終わる2つの入場アニメーション","General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.":"汎用の色相エイリアスは、明暗どちらの配色でも同じ色を保ちます。モードに応じた読みやすい前景色には、文字用の色相エイリアスを使います。","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.":"チェックボックスで translateX を 0 から 96px に変更します。150ms の遅延後、300ms のトランジションが始まります。動きを減らす設定では状態がすぐに変わり、印刷時には初期位置を保ちます。","A transition needs two states":"トランジションには2つの状態が必要","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.":"ダイアログを開くと入場アニメーションが1回再生されます。Escape または Close details で閉じると、起点のボタンにフォーカスが戻ります。動きを減らす設定ではすぐに開きます。モーダルの範囲はこのプレビュー内に限定されます。","Motion follows a real action":"実際の操作をきっかけに動く","A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.":"ネイティブのリンクはポインター操作とキーボードフォーカスに対応します。フォーカスの輪郭線は表示したまま、印刷時には影を取り除きます。","Depth follows interaction":"操作に応じて変わる奥行き","shadow-sm uses the same offsets across these modes, with different edge and shadow colors.":"shadow-sm のオフセットは両モードで同じですが、縁と影の色は異なります。","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.":"2つの見本は文字サイズも内容も同じです。font-3xl は親要素の行の高さと字間を継承し、text-3xl は3つのプロパティをすべて設定します。","One size, two type treatments":"同じ文字サイズ、2つの組版設定","Choose one axis or both":"一方の軸、または両方を選ぶ","Download {title} ({format})":"{title}（{format}）をダウンロード","Download {format}":"{format} をダウンロード","Guide":"ガイド","Reference":"リファレンス","Blog":"ブログ","Brand":"ブランド","Design system":"デザインシステム","Products":"製品","Resources":"リソース","Community":"コミュニティ","About":"概要","Company":"組織","Footer":"フッターナビゲーション","Theme":"外観","Light":"ライト","Dark":"ダーク","System":"システム設定","Language":"言語","Language switch":"言語を切り替える","Version":"バージョン","Menu":"メニュー","Close menu":"メニューを閉じる","home":"ホーム","Navigation":"ナビゲーション","Main navigation":"メインナビゲーション","Documentation navigation":"ドキュメントナビゲーション","New":"新着","On this page":"このページの内容","Edit this page":"このページを編集","Issue on this page":"このページの問題を報告","Collapse":"折りたたむ","Expand":"展開する","Previous":"前へ","Next":"次へ","Previous and next documents":"前後のドキュメント","Written by":"著者","Keep reading":"続けて読む","All articles":"すべての記事","Newer":"新しい記事","Search ⌘ K …":"検索 ⌘ K …","Search documentation":"ドキュメントを検索","Search documentation…":"ドキュメントを検索…","Clear search":"検索をクリア","Close search":"検索を閉じる","Cancel":"キャンセル","Loading documentation…":"ドキュメントを読み込み中…","Search could not load.":"検索を読み込めませんでした。","Find a name, alias or CSS property":"名前、別名、CSS プロパティで検索","Check your connection and try again.":"接続を確認して、もう一度お試しください。","Try again":"再試行","Try searching":"検索の例","No matching documents":"一致するドキュメントがありません","Try a property name, a token name or a different keyword.":"プロパティ名、トークン名、別のキーワードでお試しください。","Search results":"検索結果","Navigate":"選択","Open":"開く","Search anytime":"いつでも検索","{count} results":"{count} 件の結果","Top {count} results":"上位 {count} 件の結果","Identifier":"識別子","Title":"タイトル","Syntax":"構文","Topic":"トピック","Content":"本文","Utility":"ユーティリティ","Rule":"ルール","Tokens":"トークン","Directive":"ディレクティブ","Tool":"ツール","Page":"ページ","Code":"コード","Copy code":"コードをコピー","Copy {name}":"{name}をコピー","{name} copied":"{name}をコピーしました","Clipboard unavailable. Select the code to copy it.":"クリップボードを利用できません。コードを選択してコピーしてください。","Code examples":"コード例","Generated CSS":"生成された CSS","Source":"ソース","Result":"結果","Default":"既定値","Text description":"テキストによる説明","Utility keys":"ユーティリティのキー","Show {count} more keys":"さらに {count} 個のキーを表示","Namespace consumers":"名前空間を使用する項目","Namespace":"名前空間","Consumers":"使用する項目","All guides":"すべてのガイド","All entries":"すべての項目","Index view":"索引の表示方法","By category":"カテゴリ別","Jump to a letter":"頭文字で移動","{name} sections":"{name}のセクション","{name} categories":"{name}のカテゴリ","This page does not exist":"ページが見つかりません","Try searching the documentation or return to the Guide.":"ドキュメントを検索するか、ガイドに戻ってください。","Try searching the site or return to the homepage.":"サイトを検索するか、ホームに戻ってください。","Browse the Guide":"ガイドを見る","Back to home":"ホームに戻る","This page is still under construction and some content may not be complete.":"このページは作成中のため、一部の内容が未完成の場合があります。","Master — Master the interface.":"Master — インターフェースを磨く。","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 CSS、デザインシステム、開発から得た知見を紹介します。","Master the":"UIを","interface.":"磨く。","Explore our products":"製品を見る","From expression":"表現を、","to interface.":"インターフェースへ。","Focused tools, built on a shared foundation.":"共通の基盤から生まれる、目的に向き合うツール。","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 agent skill for refining web interfaces, with guidance on surfaces, typography, spacing and interaction.":"Webインターフェースを磨くためのエージェントスキル。サーフェス、文字組み、余白、インタラクションを扱います。","The next part of the Master product family. We will share more when it is ready.":"Master製品ファミリーの次の一歩です。準備が整い次第、詳しくお知らせします。","Explore Master CSS":"Master CSSを見る","Explore Master Design":"Master Designを見る","Coming soon":"近日公開","Journal":"ジャーナル","Ideas, put":"アイデアを、","into practice.":"実践へ。","Product notes and lessons from building for the web.":"製品の記録と、Web開発から得た知見。","Read the blog":"ブログを読む","News and notes":"ニュースとノート","Product notes, ideas and lessons from building Master.":"Masterの開発から生まれた製品の記録、アイデア、知見。","Components":"コンポーネント","Design system navigation":"デザインシステムのナビゲーション","Authoring handbook":"記述ハンドブック","Usage and interface":"使い方とインターフェース","Used on":"使用箇所：","Tools and a shared design language for building thoughtful interfaces.":"使い心地まで考えたインターフェースのためのツールと共通のデザイン言語。","Published articles":"公開記事","Stable product website.":"製品の安定版サイト。","An agent skill for refining web interfaces.":"Webインターフェースを磨くためのエージェントスキル。","Product notes and ideas from Master.":"Masterからの製品ノートとアイデア。","New feature":"新機能","Release":"リリース","Overview":"概要","Authoring":"記述","A complete example":"完全な例","Stage only":"ステージのみ","Without a head or source the tray is a quiet frame around one specimen; a lone caption names the figure.":"ヘッダーとソースがなければ、トレイは1つの見本を囲む控えめな枠となり、キャプションだけで図を名付けます。","Grouped namespaces":"グループ別の名前空間","Variable sources":"変数の出典","Metrics":"指標","Complete chart presentation":"完全なチャート表示","Illustrative component data. Follow the product link for measured benchmark results.":"説明用データです。実測ベンチマークは製品のリンク先を参照してください。","Context, subject and comparison":"背景、対象、比較対象","Outcomes":"結果","Spacing with its representation":"間隔の見本付き表示","Roles and steps":"役割と段階","Responsive presets":"レスポンシブのプリセット","A reference specimen":"リファレンスの見本","Reference demos compile their own isolated document with the system roles and the preset tokens they use.":"リファレンスのデモは、使うシステムの役割とプリセットトークンを含む独立文書をコンパイルします。","Local overflow":"局所的なはみ出し","In a reference specimen":"リファレンスの見本内","Grounds":"背景の種類","Main and cross axis":"主軸と交差軸","With a measure and a legend":"寸法と凡例を添える","One scenario":"1つのシナリオ","Compare scenarios":"シナリオを比較","Both diagrams use the same geometry and naming conventions.":"両方の図は同じ形状と命名規則を使います。","A recipe group":"レシピグループ","Source and date":"出典と日時","The complete source":"完全なソース","One palette across languages":"言語をまたぐ共通の配色","Keywords, names, properties and values keep the same visual roles in light and dark. Comments stay quiet and readable.":"キーワード、名前、プロパティ、値は明暗両モードで同じ視覚的役割を保ち、コメントは控えめで読みやすくします。","As written or uppercase":"原文のまま、または大文字","Labelling a scale":"スケールにラベルを付ける","Elevation":"高低差","DemoSurface":"DemoSurface","Well":"くぼみ","Inputs, tracks and pressed states sink into a well.":"入力、トラック、押下状態はくぼみに沈みます。","A paused timeline":"停止中の時間軸","Every control":"すべての操作部品","Exclusive choices in a tray head":"トレイのヘッダー内での排他的選択","A segmented control in the tray head changes the actual utility on the specimen.":"トレイのヘッダー内のセグメント操作が、見本の実際のユーティリティを変更します。","Related document views":"関連するドキュメント表示","Arrow keys move between views; Home and End reach the first and last; Tab moves into the selected panel.":"矢印キーで表示を移動し、Home と End で先頭・末尾へ、Tab で選択中のパネルへ移動します。","Viewport conditions":"ビューポートの条件","The presets cross the sm breakpoint inside a real iframe; the button padding follows that viewport.":"プリセットは実際の iframe 内で sm 境界をまたぎ、ボタンの padding はそのビューポートに従います。","A query card":"クエリーカード","A whole page instead":"ページ全体を使う","When the lesson is about the viewport, show the real page in a browser instead of a container.":"ビューポート自体を教える場合は、コンテナーではなくブラウザー内の実際のページを示します。","Installation sequence":"インストール手順","A chart group":"チャートグループ","Tone and paint":"色調と描画","In a lesson":"教材の中で","The example supplies the layout: here a hatched padding box and a gap between three items.":"レイアウトは例が設定します。ここではハッチングした padding 領域と3つの項目間の gap を使います。","Live bounds":"実際の境界寸法","Value and compact feedback":"値付きと簡潔な通知","Feature support":"機能対応","View transitions":"ビュー遷移","Two conditions":"2つの条件","A complete scale":"完全なスケール","A scale of more than two values is a grid of labelled specimens on one stage.":"3つ以上の値のスケールは、1つのステージ上にラベル付き見本のグリッドを配置します。","Grouped entries":"グループ別の項目","In the Guide":"ガイドでの使用","Two families":"2つのファミリー","Tones, dots and sizes":"色調、ドット、サイズ","Recorded output":"記録済みの出力","Artwork in a tone":"色調を使ったアートワーク","A real image":"実際の画像","Documents":"ドキュメント","Surfaces and frames":"サーフェスと枠","Specimens and annotations":"見本と注釈","Controls":"操作部品","Documents and evidence":"ドキュメントと根拠","Canvas":"キャンバス","Tray":"トレイ","Stage":"ステージ","Sheet":"シート","Float":"浮遊面","The page itself. Reading text sits directly on it.":"ページ自体です。本文はこの面に直接置きます。","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 raised face: panels, cards, controls and specimens.":"パネル、カード、操作部品、見本を置く浮いた面です。","A sunken field below its surroundings: inputs, tracks and pressed states.":"入力、トラック、押下状態に使う、周囲より沈んだ面です。","Menus, dialogs and tooltips above everything else.":"他のすべての上に置くメニュー、ダイアログ、ツールチップ。","Plain":"標準","Hatch":"ハッチング","Grid":"グリッド","Dots":"ドット","Checkerboard":"市松模様","The default lit stage for reading a complete example.":"完全な例を読むための標準の明るいステージ。","Mark measured gaps, padding or otherwise empty space.":"測定する gap、padding、空の領域を示します。","Inspect alignment and positioning against regular lines.":"規則的な線を基準に揃えと配置を確認します。","Compare placement against a sparse grid.":"まばらな格子を基準に配置を比較します。","Reveal transparency in an image or painted surface.":"画像や描画面の透明部分を見せます。","Project styles and layers":"プロジェクトのスタイルとレイヤー","Layout foundations":"レイアウトの基礎","Typography and motion":"タイポグラフィと動き","Paint and color":"描画と色","Namespace comparisons":"名前空間の比較","Code and table patterns":"コードと表のパターン","Syntax and viewports":"構文とビューポート","Utility behavior recipes":"ユーティリティの動作レシピ","Working recipe collections":"動作するレシピのコレクション","Open the complete collection":"コレクション全体を開く","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.":"マークのグラデーションはアートワークの一部です。インターフェースの金色にはプリセットの amber ファミリーを使います。","The Master CSS gold mark":"Master CSS の金色のマーク","The Master CSS horizontal logotype":"Master CSS の横組みロゴタイプ","Horizontal logotype":"横組みロゴタイプ","x is the wordmark's x-height; the mark is 1.3x high. Keep one x clear around the complete signature.":"x はワードマークの x ハイトで、マークの高さは1.3xです。シグネチャー全体の周囲に1xの余白を残します。","Minimum sizes":"最小サイズ","At actual CSS pixels":"実際の CSS ピクセルで表示","Check the artwork at the size it will be used.":"実際に使うサイズでアートワークを確認してください。","Small mark":"小型マーク","Mark":"マーク","Logotype":"ロゴタイプ","Mark on light":"明るい背景のマーク","Mark on dark":"暗い背景のマーク","Signal":"シグナル","Gold":"金色","Typeface":"書体","Use":"用途","Interface and Latin text":"インターフェースとラテン文字","Traditional Chinese":"繁体字中国語","Code, identifiers and aligned numbers":"コード、識別子、桁をそろえる数字","Download the brand kit (ZIP)":"ブランドキットをダウンロード（ZIP）","Asset manifest":"アセットのマニフェスト","Download":"ダウンロード","Logotype for dark backgrounds":"暗い背景用ロゴタイプ","Logotype for light backgrounds":"明るい背景用ロゴタイプ","Mark for dark backgrounds":"暗い背景用マーク","Mark for light backgrounds":"明るい背景用マーク","Small mark for dark backgrounds":"暗い背景用小型マーク","Small mark for light backgrounds":"明るい背景用小型マーク","Light lettering with the champagne-to-gold mark.":"明るい文字とシャンパン色から金色へ変化するマーク。","Dark lettering with the champagne-to-gold mark.":"暗い文字とシャンパン色から金色へ変化するマーク。","Standard flat mark, for heights of 24px and above.":"高さ24px以上向けの標準フラットマーク。","Wider gaps for heights from 16px to below 24px.":"高さ16px以上24px未満向けに隙間を広げたマーク。","Master CSS logotype with light lettering":"明るい文字の Master CSS ロゴタイプ","Master CSS logotype with dark lettering":"暗い文字の Master CSS ロゴタイプ","Master CSS gold mark for dark backgrounds":"暗い背景用の Master CSS 金色マーク","Master CSS gold mark for light backgrounds":"明るい背景用の Master CSS 金色マーク","Small Master CSS mark for dark backgrounds":"暗い背景用の Master CSS 小型マーク","Small Master CSS mark for light backgrounds":"明るい背景用の Master CSS 小型マーク","A small document workspace":"小さな文書用ワークスペース","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.":"レイヤーごとに offset と blur が倍になり、spread は内側へ寄せます。ホバーで半ピクセル持ち上がって rise-1h となり、押すとくぼみに沈みます。","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.":"角丸14のトレイは4pxの内側余白で角丸10のステージ、コード、シートを収め、角丸8のメニューは角丸4の項目を収めます。","Names, values and supporting details share a start.":"名前、値、補足情報の始点をそろえます。","Hue appears only inside specimens. A legend or label names each tone.":"色相は見本の中だけに使い、凡例かラベルで各色調を名付けます。","The status beside the action reports the real clipboard result, including denial.":"操作の隣の状態表示は、拒否も含む実際のクリップボード結果を伝えます。","Copy surface":"サーフェスをコピー","Concentric radii":"同心の角丸","Values, together":"値をまとめて","Teaching color is always named":"説明用の色には必ず名前を付ける","Copy with an honest result":"実際の結果を伝えるコピー","Copy the sheet surface variable":"シートのサーフェス変数をコピー","Project tokens":"プロジェクトトークン","Collection card":"コレクションカード","Project token":"プロジェクトトークン","Background":"背景","Purpose":"用途","Token":"トークン","CSS":"CSS","Minimum sizes at actual CSS pixels":"実際のCSSピクセルでの最小サイズ","high":"の高さ","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.":"4pxのトレイ内側余白に合わせて角丸を重ねます。トレイは14px、内側のステージ、コード、シートは10pxです。高低差はsink、flat、rise-1、rise-1h、rise-2、rise-3、overlayの順で、影はレイヤーごとにoffsetと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).":"ネイティブのボタン、select、スライダー、セグメントグループは、見えるフォーカスとキー操作を保ちます。浮いた面はホバーで半ピクセル持ち上がり、押すとくぼみに沈みます。選択されたセグメントは沈んだトラック内で浮き上がり、フォーカスは見えるインクの輪で示します。[操作部品を見る](/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).":"名前、値、補足情報の始点をそろえます。長いソースはネイティブの開閉領域から読めます。[完全な例を作る](/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.":"[記事遷移のプレビューを開く](https://css.master.co/guide/view-transitions#article-list-to-detail)。記事を開いてカードへ戻ると、フォーカスも元のカードに戻ります。動きを抑える設定では即時に更新します。","[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.":"[表示選択のプレビューを開く](https://css.master.co/guide/view-transitions)。表示を選択します。動きを抑える設定やAPI未対応では即時更新を保ちます。","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.":"同じProject notes文書にタイポグラフィ、余白、ボーダーを適用する前後です。これはスタイルの例示的な比較で、時間測定ではありません。","Section marks":"セクションのマーク","Seven waypoints through the homepage.":"ホームページを巡る7つの目印。","Themes, tokens and native CSS foundations.":"テーマ、トークン、ネイティブCSSの基盤。","Editor":"エディター","Tools for reading and writing class names.":"クラス名を読み書きするためのツール。","Rendering":"レンダリング","Three paths from class names to CSS.":"クラス名からCSSへ至る3つの経路。","AI agents":"AIエージェント","Connected clients and a reviewable workflow.":"接続されたクライアントと、レビュー可能な作業フロー。","Workflow":"ワークフロー","Shared foundations across projects and routes.":"プロジェクトとルートをまたぐ共通基盤。","Lint checks":"lintチェック","Six checks, with archived compact vector studies.":"6つのチェックと、アーカイブした小型ベクター研究。","MCP tools":"MCPツール","Nine tools, with a matching glass illustration for each.":"9つのツールそれぞれに対応するガラスのイラスト。","Modules arranged on a shared drafting frame.":"共通の製図フレームに並ぶモジュール。","A thin editing plane, one focused row and an independent pointer.":"薄い編集面、注目する1行、独立したポインター。","One source branches into three delivery targets.":"1つのソースが3つの配信先へ分岐。","CSS size":"CSSサイズ","A bundle of rules contracts beside a measurement rail.":"測定レールの隣で縮むルールの束。","Lint":"Lint","Three checkmarks verify three rows on a transparent editing plane.":"透明な編集面の3行を3つのチェックマークで検証。","Connected agents form a loop around a checked result.":"検証済みの結果を囲む、接続されたエージェントの輪。","Three workstations connect in a stepped sequence.":"段階的につながる3つの作業台。","Light and dark, same markup":"同じマークアップで明暗を切り替える","One panel, two lighting conditions, a shared outline.":"1つのパネル、2つの照明、共通の輪郭。","Tokens, defined once":"一度だけ定義するトークン","A single reference supplies three different properties.":"1つの参照が3つの異なるプロパティを供給。","Wide-gamut color":"広色域の色","An outer gamut encloses a smaller sampled triangle.":"大きな色域が、小さなサンプル三角形を包む。","Layout and motion, together":"レイアウトと動きを一緒に","A grid cell follows a curved path out of its layout.":"グリッドのセルが曲線に沿ってレイアウトの外へ動く。","Native CSS, in predictable layers":"予測可能なレイヤーで使うネイティブCSS","Five separated planes share one registration axis.":"分離した5つの面が1つの位置合わせ軸を共有。","Hover inspection":"ホバーで検査","A pointer opens a cross-section above a class string.":"ポインターがclass文字列の上に断面を開く。","Manifest completions":"manifestに基づく補完","An unfinished input connects to a selected candidate.":"未完成の入力が選択した候補につながる。","Focused highlighting":"注目箇所のハイライト","An inspection frame isolates one line in an editing plane.":"検査枠が編集面の1行を切り出す。","Color tools":"色のツール","A floating sample disc connects to a point on a color coordinate plane.":"浮いた色見本の円盤が、色座標面の1点につながる。","Static rendering":"静的レンダリング","Source fragments resolve into a finished stylesheet.":"ソース断片が完成したスタイルシートにまとまる。","Progressive rendering":"プログレッシブレンダリング","A prepared panel receives one additional piece.":"準備済みのパネルに1つの部品が加わる。","Runtime rendering":"ランタイムレンダリング","New rule blocks assemble inside a browser frame.":"ブラウザー枠内で新しいルールブロックが組み上がる。","Lint, preview, then apply":"lint、プレビュー、適用の順に","Three staggered stages check, compare and confirm.":"段違いの3段階で検査、比較、確認。","Works with your agent":"あなたのエージェントと連携","Different connectors share one project hub.":"異なるコネクターが1つのプロジェクトハブを共有。","Project tools":"プロジェクトツール","Three abstract capabilities dock into a shared transparent rail.":"3つの抽象的な機能が共通の透明レールへ接続。","Framework integrations":"フレームワークのインテグレーション","Complementary connectors meet across an open gap.":"相補的なコネクターが開いた間隔を越えて合う。","Trace a change":"変更を追跡","One changed node reaches three dependent nodes.":"変更した1つのノードから3つの依存ノードへ届く。","Monorepo-aware":"monorepoに対応","Three transparent project sheets share one thin foundation.":"3つの透明なプロジェクトシートが薄い基盤を共有。","Route-level styles":"ルート単位のスタイル","A source branches into routes carrying their own sheets.":"1つのソースから、専用シートを持つルートへ分岐。","Invalid classes":"無効なclass","A malformed piece fails to pass a calibrated opening.":"不正な部品が、調整済みの開口部を通れない。","Class order":"クラスの順序","Uneven source rows settle into an ordered column.":"不揃いなソース行が整った列へ収まる。","Conflicting classes":"競合するclass","Two paths compete for the same destination slot.":"2つの経路が同じ到達先を取り合う。","Strict vocabulary":"厳格な語彙","A shaped opening admits only a matching piece.":"形のある開口部を、一致する部品だけが通る。","Theme tokens":"テーマトークン","Raw values align with a named reference on a ruler.":"生の値が定規上の名前付き参照にそろう。","Fix previews":"修正のプレビュー","Before and after sheets carry minus and plus marks.":"変更前後のシートにマイナスとプラスを示す。","Scan project":"プロジェクトをスキャン","A scan line crosses a source sheet inside a capture frame.":"取り込み枠内でスキャン線がソースシートを横切る。","Query manifest":"manifestを照会","Staggered index sheets sit beside a separate inspection lens.":"段違いの索引シートの隣に独立した検査レンズ。","Inspect class":"クラスを検査","A single source piece unfolds into inspectable lines.":"1つのソース部品が、検査できる行へ展開する。","Trace class":"クラスを追跡","A continuous path links source, intermediate node and output.":"連続する経路がソース、中間ノード、出力をつなぐ。","Render CSS":"CSSを生成","Separate rule fragments converge toward one output sheet.":"別々のルール断片が1つの出力シートへ集まる。","Lint project":"プロジェクトをlint","A circular check verifies a layered collection of source sheets.":"円形のチェックが層状のソースシート群を検証。","Compare CSS":"CSSを比較","A double-ended arrow compares two clearly separated outputs.":"双方向矢印が、明確に分かれた2つの出力を比較。","Preview fixes":"修正をプレビュー","An eye examines additions and removals before confirmation.":"確認前に、目が追加と削除を調べる。","Apply preview":"プレビューを適用","A confirmed piece is directed into its target sheet.":"確認済みの部品が対象シートへ向かう。","Light and dark background previews":"明暗背景のプレビュー","SVG study":"SVG研究","Section":"セクション","Item":"項目","Suggested":"推奨","Actual sizes":"実際のサイズ","artwork + SVG study":"画像 + SVG研究","Main artwork · WebP":"メイン画像 · WebP","Material and vector construction · enlarged":"素材とベクター構成 · 拡大","Selected WebP material":"選択したWebP素材","Compact drawing · 4×":"小型の図 · 4倍","Material study · SVG / WebP":"素材研究 · SVG / WebP","Dense class strings, still readable.":"密なclass文字列も、読みやすく。","The same icon caption, 96px canvas and approximately 80% visible width. Compare the rendered materials on both card backgrounds.":"同じアイコンのキャプション、96pxのキャンバス、約80%の可視幅で、両カード背景の素材を比較します。","Illustration collection · 01":"イラスト集 · 01","Quiet precision":"静かな精密さ","A little depth.":"少しの奥行き。","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.":"Master CSSホームページのためのオリジナルイラスト。透明な面、抑えた光、細線で各仕組みを説明します。同じガラスの表現をlintルールとエージェントツールにも使っています。","Collection specifications":"コレクションの仕様","original themes":"つのオリジナル題材","archived compact studies":"件の小型研究アーカイブ","WebP":"WebP","homepage feature artwork":"ホームページの機能画像","Six representative illustrations":"代表的な6点のイラスト","Explore the collection":"コレクションを見る","Page theme":"ページの配色","Icon groups":"アイコングループ","In context":"使用場面","Integration":"組み込み","themes":"つの題材","Placement studies":"配置の研究","The full collection with current homepage copy where available, shown at 96px, 48px and 40px.":"現在のホームページ文案を使える箇所に添え、コレクション全体を96px、48px、40pxで表示します。","Homepage integration":"ホームページへの組み込み","The current rc layout uses themed WebP artwork throughout its section, card, rule and tool illustrations.":"現在のrcレイアウトは、セクション、カード、ルール、ツールの各画像に配色別WebPを使います。","Master CSS · Original homepage illustrations":"Master CSS · オリジナルのホームページイラスト","Back to top":"先頭へ戻る","Archived compact SVG":"アーカイブした小型SVG","Main artwork":"メイン画像","artwork":"画像","vector construction":"ベクター構成","Beside a heading":"見出しの隣で","In a dense tool list":"密なツール一覧で","When the image carries meaning":"画像に意味がある場合","Build modern interfaces from one class vocabulary.":"1つのclass語彙で現代的なインターフェースを作る。","One syntax. Every delivery path.":"1つの構文で、あらゆる配信経路へ。","Only the CSS a page uses.":"ページが使うCSSだけ。","Lint classes against your project.":"プロジェクトに沿ってclassをlintする。","Agents check their own changes.":"エージェントが自身の変更を検査。","Works with your framework and build.":"使っているフレームワークとビルドに連携。","the Rendering modes guide":"レンダリングモードのガイド","the Responsive Design guide":"レスポンシブデザインのガイド","the Colors guide":"色のガイド","the design system overview":"デザインシステムの概要","the View transitions guide":"ビュー遷移のガイド","the installation guides":"インストールのガイド","the benchmarks":"ベンチマーク","the layout verification guide":"レイアウト検証のガイド","the Layout System guide":"レイアウトシステムのガイド","the Theme guide":"テーマのガイド","the container size reference":"コンテナー寸法のリファレンス","the Syntax Tutorial":"構文チュートリアル","Type hierarchy":"文字の階層","Size and treatment":"文字サイズと組版設定","Finite entrances":"1回で終わる入場アニメーション","State transition":"状態のトランジション","Dialog entrance":"ダイアログの入場","Container grid":"コンテナーのグリッド","Container media object":"コンテナー内のメディアオブジェクト","Fluid wrapper and measured object":"伸縮するラッパーと寸法を持つ要素","One axis or both":"一方の軸、または両方","Shrinkable content":"縮められる内容","Radius scale":"角丸のスケール","Shape shortcuts":"形状のショートカット","Workspace layout":"ワークスペースのレイアウト","Color roles":"色の役割","Line roles":"線の役割","Text roles":"文字の役割","Base hue":"基本の色相","Text hue":"文字の色相","Quiet elevation":"控えめな浮き上がり","Interactive elevation":"操作に応じた浮き上がり","View guide":"ガイドを見る"}