.frame-measurement-diagram{width:100%;max-width:400px;color:var(--shop-ink);background:#f6f8fc;border:1px solid #e9edf5;border-radius:12px;margin:0 auto;padding:16px 12px}.frame-measurement-diagram svg{width:100%;height:auto;display:block}.frame-measurement-diagram .measurement-frame{color:#596680}.frame-measurement-diagram .measurement-guides{color:#8995aa}.frame-measurement-diagram .measurement-labels{font-family:var(--shop-font-body,Arial,sans-serif)}.frame-measurement-diagram .measurement-value{fill:var(--shop-muted);font-variant-numeric:tabular-nums}.measurement-marking{border-top:1px solid var(--shop-line);padding-top:12px}.measurement-marking-title{text-align:center;margin:0 0 10px;font-size:14px}.measurement-marking-values{text-align:center;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:start;gap:4px;display:grid}.measurement-marking-part{gap:6px;font-size:14px;line-height:1.4;display:grid}.measurement-marking-part strong,.measurement-marking-separator{font-variant-numeric:tabular-nums;font-size:18px;line-height:1.4}.measurement-marking-part strong{white-space:nowrap;font-weight:600}.measurement-marking-part strong span{font-size:14px;font-weight:400}.frame-measurement-diagram figcaption{text-align:center;color:var(--shop-muted);margin-top:14px;font-size:12px}.frame-size-guide-entry{vertical-align:middle;display:inline-flex}.frame-size-guide-close,.frame-size-guide-trigger{width:44px;height:44px;color:var(--shop-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.frame-size-guide-trigger svg{width:18px;height:18px}.frame-size-guide-close:hover,.frame-size-guide-trigger:hover{color:var(--shop-ink);background:var(--shop-soft,#f4f6ff)}.frame-size-guide-close:focus-visible,.frame-size-guide-trigger:focus-visible{outline:2px solid var(--shop-accent);outline-offset:2px}.frame-size-guide-dialog{border:1px solid var(--shop-line);width:min(440px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--shop-ink);text-align:left;overscroll-behavior:contain;background:#fff;border-radius:12px;margin:auto;padding:0;font-size:14px;line-height:1.6;overflow:auto;box-shadow:0 16px 60px #0003}.frame-size-guide-dialog::backdrop{background:#0006}.frame-size-guide-header{z-index:1;border-bottom:1px solid var(--shop-line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 24px;display:flex;position:sticky;top:0}.frame-size-guide-header h2{margin:0;font-size:20px;font-weight:600}.frame-size-guide-close svg{width:20px;height:20px}.frame-size-guide-body{padding:24px}.size-guide-fit-table{border-collapse:collapse;width:100%;font-size:14px}.size-guide-fit-table td,.size-guide-fit-table th{border-bottom:1px solid var(--shop-line);text-align:left;padding:10px 12px}.size-guide-fit-table thead th{color:var(--shop-muted);font-weight:400}.size-guide-fit-table tbody th{font-weight:500}.size-guide-fit-table td{font-variant-numeric:tabular-nums;white-space:nowrap}.size-guide-fit-table .is-current{background:var(--shop-soft,#f4f6ff);color:var(--shop-accent)}.frame-size-guide-content>.frame-measurement-diagram{margin-top:24px}@media (width<=600px){.frame-size-guide-header{padding-inline:16px 8px}.frame-size-guide-body{padding:16px}.size-guide-fit-table td,.size-guide-fit-table th{padding:10px 6px}}