.centering-card-preview{gap:6px}.centering-card-stage{border:1px dashed var(--line);background:var(--color-white);border-radius:7px;place-items:center;height:64px;display:grid;position:relative}.centering-card-cross{color:#c4c4cc;pointer-events:none;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px!important}.centering-card-object{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;padding:4px 9px}.centering-card-object b{font-size:10px!important}.centering-card-methods{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.centering-card-methods li{border:1px solid var(--line);background:var(--color-white);color:#5a5a64;border-radius:5px;padding:2px 6px;font-size:9px!important}.centering-card-methods b{color:var(--ink);font-weight:750;font-size:9px!important}.centering-card-preview p{color:#5a5a64;margin:0;line-height:1.45;font-size:10px!important}.centering-card-preview p b{color:var(--ink);font-size:10px!important}.term-interactive-demo.centering-interaction-demo{border-color:var(--line);background:var(--color-white)}.centering-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.centering-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.centering-demo-method-toggle,.centering-demo-size-toggle{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-self:start;gap:6px;padding:4px;display:inline-flex}.centering-demo-size-toggle{margin-top:-4px}.term-interactive-demo.centering-interaction-demo .centering-demo-method-toggle button,.term-interactive-demo.centering-interaction-demo .centering-demo-size-toggle button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:700}.term-interactive-demo.centering-interaction-demo .centering-demo-method-toggle button[aria-pressed=true],.term-interactive-demo.centering-interaction-demo .centering-demo-size-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.centering-demo-stage{border:1px dashed var(--line);background:var(--soft);border-radius:8px;place-items:center;min-height:220px;padding:0;display:grid;position:relative;overflow:hidden}.centering-demo-stage:before{content:"";pointer-events:none;z-index:0;border:1px solid #c4c4cc;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centering-demo-stage:after{content:"容器中心 50% / 50%";background:var(--color-white);color:#84848d;z-index:0;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:10px}.centering-demo-stage.is-flex{justify-content:center;align-items:center;display:flex}.centering-demo-stage.is-grid{place-items:center;display:grid}.centering-demo-stage.is-margin{display:block}.centering-demo-stage.is-absolute{position:relative}.centering-demo-object{background:var(--color-rausch);color:#fff;text-align:center;z-index:1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 12px;display:flex;box-shadow:0 1px #c01030}.centering-demo-object.is-known{width:108px;height:60px}.centering-demo-object.is-unknown{width:fit-content}.centering-demo-stage.is-margin .centering-demo-object{margin-block:0;margin-inline:auto;display:flex}.centering-demo-stage.is-absolute .centering-demo-object{margin:auto;position:absolute;inset:0}.centering-demo-coord{font-size:11px;font-weight:750}.centering-demo-badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.centering-demo-badge.is-good{color:#fff;background:#1f6a3a}.centering-demo-badge.is-warn{color:#a83a44;background:#fdf3f4}.centering-demo-badge.is-bad{color:#fff;background:#a83a44}.centering-demo-status{border:1px solid var(--line);background:var(--soft);color:#3c3c44;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.centering-knowledge-list,.centering-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.centering-knowledge-list li,.centering-when-list li{border:1px solid var(--line);background:var(--soft);color:#4a4a53;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.6}.centering-knowledge-list b,.centering-when-list b{color:var(--ink)}.centering-how-list{color:#4a4a53;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.centering-example-grid{gap:10px;display:grid}.centering-example-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:12px 14px}.centering-example-grid article.is-good{background:#e8f3ec;border-color:#bfe3cd}.centering-example-grid article.is-bad{background:#fbeaee;border-color:#e6c4c8}.centering-example-grid article strong{color:var(--ink);margin-bottom:6px;font-size:13px;display:block}.centering-example-grid article.is-good strong{color:#1f6a3a}.centering-example-grid article.is-bad strong{color:#a83a44}.centering-example-spec{background:var(--color-white);color:#4a4a53;border-radius:5px;margin:0 0 6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.centering-example-grid article p{color:#4a4a53;margin:0;font-size:13px;line-height:1.55}.centering-card-preview{--centering-ink:#132235;--centering-paper:#f5f0df;--centering-line:#93b8bf;color:var(--centering-ink)}.centering-card-canvas{background:linear-gradient(135deg,#dff0ec,#c6e2df);border:1px solid #7cabb4;place-items:center;min-height:126px;display:grid;position:relative;overflow:hidden}.centering-card-canvas:before,.centering-card-canvas:after,.centering-demo-vline,.centering-demo-hline{content:"";opacity:.72;background:repeating-linear-gradient(90deg,#477583 0 5px,#0000 5px 9px);position:absolute}.centering-card-canvas:before,.centering-demo-vline{width:1px;top:0;bottom:0;left:50%}.centering-card-canvas:after,.centering-demo-hline{height:1px;top:50%;left:0;right:0}.centering-card-axis{z-index:1;color:#244d57;font:800 8px var(--font-geist-mono),monospace;position:absolute}.centering-card-axis.axis-x{top:5px;left:calc(50% + 5px)}.centering-card-axis.axis-y{top:calc(50% + 4px);right:5px}.centering-card-empty{z-index:2;background:var(--centering-paper);text-align:center;border:2px solid #173b4a;gap:3px;min-width:142px;padding:13px;display:grid;position:relative;box-shadow:5px 5px #4d8790}.centering-card-empty b{font-size:14px}.centering-card-empty small{color:#365b60;font-size:9px}.centering-card-preview>p{color:#294750;margin:9px 0 0;font-size:11px;line-height:1.55}.centering-card-preview code,.centering-demo code{color:#163e4b;font:800 .92em var(--font-geist-mono),monospace;background:#d7e4e0;padding:1px 3px}.centering-demo{--centering-navy:#102b38;--centering-mint:#cee7dc;--centering-gold:#f5c861;border:2px solid var(--centering-navy);color:#f9f2dc;background:#163b49;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #e7ab54}.centering-demo-brief{color:#f9f2dc;flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.centering-demo-brief span{color:#e6fffa;font:800 10px var(--font-geist-mono),monospace;background:#2e6470;padding:3px 5px}.centering-demo-brief b{font-size:13px}.centering-demo-canvas{color:#102b38;background:#b9ddd7;border:1px solid #71aab1;min-height:255px;position:relative;overflow:hidden}.centering-demo-empty{z-index:2;background:#fff9e8;border:2px solid #173b4a;gap:5px;width:min(70%,240px);padding:15px;transition:left .18s,top .18s,transform .18s;display:grid;position:absolute;top:14%;left:14%;box-shadow:5px 5px #335f67}.centering-demo-canvas.is-margin .centering-demo-empty{top:14%;left:50%;transform:translate(-50%)}.centering-demo-canvas.is-centered .centering-demo-empty{border-color:#0b574f;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px #168979}.centering-demo-empty span{color:#2d200d;background:#d9a24f;justify-self:start;padding:2px 5px;font-size:10px;font-weight:900}.centering-demo-canvas.is-centered .centering-demo-empty span{color:#0b493d;background:#bde8d1}.centering-demo-empty b{font-size:18px}.centering-demo-empty small{color:#34545a}.centering-demo-empty button{color:#fff9e8;background:#315f66;border:0;justify-self:start;margin-top:3px;padding:4px 6px;font-size:10px}.centering-demo-empty button:disabled{opacity:.45}.centering-demo-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.centering-demo-actions button{color:#132b38;background:#f5e8c2;border:1px solid #f5c861;min-height:44px;font-weight:850}.centering-demo-actions button[aria-pressed=true]{color:#182018;background:#f5c861;box-shadow:inset 0 0 0 2px #fff9df}.centering-demo-actions .centering-demo-reset{color:#eef9ef;background:#254d58;grid-column:span 2}.centering-demo-actions button:focus-visible,.centering-demo-empty button:focus-visible{outline-offset:3px;outline:3px solid #f7e482}.centering-demo-note{color:#f9f2dc;background:#102b38;border-left:4px solid #f5c861;margin:0;padding:10px;line-height:1.65}.centering-knowledge-list,.centering-how{gap:8px;padding-left:20px;display:grid}.centering-knowledge-list li,.centering-how li{color:#374f54;line-height:1.65}.centering-knowledge-list code,.centering-how code{color:#174b55;background:#dcedea;padding:1px 3px}@media (max-width:520px){.centering-demo{padding:12px;box-shadow:4px 4px #e7ab54}.centering-demo-canvas{min-height:265px}.centering-demo-actions{grid-template-columns:1fr}.centering-demo-actions .centering-demo-reset{grid-column:auto}.centering-demo-empty{width:calc(100% - 32px)}}.term-interactive-demo.centering-demo .centering-demo-note{color:#f9f2dc}